/* One application frame for browsing, reading and creating. Loaded after legacy screens. */
:root{--app-blue:#1948e8;--app-text:#19243a;--app-muted:#647087;--app-line:#e5e9f0;--app-surface:#f5f7fb;--app-bottom:calc(70px + env(safe-area-inset-bottom));--app-top:calc(56px + env(safe-area-inset-top))}
body.app-interface{background:#fff;color:var(--app-text);font-family:system-ui,-apple-system,'Hiragino Kaku Gothic ProN',sans-serif;padding:var(--app-top) 0 var(--app-bottom);margin:0}
.app-interface *{box-sizing:border-box}
.app-interface>.site-header,.app-interface>.site-footer,.app-interface>.install-app{display:none!important}
.app-interface h1,.app-interface h2,.app-interface h3{font-family:inherit;letter-spacing:-.02em}
.app-interface h1{font-size:25px;line-height:1.4}.app-interface h2{font-size:20px;line-height:1.5}.app-interface h3{font-size:17px;line-height:1.5}
.app-interface .eyebrow,.app-interface .hub-eyebrow{display:none}
.app-interface .shell{width:100%;max-width:960px;margin:0 auto;padding:20px 20px 32px}
.app-interface :is(button,.btn,summary){font-family:inherit;cursor:pointer;min-height:44px}
.app-interface :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #1948e8;outline-offset:3px}
.app-interface input:not([type=checkbox]):not([type=radio]):not([type=range]),.app-interface textarea,.app-interface select{font-size:16px;border:1px solid #cbd3e1;border-radius:10px;max-width:100%}
.app-interface .btn{font-size:15px;border-radius:10px;min-height:44px;padding:12px 16px;line-height:1.4;display:inline-flex;align-items:center;justify-content:center}
.app-interface .btn-primary{background:var(--app-blue);border-color:var(--app-blue);color:white}.app-interface .btn-outline{background:#fff;border-color:#d8dfeb;color:var(--app-blue)}
.app-topbar{position:fixed;z-index:45;inset:0 0 auto;min-height:var(--app-top);padding:env(safe-area-inset-top) max(16px,calc((100vw - 960px)/2)) 0;display:flex;gap:8px;align-items:center;background:#ffffffed;backdrop-filter:blur(16px);border-bottom:1px solid var(--app-line)}
.app-topbar>strong,.app-topbar>h1{margin:0;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:18px;line-height:1.5}
.app-icon-button{border:0;background:transparent;color:var(--app-text);min-width:44px;min-height:44px;padding:10px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;gap:8px;font:inherit}
.app-topbar .app-bookmark{font-size:14px;white-space:nowrap;padding:8px;min-width:44px;border:0;background:transparent;color:var(--app-blue)}
.app-interface>.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);inset:auto 0 0;z-index:40;background:#ffffffef;border-top:1px solid var(--app-line);backdrop-filter:blur(16px);padding:6px max(8px,calc((100vw - 720px)/2)) calc(6px + env(safe-area-inset-bottom))}
.app-interface>.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:52px;text-decoration:none;color:var(--app-muted);border-radius:10px}
.app-interface>.mobile-nav a.active{background:transparent;color:var(--app-blue);font-weight:700}.app-interface>.mobile-nav span{font-size:14px}.app-interface>.mobile-nav svg{width:23px;height:23px}
.app-interface.app-detail{padding-bottom:20px}.app-interface.app-detail>.mobile-nav{display:none!important}
.native-app .app-interface>.mobile-nav{display:none!important}
.app-interface .app-home-header,.app-interface .home-desktop-nav,.app-interface .create-heading,.app-interface .hub-page-heading>p{display:none}
.app-interface .app-home{max-width:960px}.app-interface .home-books{gap:24px 16px}.app-interface .home-cover{aspect-ratio:3/4;border-radius:10px}.app-interface .home-book h3{font:650 16px/1.5 system-ui;white-space:normal}.app-interface .home-book p{font-size:14px}
.app-home-search{display:flex;gap:8px;padding:2px 0 16px}.app-home-search input{flex:1;min-width:0;background:var(--app-surface);padding:12px}.app-home-search button{border:0;border-radius:10px;color:#fff;background:var(--app-blue);padding:8px 16px}
.app-interface .home-filters{margin:0 0 20px}.app-interface .home-filters [aria-current]{background:#1948e8}
.app-interface .home-section-heading{margin:12px 0}.app-interface .home-section-heading h2{font:700 19px/1.5 system-ui}
.app-interface .home-draft{padding:12px}.app-interface .home-draft-cover{width:54px;height:70px}.app-interface .home-draft small{font-size:14px}
.app-interface .hub-tabs,.app-interface .home-filters{gap:4px;padding:4px;background:var(--app-surface);border-radius:10px;flex-wrap:nowrap}
.app-interface .hub-tabs a{flex:1;text-align:center;background:transparent;font-size:14px;padding:12px 8px;border-radius:8px;min-width:0}.app-interface .hub-tabs [aria-current]{background:var(--app-blue);color:white}
.app-interface .hub-card{border:0;border-bottom:1px solid var(--app-line);border-radius:0;padding:18px 0;gap:16px;box-shadow:none;background:transparent;display:grid;grid-template-columns:88px minmax(0,1fr)}
.app-interface .hub-card>.hub-cover{width:88px;height:118px;object-fit:cover;border-radius:8px}.app-interface .hub-card>div{padding:0;min-width:0}.app-interface .hub-card h3{font:650 17px/1.5 system-ui;margin:0 0 4px}.app-interface .hub-card p{font-size:14px;margin:5px 0}.app-interface .hub-card .btn{min-height:40px;font-size:14px;padding:8px 14px}
.app-interface .hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px}.app-interface .hub-empty{padding:48px 16px;color:var(--app-muted)}
.app-interface .hub-account-shortcuts{display:grid;gap:0;border:1px solid var(--app-line);border-radius:12px;overflow:hidden;margin:0 0 24px}.app-interface .hub-account-shortcuts>a{padding:16px;border-bottom:1px solid var(--app-line);font-size:15px}
.app-settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;width:100%;border:1px solid var(--app-line);border-radius:10px;background:#fff;color:var(--app-text);font:500 16px/1.5 system-ui;margin-top:12px;text-align:left}
.app-interface .creator-workspace{display:block;min-height:0;max-width:960px;margin:auto}.app-interface .studio-sidebar{display:none}.app-interface .studio-content{width:100%;max-width:none;padding:20px}.app-interface .compact-creator{max-width:none}.app-interface .create-guide{margin:0 0 20px}.app-interface .studio-content section{margin:20px 0}
.app-new-work{margin:0 0 20px;border:0}.app-new-work>summary{display:flex;align-items:center;justify-content:center;list-style:none;background:var(--app-blue);color:white;font-weight:650;border-radius:10px;padding:12px 16px}.app-new-work>summary::-webkit-details-marker{display:none}.app-new-work[open]>summary{background:#edf2ff;color:var(--app-blue);margin-bottom:12px}
.app-interface .compact-creator .studio-new-options>a:nth-child(3){display:grid}.app-interface .studio-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.app-interface .studio-project{min-height:100px!important;padding:12px!important;gap:14px!important;border:1px solid var(--app-line)!important;background:#fff!important;border-radius:10px!important}.app-interface .studio-project>:first-child{width:65px!important;height:86px!important;flex-basis:65px!important}.app-interface .studio-project h3{font:650 17px/1.5 system-ui;margin:4px 0!important}.app-interface .studio-project .studio-meta{font-size:14px;background:none;padding:0}.app-interface .studio-project strong{padding:0;background:transparent;color:var(--app-blue);font-size:14px;margin-top:8px}.app-interface .studio-project p{display:none}
.app-interface .create-saved{background:var(--app-surface);border-color:var(--app-line)}
/* Reading: no vertical margins inherited from website hero sections. */
.app-interface[data-screen=read]{padding-bottom:calc(64px + env(safe-area-inset-bottom));background:#fff}
.app-interface[data-screen=read] .reader{padding:0 20px 32px;max-width:760px}.app-interface .reader-layout{display:block}.app-interface .reading-sheet{padding:24px 0!important;margin:0!important;border:0!important;box-shadow:none!important;border-radius:0!important;background:transparent;min-height:0}
.app-interface .reading-sheet h1{font:650 28px/1.5 var(--serif);margin:0 0 10px;letter-spacing:0}.app-interface .reading-topline{display:none}.app-interface .reading-byline{margin:0 0 28px;padding:0;gap:8px;font-size:14px;min-height:0}.app-interface .reading-byline .avatar,.app-interface .reading-byline small{display:none}
.app-interface .reading-body{font-family:var(--serif);font-size:var(--reader-font,18px);line-height:var(--reader-line,1.9);max-width:38em;margin:0 auto}.app-interface .reading-body>p{margin:0 0 1.3em}
.app-interface .reading-end{margin:28px 0 0;padding:20px 0;border-top:1px solid var(--app-line)}.app-interface .reading-end>span{font-size:14px}.app-interface .reader-next{margin:0;padding:28px 0;border-top:1px solid var(--app-line)}.app-interface .reader-next h2{font:700 22px/1.5 system-ui}.app-interface .reader-choice-copy strong{font:650 17px/1.5 system-ui}.app-interface .reader-choice{min-height:108px;gap:12px}.app-interface .reader-choice>.reader-choice-cover{width:70px;min-width:70px;max-width:70px;height:94px;flex-basis:70px}
.app-reader-dock{position:fixed;inset:auto 0 0;z-index:40;display:flex;justify-content:center;background:#fffffff5;border-top:1px solid var(--app-line);padding:6px max(12px,calc((100vw - 720px)/2)) calc(6px + env(safe-area-inset-bottom))}.app-reader-dock>a,.app-reader-dock>button{flex:1;min-width:0;min-height:44px;display:flex;align-items:center;justify-content:center;color:var(--app-text);font:500 14px/1.5 system-ui;text-decoration:none}
.app-interface[data-reader-theme=paper][data-screen=read]{background:#faf6ed}.app-interface[data-reader-theme=night][data-screen=read]{background:#162235;color:#e9eff8}.app-interface[data-reader-theme=night] .app-topbar,.app-interface[data-reader-theme=night] .app-reader-dock{background:#162235;color:#e9eff8}.app-interface[data-reader-theme=night] .app-reader-dock :is(a,button),.app-interface[data-reader-theme=night] .app-topbar :is(a,button){color:#e9eff8}
.app-interface .comic-story-heading{padding:0!important;margin:0 0 12px!important}.app-interface .comic-story-heading h1{font:650 20px/1.4 system-ui}.app-interface .comic-story-meta{font-size:14px}.app-interface .comic-reader .comic-sheet{padding:16px 0!important}.app-interface .comic-toolbar{position:sticky;top:var(--app-top);z-index:10;background:#fff;padding:8px 0;margin:0}.app-interface .comic-viewer{margin:0}.app-interface .comic-pages figure{margin:0 0 16px}.app-interface .comic-navigation{gap:8px}.app-interface .comic-navigation button{font-size:14px;padding:8px}.app-interface .comic-modes button{min-height:40px}
/* Accessible native dialogs: a bottom sheet on mobile, a small modal on desktop. */
.app-sheet{color:var(--app-text);background:#fff;border:0;border-radius:20px 20px 0 0;padding:0;width:min(100%,560px);max-height:85dvh;margin:auto auto 0;box-shadow:0 -12px 50px #14244222;overscroll-behavior:contain}
.app-sheet::backdrop{background:#13203975}.app-sheet>header{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;background:#fff;z-index:2;padding:14px 20px;border-bottom:1px solid var(--app-line)}.app-sheet>header h2{font:700 19px/1.5 system-ui;margin:0}.app-sheet-close{border:0;background:#f0f4ff;color:var(--app-blue);padding:8px 14px;min-height:44px;border-radius:9px;font:inherit}.app-sheet-content{padding:20px 20px calc(24px + env(safe-area-inset-bottom));overflow-wrap:anywhere}.app-sheet-content .hub-settings{border:0;padding:0}.app-sheet-content .hub-settings h2{display:none}.app-sheet-content .hub-settings label{min-height:56px;font-size:16px}.app-sheet-content .hub-settings select{font-size:16px}.app-sheet-content .follow-row{display:grid;gap:8px;margin:16px 0}.app-sheet-content .reader-bar{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0;padding:0}.app-sheet-content .reader-bar a{font-size:14px}.app-sheet-content .content-safety{margin:20px 0;padding:16px 0;border:0;border-top:1px solid var(--app-line);background:#fff}.app-sheet-content .block-unavailable{display:none}.app-sheet-content .story-share{padding:16px 0;margin:0;background:white;border:0}.app-sheet-content .story-share img{max-height:130px;width:auto;max-width:100%}.app-sheet-content .story-share h2{font-size:18px}.app-sheet-content .story-share input{width:100%}.app-story-summary h3{margin:0 0 8px;font-size:19px}.app-story-summary p{font-size:14px;color:var(--app-muted)}
/* Secondary forms, authentication, characters and maps share the same rhythm. */
.app-interface .intro,.app-interface .hub-note{font:14px/1.8 system-ui;color:var(--app-muted)}.app-interface .auth-page,.app-interface .write-choice,.app-interface .editor-page{padding-top:24px}.app-interface .auth-card{box-shadow:none;border:1px solid var(--app-line);border-radius:14px}.app-interface .format-cards{gap:12px}.app-interface .format-card{padding:20px;border-radius:12px;box-shadow:none}.app-interface .creation-resume{padding:20px}.app-interface .derivative-header{display:none}.app-interface .genealogy-page{padding:20px;max-width:1100px}.app-interface .genealogy-heading{margin:0 0 16px}.app-interface .genealogy-heading>div{margin:8px 0}.app-interface .genealogy-heading h1{font:700 22px/1.5 system-ui}.app-interface .genealogy-help{font-size:14px}.app-interface .character-hero{gap:20px}.app-interface .character-hero h1{font:700 26px/1.5 system-ui}
@media(min-width:721px){.app-sheet{margin:auto;border-radius:18px}.app-interface .home-books{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:720px){.app-interface .shell,.app-interface .studio-content{padding:16px 16px 28px}.app-interface .hub-grid,.app-interface .studio-projects{grid-template-columns:1fr}.app-interface .hub-card{grid-template-columns:76px minmax(0,1fr)}.app-interface .hub-card>.hub-cover{width:76px;height:102px}.app-interface .home-books{grid-template-columns:1fr 1fr}.app-interface .reader{padding-inline:20px!important}.app-interface .comic-reader{padding-inline:12px!important}.app-interface .reading-sheet h1{font-size:26px}.app-interface .genealogy-page{padding:16px}.app-interface .format-cards{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.app-interface *{scroll-behavior:auto!important;transition:none!important}}
.app-interface .app-world-summary{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px 18px;margin:0 0 24px}.app-interface .app-world-cover img{width:100px;height:140px;object-fit:cover;border-radius:10px}.app-interface .ip-hero-copy{padding:0;background:none}.app-interface .ip-hero-copy h1{font:700 23px/1.5 system-ui;margin:8px 0}.app-interface .ip-hero-copy>p{font:14px/1.7 system-ui;color:var(--app-muted);margin:4px 0}.app-world-description,.app-world-summary>.actions{grid-column:1/-1}.app-interface .app-world-description{font:15px/1.8 system-ui;margin:0}.app-world-summary>.actions{display:flex;gap:10px}.app-world-summary>.actions>a{flex:1}.app-episode-list>h2{font-size:19px}.app-episode-list>h2 small{font-size:14px;color:var(--app-muted);font-weight:400;margin-left:8px}.app-episode-list>a{display:flex;align-items:center;gap:14px;padding:16px 0;color:var(--app-text);text-decoration:none;border-bottom:1px solid var(--app-line)}.app-episode-list>a>img{width:48px;height:64px;object-fit:cover;border-radius:6px}.app-episode-list>a>span:nth-child(2){flex:1;min-width:0}.app-episode-list strong{display:block;font-size:16px}.app-episode-list small{display:block;font-size:14px;color:var(--app-muted);margin-top:6px}.app-world-settings article{padding:16px 0;border-bottom:1px solid var(--app-line)}.app-world-settings article h3{margin:0 0 8px}.app-world-settings p{font-size:15px;line-height:1.9}.app-world-links{display:grid;margin-top:24px}.app-world-links>a{padding:14px 0;color:var(--app-blue);font-size:14px}.app-world-settings{scroll-margin-top:80px}.home-account-entry{font-size:14px;margin-top:24px;text-align:center}
.app-interface.app-standalone main{max-width:760px;margin:0 auto;padding:24px 20px 40px}.app-interface.app-standalone main>h1{font-size:23px;margin:0 0 24px}.app-interface.app-standalone main p{font-size:15px;line-height:1.9}.app-interface.app-standalone .start-steps{display:none}.app-interface.app-standalone .start-card{border:0;padding:0;box-shadow:none;background:transparent}.app-interface.app-standalone .studio-start>.eyebrow,.app-interface.app-standalone .studio-start>.intro{display:none}.app-interface.app-standalone .studio-start{padding-top:20px}.app-interface.app-standalone .start-form .actions{display:grid;gap:12px}.app-interface.app-standalone .saved-tools>summary{font-size:16px;min-height:48px;padding:12px 0}.app-interface.app-standalone .saved-works{gap:12px}.app-interface.app-standalone .storage-note{font-size:14px;line-height:1.8;border-radius:12px}.app-interface.app-standalone .work-library .local-recovery{border:0}.app-lettering-options{margin:20px 0;border-top:1px solid var(--app-line);padding:8px 0}.app-lettering-options>summary{font-size:14px;color:var(--app-muted);padding:10px 0}
.app-interface .catalog-toolbar{margin:0 0 16px}.app-interface .catalog-toolbar h1{display:block!important;font:700 23px/1.4 system-ui!important}.app-interface .catalog-tabs{display:flex;background:var(--app-surface);border:0;border-radius:10px;padding:4px;gap:4px}.app-interface .catalog-tabs a{flex:1;min-height:44px;text-align:center;border:0;border-radius:8px;font-size:14px}.app-interface .catalog-tabs [aria-current]{background:var(--app-blue);color:white}.app-interface .catalog-worlds{gap:20px}.app-interface .catalog-world{border:1px solid var(--app-line);border-radius:12px;overflow:hidden}.app-interface .catalog-world-art{display:block!important;width:96px!important;flex:0 0 96px!important}.app-interface .catalog-world-art img{display:block;width:96px;height:132px;object-fit:cover;border-radius:8px}.app-interface .catalog-world-body{display:flex;gap:16px;padding:16px}.app-interface .catalog-world-copy{min-width:0}.app-interface .catalog-world-copy h2{font:650 18px/1.5 system-ui}.app-interface .catalog-world-hook{font-size:14px;line-height:1.7}.app-interface .catalog-world-actions a{min-height:44px;font-size:14px}.app-interface .catalog-cover{aspect-ratio:3/4}.app-interface .catalog-book h2{font:650 16px/1.5 system-ui}
.app-interface .reading-body{padding:0!important}.app-interface .reading-body>p{line-height:inherit!important;font-size:inherit!important}.app-interface .reading-byline{border:0!important}.app-interface .reading-aside{display:none}.app-interface[data-screen=read] .reader-layout>aside{display:none}
.app-interface .genealogy-actions{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}.app-interface .genealogy-actions .btn{min-width:0;white-space:normal;overflow-wrap:anywhere}.app-interface .genealogy-toolbar>div{flex-wrap:wrap}.app-interface .genealogy-detail{min-width:0}.app-interface .genealogy-detail-title>div{min-width:0}.app-interface .genealogy-all small{display:block;margin:6px 0 0}

.app-private-reader main{max-width:760px;padding:24px 20px 40px}.app-private-reader #work-body{font:18px/1.9 var(--serif,serif)}.app-private-reader .app-topbar a{font-size:14px}
/* Creation screens use the same compact frame; the manuscript is the primary workspace. */
.app-interface .editor-layout{grid-template-columns:minmax(0,1fr);max-width:760px;margin:auto}
.app-interface .editor-layout>.live-preview{display:none}
.app-interface .editor-page>.breadcrumb,.app-interface .editor-page>.creation-progress,.app-interface .editor-page>.editor-heading{display:none}
.app-interface [data-app-editor]>.saved-state{display:block;margin:0 0 16px;font-size:14px;color:var(--app-muted);white-space:normal}
.app-interface .app-creator-details{border:1px solid var(--app-line);border-radius:10px;margin:0 0 12px;background:#fff}
.app-interface .app-creator-details>summary{padding:12px 14px;font-size:14px;color:var(--app-text)}
.app-interface .app-creator-details>section,.app-interface .app-creator-details>div{margin:0;padding:16px;border:0}
.app-interface .app-manuscript-title{margin:20px 0 12px}
.app-interface .app-manuscript-title input{font-size:22px!important;font-weight:650;padding:12px;border-color:transparent;border-radius:0;border-bottom:1px solid var(--app-line)}
.app-interface .writer-manuscript{margin:0}
.app-interface .manuscript{width:100%;min-height:48dvh;padding:16px;font:18px/1.9 var(--serif,serif);resize:vertical;background:#fff;color:var(--app-text)}
.app-interface .writer-manuscript>span{font-size:14px}.app-interface #word-count{font-size:14px;color:var(--app-muted)}
.app-interface .app-writing-toolbar{display:flex;flex-wrap:wrap;gap:8px;position:sticky;bottom:0;z-index:20;padding:10px 0;background:#fffffff5;border-block:1px solid var(--app-line)}
.app-interface .app-writing-toolbar>button{flex:1;font-size:14px;padding:10px 8px;border-radius:9px;white-space:nowrap}
.app-interface .app-writing-toolbar>[data-ready-to-publish]{background:var(--app-blue);color:#fff;border:0}
.app-interface .writer-draft-actions{margin:12px 0;gap:16px}.app-interface .writer-publish-details{scroll-margin-top:calc(var(--app-top) + 16px);margin-top:28px;padding:24px 0;border-top:1px solid var(--app-line)}
.app-interface .medium-choice{margin:16px 0;padding:0;gap:8px}.app-interface .medium-choice legend{font-size:14px;margin-bottom:8px}.app-interface .medium-choice label{padding:10px 14px}.app-interface .medium-choice small{display:none}
.app-interface :is(.registration-layout,.manage-grid){gap:24px;grid-template-columns:minmax(0,1fr)}
.app-interface :is(.registration,.manage-page,.character-editor,.novel-editor){max-width:800px}
.app-interface .manage-card{padding:20px;border:1px solid var(--app-line);border-radius:12px;box-shadow:none}
.app-interface .manage-card h2{margin-top:0}.app-interface .manage-card p{font-size:14px;line-height:1.8}
.app-interface .steps{gap:8px;margin:20px 0}.app-interface .steps li{font-size:14px;min-width:0}
.app-interface .form-field{margin-bottom:20px}.app-interface .form-field>span{font-size:14px}.app-interface .form-field input,.app-interface .form-field textarea{padding:12px}
.app-interface .character-upload-section{padding:20px;border:1px solid var(--app-line);border-radius:12px}.app-interface .character-upload-section h2{font-size:18px}
.app-interface .novel-editor form{margin-top:24px}.app-interface .novel-editor form>button{margin:8px 8px 8px 0}.app-interface .novel-editor>section{margin-top:28px;padding-top:24px;border-top:1px solid var(--app-line)}
@media(max-width:720px){.app-interface .two-fields{grid-template-columns:minmax(0,1fr)}.app-interface .manage-card{padding:16px}.app-interface .registration-layout>.live-preview{position:static}.app-interface .visibility-summary{flex-wrap:wrap;overflow-wrap:anywhere}.app-interface .member-list>div{gap:12px}.app-interface .member-list>div>span{min-width:0;overflow-wrap:anywhere}}
.app-interface[data-screen=write] .account-sync-bar{padding:8px 16px;margin:0 auto;max-width:760px;min-height:44px;font-size:14px;border:0;background:#f5f7fb}
.app-interface[data-screen=write] .account-sync-bar button{min-height:32px;padding:4px 8px;font-size:14px}
.app-interface [data-app-editor]>.saved-state{margin-bottom:8px}
.app-interface .app-manuscript-title input{border:0!important;border-bottom:1px solid var(--app-line)!important;border-radius:0!important}
.app-interface .writer-manuscript .manuscript{min-height:48dvh!important;max-height:none!important}
.app-interface .editor-page .writer-draft-actions{position:static;display:flex;flex-wrap:wrap;justify-content:flex-start;background:transparent;border:0;padding:0;z-index:auto}
.app-interface .account-sync-bar{padding:8px 16px;margin:0 auto;max-width:960px;min-height:44px;font-size:14px;border:0;background:#f5f7fb}
.app-interface .account-sync-bar button{min-height:32px;padding:4px 8px;font-size:14px}
.app-interface .manage-page>a:first-child{display:none}.app-interface .manage-heading{margin:0 0 20px;gap:12px}.app-interface .manage-heading h1{margin:0}
.app-interface .manuscript-preview-dialog .reading-sheet{padding:24px 20px!important;min-width:0}
.app-interface .manuscript-preview-dialog .reading-body{overflow-wrap:anywhere;max-width:100%}
.app-interface .manuscript-preview-toolbar{gap:12px;padding:12px 16px;flex-wrap:wrap}
.app-interface.comic-focus[data-screen=read]{padding-top:0;padding-bottom:0}
.app-interface.comic-focus>.app-topbar,.app-interface.comic-focus>.app-reader-dock{display:none}
.app-interface.comic-focus .comic-toolbar{top:0;padding-top:env(safe-area-inset-top);scroll-margin-top:0}
.app-interface .comic-toolbar{scroll-margin-top:var(--app-top)}

.app-home-search[hidden]{display:none!important}
.app-interface.app-standalone .btn{max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:center}
.reader-engagement{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:12px 0 20px;font:14px/1.5 system-ui;color:#657085}.reader-like{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 16px;border:1px solid #e7b3c4;border-radius:24px;background:#fff4f7;color:#ad2453;font:700 15px/1.5 system-ui;cursor:pointer}.reader-like[aria-pressed=true]{background:#b72759;color:#fff;border-color:#b72759}.reader-like:disabled{opacity:1;cursor:default}.reader-like:focus-visible{outline:3px solid #1948e8;outline-offset:3px}.app-interface .reading-end .reaction{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;max-width:100%;margin:12px 0 0;padding:12px 24px;border:1px solid #e7b3c4;border-radius:28px;background:#fff4f7;color:#ad2453;font:700 17px/1.5 system-ui;white-space:normal}.app-interface .reading-end .reaction.is-liked{background:#b72759;color:#fff;opacity:1}.catalog-book .work-counts{display:block;margin:6px 0}.comic-focus .reader-engagement{display:none}
/* Keep manga navigation clear of the reading dock, and preserve RTL page order. */
.app-interface .comic-navigation{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:'prev select next';bottom:calc(64px + env(safe-area-inset-bottom));padding:10px 12px;gap:8px;background:#fffffff5;border-top:1px solid var(--app-line)}
.app-interface .comic-navigation.is-rtl{grid-template-areas:'next select prev'}
.app-interface .comic-navigation [data-comic-prev]{grid-area:prev}.app-interface .comic-navigation [data-comic-next]{grid-area:next}.app-interface .comic-navigation select{grid-area:select;width:76px;min-height:44px;padding:8px}
.app-interface .comic-navigation button{min-width:0;min-height:44px;padding:8px 6px;white-space:nowrap;font-size:14px;border-radius:10px;border-color:#d8dfeb;color:var(--app-text)}
.app-interface .comic-navigation button:not(:disabled){background:#eef3ff;color:#244bc9;border-color:#bfcff6;font-weight:650}
.app-interface .comic-modes button{min-height:44px;white-space:nowrap}.app-interface .comic-toolbar{gap:8px}.app-interface .comic-focus-button{padding:8px 10px}
.app-sheet-content .app-edit-work{display:flex;align-items:center;min-height:48px;padding:12px 14px;border:1px solid var(--app-line);border-radius:10px;color:var(--app-blue);font-size:15px;font-weight:650}
.app-interface.comic-focus .comic-story-heading,.app-interface.comic-focus .account-sync-bar,.app-interface.comic-focus .app-lettering-options{display:none}
.app-interface.comic-focus .comic-navigation{bottom:0}.app-interface.comic-focus .comic-reader .comic-sheet{padding-top:0!important}
/* Native horizontal scrolling keeps touch, trackpad, keyboard and buttons in sync. */
.comic-gesture-hint{margin:0;padding:8px 12px;text-align:center;font:14px/1.5 system-ui;color:#657086;background:#f5f7fb}
.comic-viewer.is-paged .comic-pages{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;max-width:100%;touch-action:pan-x pan-y pinch-zoom}
.comic-viewer.is-paged .comic-pages::-webkit-scrollbar{display:none}
.app-interface .comic-viewer.is-paged .comic-pages figure,.comic-viewer.is-paged .comic-pages figure{flex:0 0 100%;min-width:0;margin:0;scroll-snap-align:start;scroll-snap-stop:always;direction:ltr;align-self:start}
.comic-viewer.is-paged .comic-artboard{margin:0 auto}.comic-viewer.is-paged .comic-pages figcaption{display:none}
.app-interface .comic-viewer:not(.is-paged) .comic-pages figure{margin-bottom:0}.app-interface .comic-viewer:not(.is-paged) .comic-pages figcaption{padding:0 12px;background:#fff}.app-interface .comic-viewer:not(.is-paged) .comic-pages figcaption>span{display:none}.app-interface .comic-viewer:not(.is-paged) .comic-pages details:not([open]){opacity:.6}
.comic-show-controls{display:none}.comic-controls-hidden .comic-toolbar,.comic-controls-hidden .comic-navigation{visibility:hidden}.comic-controls-hidden .comic-gesture-hint{visibility:hidden}.comic-controls-hidden .comic-show-controls{display:block;position:fixed;top:calc(8px + env(safe-area-inset-top));right:12px;z-index:50;padding:8px 14px;border:1px solid #d8dfeb;border-radius:24px;background:#fffffff2;color:#19243a;min-height:44px;font-size:14px}
/* Give the work itself priority over repeated navigation and explanatory cards. */
.account-sync-bar[hidden]{display:none!important}
.app-interface .home-popular{margin:20px 0;padding:0;background:transparent;border:0;border-radius:0}.app-interface .popular-work{padding:8px 0;gap:10px}.app-interface .popular-cover{width:42px;height:56px}.app-interface .popular-rank{font-size:19px}.app-interface .popular-copy{gap:2px}.app-interface .popular-copy strong{font-size:14px}
.app-interface .home-resume .home-section-heading{margin:4px 0}.app-interface .home-resume .home-draft{padding:8px 0;border:0;border-bottom:1px solid var(--app-line);border-radius:0}.app-interface .home-resume .home-draft-cover{width:48px;height:60px}.app-interface .home-resume .home-draft strong{font-size:15px}.app-interface .home-resume .home-draft small{margin-top:3px}
.app-interface .home-books{gap:16px 12px}.app-interface .home-book h3{font-size:15px;line-height:1.4}.app-interface .home-book p{font-size:14px}.app-interface .home-cover{aspect-ratio:4/5}
.app-interface .compact-creator .studio-new{margin:0 0 24px;padding:0;border:0;background:none}.app-interface .compact-creator .studio-new>h2{display:none}.app-interface .compact-creator .studio-new-options{grid-template-columns:1fr 1fr;gap:10px}.app-interface .compact-creator .studio-new-options>a{display:flex;align-items:center;justify-content:center;min-height:52px;padding:12px 8px;gap:8px;border-radius:10px;background:#eef3ff;border-color:#dce5fc}.app-interface .compact-creator .studio-new-options>a::after,.app-interface .compact-creator .studio-new-options small,.app-interface .compact-creator .studio-new-options>a:nth-child(3){display:none}.app-interface .compact-creator .studio-new-options>a>span{font-size:20px}.app-interface .compact-creator .studio-new-options strong{font-size:15px;white-space:nowrap}.app-interface .compact-creator .hub-heading{margin:0 0 8px}.app-interface .studio-no-drafts{padding:12px 0;margin:0;color:var(--app-muted);font-size:14px}
.app-interface .hub-empty{padding:24px 0}.app-interface .hub-empty h2{font-size:17px}.app-interface .hub-empty p{font-size:14px}.app-interface .hub-tabs{margin-top:0}
.app-interface .home-section-heading h1{font:700 19px/1.5 system-ui;margin:0}
.app-interface .compact-creator .studio-new-options>a{flex-direction:row}
.app-interface .compact-creator .studio-project{min-height:84px!important;padding:10px!important;gap:12px!important;border-radius:0!important;border-width:0 0 1px!important}.app-interface .compact-creator .studio-project>:first-child{width:48px!important;height:64px!important;flex-basis:48px!important}.app-interface .compact-creator .studio-project h3{font-size:15px}.app-interface .compact-creator .studio-project strong{display:none}
.app-interface .shelf-card{position:relative;grid-template-columns:60px minmax(0,1fr);gap:12px;padding:16px 0;min-height:112px;align-items:start}.app-interface .shelf-card .hub-cover{width:60px;height:80px;object-fit:cover;border-radius:6px}.app-interface .shelf-card h3{padding-right:38px;font-size:16px}.app-interface .shelf-card p{font-size:14px;line-height:1.5;margin:4px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-interface .shelf-card small{font-size:14px}.app-interface .shelf-card progress{display:block;width:100%;height:3px;margin:7px 0 0}.app-interface .shelf-actions{position:absolute;right:0;top:8px;margin:0;z-index:2}.app-interface .shelf-actions summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;list-style:none;color:var(--app-muted);letter-spacing:2px}.app-interface .shelf-actions summary::-webkit-details-marker{display:none}.app-interface .shelf-actions[open]{padding:0 8px 8px;border:1px solid var(--app-line);border-radius:10px;background:#fff;box-shadow:0 8px 24px #19243a15}.app-interface .shelf-actions[open] summary{margin-left:auto}.app-interface .shelf-actions button{display:block;white-space:nowrap;text-align:left;min-height:44px;padding:10px;background:#fff;font-size:14px}
/* Creator library: a single account-backed destination, with honest recovery states. */
.creator-works{max-width:800px!important}.work-filters{display:flex;gap:5px;margin:0 0 22px}.work-filters button{flex:1;border:0;border-radius:9px;background:#f2f3f6;color:#596377;font-size:14px;padding:10px}.work-filters [aria-pressed=true]{background:#1948e8;color:white;font-weight:650}.last-work{padding:0 0 24px;border-bottom:1px solid #e5e9f0;margin-bottom:22px}.last-work h2,.creator-work-list>h2{font-size:17px;margin:0 0 16px}.last-work-main{display:grid;grid-template-columns:110px minmax(0,1fr);gap:18px}.creator-cover{display:block;width:68px;height:88px;object-fit:cover;border-radius:7px;background:#f1f3f7;flex-shrink:0}.last-work .creator-cover{width:110px;height:142px}.no-cover{display:grid;place-items:center;color:#8290a4;font-size:24px}.last-work h3{font-size:17px;margin:2px 0 8px;overflow-wrap:anywhere}.last-work p{font-size:14px;margin:0 0 5px;color:#647087}.last-work small{font-size:14px;color:#647087;display:block;margin:0 0 12px}.last-work .btn{width:100%}.creator-work-row{display:flex;align-items:center;gap:12px;min-width:0;padding:14px 0;border-bottom:1px solid #e5e9f0}.creator-work-copy{flex:1;min-width:0}.creator-work-copy h3{font-size:15px;margin:0 0 5px;overflow-wrap:anywhere}.creator-work-copy p{font-size:14px;line-height:1.6;color:#647087;margin:0 0 5px}.creator-status{display:inline-block;background:#f1f3f6;color:#536176;padding:3px 7px;border-radius:5px;font-size:14px}.creator-pending{margin-left:6px;font-size:14px;color:#82612b}.creator-more{align-self:flex-start;width:44px;min-width:44px;border:0;background:transparent;letter-spacing:2px;color:#647087}.work-message{font-size:14px!important;line-height:1.6;color:#647087;margin:12px 0}.work-message a,.work-message button{color:#1948e8;background:none;font-size:inherit}.works-secondary{margin-top:24px}.works-secondary summary{font-size:14px;color:#647087}.works-secondary a{display:block;padding:12px 0;color:#1948e8;font-size:14px}.new-work-grid a,.work-menu-row{display:flex;min-height:48px;width:100%;align-items:center;justify-content:space-between;padding:14px 0;background:none;border:0;border-bottom:1px solid #e5e9f0;text-align:left;font-size:15px;color:#19243a}.new-work-grid a{display:block}.new-work-grid a span{display:block;font-size:14px;color:#647087;margin-top:6px}.creator-work-menu h3{font-size:17px;margin:0 0 12px}.creator-work-menu details{margin-top:16px;font-size:14px}.download-row{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:78px;padding:16px 0;background:none;border:0;border-bottom:1px solid #e5e9f0;text-align:left}.download-row small{display:block;font-size:14px;color:#647087;margin-top:5px}.download-row>b,.download-row b{font-size:16px}.work-download [data-title]{display:block;margin:0 0 14px}.work-download [data-download-state]{font-size:14px;color:#647087;margin:16px 0 0}
/* A reading menu shows one task at a time. Keep bound controls in the same viewer. */
.reader-menu-tabs{display:flex;gap:5px;margin-bottom:20px}.reader-menu-tabs button{flex:1;min-width:0;border:0;border-radius:8px;background:#f1f3f6;color:#536176;font-size:14px;padding:10px 4px}.reader-menu-tabs [aria-selected=true]{background:#1948e8;color:#fff;font-weight:650}.app-sheet [role=tabpanel][hidden]{display:none!important}.app-sheet [role=tabpanel]>h3{font-size:16px}.app-sheet .comic-modes{margin:0 0 22px;padding:0;gap:10px;background:none}.app-sheet .comic-modes button{flex:1;min-height:68px;font-size:16px;border:1px solid #d1d9e7;background:#fff}.app-sheet .comic-modes [aria-pressed=true]{background:#eef3ff;border-color:#1948e8;color:#1948e8;box-shadow:none}.reader-page-field{display:grid;gap:14px;margin:18px 0;font-size:15px}.reader-page-field input{width:100%;min-height:44px;accent-color:#1948e8}.app-sheet [data-comic-focus]{width:100%;text-align:left;min-height:52px;margin:8px 0;background:#f4f6fb;border:0;border-radius:9px;font-size:15px;padding:12px}.reader-menu-disclosure{border-bottom:1px solid #e5e9f0;margin:0}.reader-menu-disclosure>summary{padding:14px 0;font-size:15px}.app-sheet .story-share{padding:16px 0;margin:0;border:0}.app-sheet .story-share h2,.app-sheet .content-safety h3{display:none}.reader-toolbar-hidden{display:none!important}.immersive-reader .comic-gesture-hint{display:none}.app-interface .immersive-reader .compact-reader-nav{grid-template-columns:76px minmax(40px,1fr) 66px minmax(40px,1fr);grid-template-areas:'mode prev select next';gap:4px;bottom:0;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-radius:12px 12px 0 0}.app-interface .immersive-reader .compact-reader-nav.is-rtl{grid-template-areas:'mode next select prev'}.reader-mode-trigger{grid-area:mode;min-width:0;font-size:14px!important;background:#f2f4f7!important;border-color:transparent!important;white-space:nowrap}.compact-reader-nav select{width:66px!important;font-size:14px!important}.app-interface.comic-reading[data-screen=read]{padding-bottom:0}.app-interface.comic-reading .comic-reader{padding:0!important}.app-interface.comic-reading .comic-sheet{padding:0!important}.app-interface.comic-reading .comic-story-heading{display:none}.app-interface.comic-reading .comic-viewer{border:0;border-radius:0}.app-interface.comic-reading .reading-end,.app-interface.comic-reading .reader-next{padding:24px 20px}.app-interface .immersive-reader .comic-pages figure{margin:0}.app-interface .immersive-reader:not(.is-paged) figcaption{padding:0 12px}.comic-focus .reader-mode-trigger{display:flex}.comic-controls-hidden .compact-reader-nav{visibility:hidden}
.home-popular .popular-list{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px}.home-popular .popular-work{display:block;border:0!important;padding:0!important}.app-interface .home-popular .popular-cover{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;margin-bottom:7px}.popular-copy strong{line-height:1.4}.app-interface .home-popular .popular-copy small{font-size:14px}.home-popular .work-counts{font-size:14px}.home-popular .popular-copy{display:grid;gap:3px}
@media(max-width:360px){.last-work-main{grid-template-columns:84px minmax(0,1fr);gap:12px}.last-work .creator-cover{width:84px;height:118px}.last-work h3{font-size:15px}.creator-cover{width:56px;height:74px}.creator-work-row{gap:10px}.creator-more{width:36px;min-width:36px}}
.download-row[hidden]{display:none!important}.app-interface .home-popular .popular-list.is-single{display:block}.app-interface .home-popular .popular-list.is-single .popular-work{display:flex;align-items:center;gap:12px}.app-interface .home-popular .popular-list.is-single .popular-cover{width:64px;height:84px;flex-shrink:0;aspect-ratio:auto;margin:0}.app-interface .home-popular .popular-list.is-single .popular-copy{min-width:0}

/* Readable type scale: metadata 14px, actions 15px, work titles 16px. */
.app-interface{font-size:16px}
.app-interface>.mobile-nav span{font-size:12px;line-height:1.4}
.app-interface :is(.home-book h3,.creator-work-copy h3,.home-resume .home-draft strong,.home-popular .popular-copy strong){font-size:16px;line-height:1.5}
.app-interface :is(.hub-tabs a,.work-filters button,.reader-menu-tabs button,.app-reader-dock>a,.app-reader-dock>button,.shelf-actions button,.hub-card .btn){font-size:15px;line-height:1.5}
.app-interface :is(.last-work p,.last-work small,.creator-work-copy p,.home-book p,.home-draft small,.shelf-card p,.shelf-card small,.popular-copy small,.work-counts,.work-message,.new-work-grid a span,.download-row small){line-height:1.65}
.app-interface .reader-mode-trigger{font-size:14px!important}
.app-interface .compact-reader-nav select{font-size:16px!important}
.app-interface .comic-navigation button{font-size:14px}
.app-interface .immersive-reader .compact-reader-nav{grid-template-columns:84px minmax(40px,1fr) 66px minmax(40px,1fr)}
.app-interface .reader-page-field,.app-interface .reader-menu-disclosure>summary{font-size:16px}
.app-interface .comic-pages details{font-size:14px;line-height:1.65;color:#536176}
.app-interface .creator-cover.no-cover{font:600 14px/1.4 system-ui;overflow:hidden;overflow-wrap:anywhere;text-align:center;padding:4px}
.app-interface .work-message a{display:inline-block}

/* Missing covers are finished states, with the same dimensions as real covers. */
.app-interface .cover-placeholder{display:grid;place-items:center;overflow:hidden;flex-shrink:0;border-radius:7px;background:#f1f3f7;color:#647087}
.app-interface .cover-placeholder>span{display:none}
.app-interface .cover-placeholder::before{content:'表紙なし';font:500 12px/1.5 system-ui;text-align:center;padding:4px;overflow-wrap:anywhere}
.app-interface .app-world-cover>.cover-placeholder{width:100px;height:140px}
.app-interface .app-episode-list>a>.cover-placeholder{width:48px;height:64px}
/* Show the prepared application, never its intermediate legacy layout. */
body[data-screen-loading] #app{visibility:hidden;pointer-events:none}
html:not([data-startup]) body[data-screen-loading]::after{content:'読み込んでいます…';position:fixed;inset:var(--app-top) 0 var(--app-bottom);display:grid;place-items:center;background:#fff;color:#647087;font:16px/1.7 system-ui;z-index:30;pointer-events:none}
html[data-startup] .app-topbar,html[data-startup] .app-reader-dock{visibility:hidden}
/* A work detail leads directly to its episodes, with one primary action. */
.app-interface .world-reading-first .app-world-summary{grid-template-columns:72px minmax(0,1fr);gap:16px;margin:0 0 16px;align-items:center}
.app-interface .world-reading-first .app-world-summary.without-cover{display:block}
.app-interface .world-reading-first .app-world-cover img{width:72px;height:96px}
.app-interface .world-reading-first .ip-hero-copy h1{font:700 21px/1.5 system-ui;margin:0 0 6px;overflow-wrap:anywhere}
.app-interface .world-reading-first .ip-hero-copy>p{font:14px/1.65 system-ui;margin:0;color:#647087}
.world-introduction{margin:0 0 16px;color:#536176;font-size:15px}
.world-introduction>summary,.world-related>summary{min-height:44px;display:list-item;align-content:center;cursor:pointer}
.app-interface .world-introduction .app-world-description{margin:6px 0 16px;font-size:15px;line-height:1.8}
.world-read-action{margin:0 0 24px}.world-read-action .btn{width:100%}
.world-episodes-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 10px;border-bottom:1px solid #e5e9f0}
.world-episodes-heading h2{font-size:18px!important;margin:0}.world-episodes-heading h2 small{font-size:14px;font-weight:400;margin-left:6px;color:#647087;white-space:nowrap}
.world-episodes-heading>a{font-size:14px;color:#1948e8;min-height:44px;display:flex;align-items:center;white-space:nowrap}
.app-interface .world-reading-first .app-episode-list>a{gap:12px;padding:14px 0;min-height:88px}
.app-interface .world-reading-first .app-episode-list .episode-number{width:32px;flex-shrink:0;text-align:center;color:#647087;font:500 15px/1.5 system-ui}
.app-interface .world-reading-first .episode-copy{flex:1;min-width:0}
.app-interface .world-reading-first .app-episode-list small{font-size:14px;line-height:1.6;margin-top:4px}
.world-related{margin:24px 0 0;border-top:1px solid #e5e9f0;padding-top:8px;font-size:15px;color:#536176}
.world-related .app-world-links{margin:0}.world-reading-first .app-world-links>a{display:flex;justify-content:space-between;gap:12px;min-height:44px}
.world-back-episodes{display:inline-flex;align-items:center;min-height:44px;font-size:15px;color:#1948e8;margin-bottom:12px}

.account-profile{margin:16px 0 24px;border-block:1px solid #e5e9f0;padding:4px 0}
.account-profile>summary{padding:14px 0;font-size:16px;color:#1948e8}
#profile-form{display:grid;gap:16px;padding:8px 0 20px;max-width:540px}
#profile-form label{display:grid;gap:8px;font-size:15px;font-weight:600;min-width:0}
#profile-form input{width:100%;min-width:0;padding:12px;min-height:48px}
#profile-form small,#profile-form .form-note{font-size:14px;font-weight:400;line-height:1.7;color:#647087;margin:0}
.profile-handle-field{display:flex;align-items:center;gap:8px}.profile-handle-field>span{color:#647087}
#profile-form :is(#profile-status,#profile-error):empty{display:none}
#profile-status{font-size:15px;color:#246343;line-height:1.7;margin:0}
/* My Page: a quiet profile row and grouped destinations, with editing on its own screen. */
.app-interface .account-hub{max-width:640px;padding-top:20px}
.account-profile-row{display:flex;align-items:center;gap:16px;padding:10px 0 24px;color:#19243a;text-decoration:none;min-height:108px}
.account-avatar{display:grid;place-items:center;flex-shrink:0;width:60px;height:60px;border-radius:50%;background:#e9f0ff;color:#1948e8;font:650 28px/1 system-ui}
.account-profile-copy{display:grid;gap:5px;flex:1;min-width:0}.account-profile-copy strong{font-size:22px;line-height:1.5;overflow-wrap:anywhere}
.account-edit-hint,.account-sync-summary{font-size:14px;line-height:1.6;color:#647087}.account-sync-summary{color:#365c9a}.account-sync-summary:empty{display:none}
.account-profile-row>span:last-child{font-size:24px;color:#647087}
.account-menu-group{display:grid;background:#f5f6f9;border-radius:14px;padding:0 16px;margin:12px 0 24px}
.account-menu-row{display:flex;align-items:center;gap:14px;min-height:58px;padding:14px 0;color:#19243a;text-decoration:none;border-bottom:1px solid #dfe4ed;font-size:16px;line-height:1.6}
.account-menu-row:last-child{border:0}.account-menu-row>svg{flex-shrink:0}.account-menu-row>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.account-menu-row>span:last-child{color:#647087;font-size:23px}
.account-menu-row [data-activity-count]{font-size:14px;color:#1948e8}
.account-policy-links{display:flex;justify-content:center;gap:4px;flex-wrap:wrap;padding:4px 0 24px;color:#647087;font-size:14px;line-height:1.7}.account-policy-links a{min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:3px}.account-policy-links>span{align-self:center}
.account-saved-note{font-size:14px;color:#246343;margin:0 0 16px}
body.app-interface.account-detail{--app-bottom:0px;padding-bottom:0}
.app-interface.account-detail>.mobile-nav{display:none!important}
.app-interface .account-editor{max-width:560px;padding-top:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}
.profile-intro{font-size:16px;line-height:1.7;color:#647087;margin:0 0 28px}
.account-editor #profile-form{max-width:none;display:flex;flex-direction:column;gap:20px;padding:0;min-height:calc(100dvh - var(--app-top) - 132px - env(safe-area-inset-bottom))}
.account-editor #profile-form label{font-size:17px;gap:12px}.account-editor #profile-form input{font-size:18px;line-height:1.5;min-height:52px;border-radius:10px}
.account-editor #profile-form .form-note{font-size:14px;line-height:1.8}
.account-editor #profile-form button{margin-top:auto;min-height:50px;font-size:16px;order:3}
.account-editor #profile-error{order:2;margin:0;font-size:15px;line-height:1.7}
.account-signout{margin:28px 0}.account-signout .btn{width:100%}
.account-subpage .account-google{padding:20px 0;border:0;border-bottom:1px solid #e5e9f0;background:none}
.account-subpage .hub-settings{border:0;padding:0;background:none}.account-subpage .hub-settings h2{display:none}
.account-sync-details{border-top:1px solid #e5e9f0;margin-top:24px;padding-top:10px}.account-sync-details>summary{padding:12px 0;font-size:16px;color:#1948e8}
@media(prefers-reduced-motion:no-preference){.account-menu-row:hover{color:#1948e8}}
body.app-interface[data-screen=account]{min-height:100dvh}

/* Web desktop navigation stays above the content; compact screens keep thumb access. */
@media(min-width:1024px){
 body.app-interface:not(.app-detail){padding-top:calc(var(--app-top) + 60px);padding-bottom:24px}
 .app-interface:not(.app-detail)>.mobile-nav{inset:var(--app-top) 0 auto;min-height:60px;padding:6px max(20px,calc((100vw - 960px)/2));border-top:0;border-bottom:1px solid var(--app-line)}
 .app-interface:not(.app-detail)>.mobile-nav a{flex-direction:row;gap:10px;min-height:46px}
 .app-interface:not(.app-detail)>.mobile-nav a.active{background:var(--app-surface)}
 .app-interface:not(.app-detail) .app-home-search{scroll-margin-top:140px}
}