/* Shared library housekeeping; the desktop editor layout is untouched. */
.library-heading{display:flex;gap:10px;justify-content:flex-start}.library-heading h1{margin-right:auto;margin-bottom:0}.library-heading>button{min-height:40px;font-size:12px;font-weight:400;padding:8px 12px;background:var(--panel);color:var(--text);border:1px solid var(--line);white-space:nowrap}.library-data-management{margin-top:48px;border-top:1px solid var(--line);padding:24px 0 16px}.library-data-management h2{font-size:15px;margin-bottom:14px}.data-actions{display:flex;flex-wrap:wrap;gap:10px}.data-actions button{font-size:12px;min-height:42px}.mobile-navigation,.mobile-save-status,.mobile-page-bar,.mobile-screen-switch,.chapter-backdrop{display:none}.koto-import-notice{font-size:12px;padding:12px 16px;margin-bottom:20px}.koto-import-notice summary{cursor:pointer}.koto-import-notice button{margin:4px;min-height:40px}.mobile-status-dialog .actions{flex-wrap:wrap}
@media(max-width:700px){
 html,body{max-width:100%;overscroll-behavior-y:none}.app-shell{min-width:0}.appbar{display:flex!important;align-items:center;height:48px!important;min-height:48px;padding:0 8px!important;gap:5px!important;flex-wrap:nowrap;position:relative;z-index:46;width:100%;min-width:0}.appbar>*{grid-column:auto!important;grid-row:auto!important;margin:0!important}.appbar .brand-button{flex:0 0 auto;font-size:15px;letter-spacing:0;padding:4px 2px;min-height:40px}.appbar>strong{font-size:12px;flex:1;min-width:0;white-space:nowrap}.appbar .current-project{display:flex;min-width:0;width:0;flex:1;overflow:hidden}.appbar .project-name{min-width:0;width:100%;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;padding:8px 2px}.appbar .inline-name-input{min-width:0;font-size:16px}.appbar .compact-switch{flex:0 0 24px;width:24px!important;max-width:24px;padding:2px!important;font-size:12px;min-height:38px;order:1}.appbar .save-label,.appbar #kotoStatus,.appbar .back-to-library,.appbar .retry-save-global,.appbar .mobile-nav-button{display:none!important}.appbar .mobile-save-status{display:block;order:2;flex:0 0 auto;border:0;font-size:10px;line-height:1.3;padding:4px;min-height:40px;max-width:none;white-space:nowrap;text-overflow:clip;color:var(--muted)}.mobile-save-status[data-state=error]{color:#bd3434!important;background:#c22b2010;font-weight:700}.mobile-save-status[data-state=error]:before{content:'! ';font-size:13px}.mobile-save-status[data-state=offline]:before{content:'○ ';color:var(--accent)}.appbar .mobile-theme{display:block;order:3;flex:0 0 32px;width:32px;min-height:40px;padding:3px;font-size:19px;border:0}.appbar .mobile-navigation{order:4;flex:0 0 30px;display:block;position:relative}.mobile-navigation>summary{font-size:23px;list-style:none;display:flex;align-items:center;justify-content:center;cursor:pointer;min-height:40px;border-radius:4px}.mobile-navigation>summary::-webkit-details-marker{display:none}.mobile-navigation>div{position:absolute;right:0;top:44px;background:var(--panel);border:1px solid var(--line);box-shadow:0 7px 25px #0002;border-radius:6px;padding:6px;width:190px;z-index:80}.mobile-navigation button{display:block;width:100%;text-align:left;border:0;min-height:44px;font-size:13px}.appnav{display:none!important}.plain-content{padding:20px 14px}.library-heading{gap:6px;margin-bottom:18px!important;align-items:center!important;flex-wrap:nowrap!important}.library-heading h1{font-size:18px;letter-spacing:0;white-space:nowrap}.library-heading>button{font-size:11px!important;padding:6px 8px!important;min-height:40px;flex:0 0 auto}.plain-content>.toolbar{margin:16px 0}.plain-content>.toolbar input{font-size:16px}.library-data-management{margin-top:32px}.data-actions{gap:8px}.data-actions button{font-size:11px;padding:9px}.project-open .project-info strong{white-space:normal;overflow-wrap:anywhere}.mobile-page-bar{display:flex;padding:5px 12px;background:var(--panel);border-bottom:1px solid var(--line)}.mobile-screen-switch{display:block;width:auto;flex:1;min-width:0;max-width:100%;font-size:13px;min-height:38px;padding:4px 24px 4px 8px;background:var(--hover);border:1px solid var(--line);border-radius:4px}.mobile-page-bar .mobile-screen-switch{max-width:220px}
 .app-shell.writing-shell{position:fixed;left:0;right:0;top:var(--mobile-viewport-top,0px);height:var(--mobile-viewport-height,100dvh)!important;min-height:0;overflow:hidden}.writing-shell>.appbar{flex:0 0 48px}.writing-shell>.writer{flex:1;min-height:0;position:relative;height:auto!important}.mobile-writer-tools{display:flex;flex-wrap:nowrap;gap:8px!important;padding:5px 10px!important;min-height:48px;flex:0 0 auto}.mobile-writer-tools>.document-switch{display:none!important}.mobile-writer-tools>.mobile-screen-switch{order:1}.mobile-writer-tools>.mobile-story-list{display:block;flex:0 0 62px!important;order:0;font-size:12px!important;border:1px solid var(--line)!important;border-radius:4px;background:var(--panel)!important;min-height:38px!important;padding:6px!important;white-space:nowrap}.mobile-writer-tools>.tool-menu{order:2;margin-left:auto;flex:0 0 auto}.mobile-writer-tools>.tool-menu>summary{font-size:11px;min-height:38px;border:1px solid var(--line);border-radius:4px;padding:6px 10px}.mobile-writer-tools .menu-content{position:fixed;left:auto;right:8px;top:calc(var(--mobile-viewport-top,0px) + 98px);width:min(340px,calc(100vw - 16px));max-height:calc(var(--mobile-viewport-height,100dvh) - 115px);padding:10px 14px;z-index:65;overscroll-behavior:contain}.mobile-writer-tools .menu-content button{font-size:12px;min-height:42px;padding:10px 4px}.mobile-display-settings>summary{font-size:12px;min-height:44px;padding:12px 4px;border-top:1px solid var(--line)}.mobile-display-settings>div{padding:8px 5px}.mobile-display-settings input{height:40px}.mobile-writer-tools .menu-heading{padding:8px 4px}.mobile-edit-actions button{margin:0}.document-scroll{padding:0;overflow-x:hidden;overflow-y:auto;scroll-padding:18px;overscroll-behavior:contain;overflow-anchor:none;-webkit-overflow-scrolling:touch}.document-page{padding:14px 14px 65px!important;min-height:100%;width:100%;max-width:var(--writing-width,100%);margin:0 auto;box-shadow:none}.chapter-heading{font-size:18px;line-height:1.5;min-height:30px;margin-bottom:14px!important}.manuscript{font-size:var(--writing-font,16px)!important;line-height:var(--writing-line,1.85)!important;min-height:160px;padding-bottom:18px;word-break:normal;line-break:strict}.writer-status{flex:0 0 auto;min-height:30px;padding:5px 12px max(5px,env(safe-area-inset-bottom));font-size:10px}.writer-status #liveWordCount{font-size:10px;font-weight:400}.writer-status>span{display:none!important}.writer .chapter-pane{padding:10px;overscroll-behavior:contain}.writer.mobile-chapters .chapter-pane{width:min(310px,86vw);animation:chapter-reveal .16s ease-out}.writer.mobile-chapters .chapter-backdrop{display:block;position:absolute;inset:0;z-index:34;background:#16233244;border:0;border-radius:0}.chapter-pane>.pane-title{flex-shrink:0}.chapter-list{overscroll-behavior:contain}.chapter-row.active{box-shadow:inset 3px 0 var(--accent)}.chapter-row .chapter-title{min-height:42px}.chapter-actions>summary{min-width:40px;min-height:40px;display:grid;place-items:center}.writer.right-open.pinned .reference-pane{position:absolute;flex:initial;inset:auto 0 0;height:min(70%,600px);border-radius:14px 14px 0 0;padding-bottom:max(20px,env(safe-area-inset-bottom));box-shadow:0 -8px 30px #0003}.writer.right-open .reference-pane{max-height:calc(var(--mobile-viewport-height,100dvh) - 70px);overscroll-behavior:contain}.selection-actions{bottom:auto;top:calc(var(--mobile-viewport-bottom,100dvh) - 55px);z-index:75;padding:3px;box-shadow:0 2px 12px #0002}.selection-actions button{font-size:10px;min-height:40px}.findbar{padding:6px 8px;gap:5px;flex:0 0 auto;max-height:34%;overflow:auto}.findbar input{min-height:36px;font-size:16px}.findbar button{font-size:11px}.episode-container-title{margin-bottom:8px}.koto{min-width:0}.koto-tabs{gap:4px}.koto-tabs button{font-size:11px;padding:8px}.koto-card{min-width:0;overflow-wrap:anywhere}.koto-notice{padding:12px;font-size:12px}.koto-story input{flex:0 0 auto;width:auto}.koto-reader-body{max-width:100%}#modal{max-height:calc(var(--mobile-viewport-height,100dvh) - 24px);max-width:calc(100vw - 20px);padding:20px}#modal .actions{gap:7px;flex-wrap:wrap}#modal input:not([type=checkbox]):not([type=range]),#modal textarea{font-size:16px}#toast{bottom:12px;font-size:12px;max-width:calc(100vw - 20px);padding:10px 14px}.mobile-status-dialog p{font-size:13px;line-height:1.9}
}
@keyframes chapter-reveal{from{transform:translateX(-100%)}to{transform:translateX(0)}}@media(prefers-reduced-motion:reduce){.writer.mobile-chapters .chapter-pane{animation:none}}

@media(max-width:700px){.appbar .compact-switch{font-size:0!important;appearance:none;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%237b8794' stroke-width='1.5'/%3E%3C/svg%3E") center/12px 8px no-repeat!important;color:transparent}.appbar .compact-switch option{font-size:14px;color:var(--text)}}