/* 0.10 shared graphite glass and touch layouts. */
:root[data-palette=graphite]{--gold:#899aa5;--gold2:#b9c5cc;--accent:#a6bbc8;--glass:rgba(38,43,48,.56);--glass-soft:rgba(131,151,165,.10);--glass-border:rgba(180,202,220,.3);--glass-blur:blur(30px) saturate(125%);--glass-shadow:0 18px 50px #0004,inset 0 1px 0 #fff3;--bg:#191d21;--surface:#22282e;--card:#262d33;--text:#eaf0f4;--muted:#aab6be}
:root[data-theme=light][data-palette=graphite]{--gold:#4f6574;--gold2:#a8bac6;--bg:#edf1f4;--surface:#f4f7f9;--card:#f8fafc;--text:#25313b;--muted:#5e7180;--glass:rgba(246,250,253,.62);--glass-soft:rgba(128,151,172,.09);--glass-border:rgba(114,140,161,.28);--glass-shadow:0 16px 42px #25395018,inset 0 1px 0 #fff}
:root[data-palette=graphite] .btn.gold{background:linear-gradient(120deg,#afc0cb,#637b8c);color:#15222c;border-color:#8da4b5}
:root[data-palette=graphite] .sidebar a.active{color:var(--text);background:#8aa5ba22;border-color:var(--gold)}
.window-head,.modal-head,.float-head,.pane-nav,.reading-tools,.page-profile-bar,.quick-panel,.selection-tools{background:var(--glass)!important;backdrop-filter:var(--glass-blur);border-color:var(--glass-border)!important}
.btn,.gold-trigger,summary{position:relative;isolation:isolate;transition:box-shadow .2s,background .2s,transform .2s}
.btn:not(:disabled):hover,.gold-trigger:not(:disabled):hover{box-shadow:inset 0 0 18px #ffffff35,0 0 13px var(--glow11);background-image:linear-gradient(115deg,transparent 15%,#ffffff24 50%,transparent 85%)}
.icon-button,[data-window=close],.confirmation-close button{display:inline-grid!important;place-items:center!important;flex:0 0 36px;inline-size:36px;block-size:36px;padding:0!important;line-height:1!important;box-sizing:border-box;border-radius:50%}
.icon-button svg{display:block;flex:none;inline-size:20px;block-size:20px;margin:0}
.modal-head,.float-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-head h2,.float-head h2{min-width:0;margin:0}.window-controls{display:flex;flex-shrink:0;gap:6px}
dialog.glass-window{padding:0;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.modal-body{padding:20px;overflow:auto;min-height:0}.modal-head{padding:12px 18px}.modal-foot{padding:8px 18px}.glass-window.minimized .modal-head{padding:6px}.glass-window:not(.minimized) .modal-body{display:block!important}
#sidebarResize{position:fixed;z-index:500!important;width:10px!important;top:0;bottom:0;touch-action:none} .sidebar{overflow-x:visible}
.gold-options{position:fixed!important;zoom:1!important;box-sizing:border-box;max-width:calc(100vw - 16px)!important;overflow:auto;font-size:14px;z-index:10000}.gold-option{min-height:38px;white-space:normal;line-height:1.5}.gold-options:popover-open{display:block}
.quick-export{position:relative}.quick-export>div:popover-open{position:fixed;margin:0;inset:auto;display:flex;flex-wrap:wrap;box-sizing:border-box;z-index:10000}
.window-head.compact-head{display:flex;flex-wrap:wrap!important;gap:6px!important;padding:7px!important;align-items:center;height:auto!important}.window-head h2{flex:0 1 auto}.page-profile-bar{flex:1 1 270px;margin:0!important;padding:0!important;min-width:0;display:flex!important;gap:4px;flex-wrap:wrap;align-items:center}.page-profile-bar .btn,.page-profile-bar .gold-trigger{font-size:11px;padding:5px 7px;min-height:32px;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-profile-bar label{font-size:11px}.pane-nav{flex:1 1 290px;min-width:0;display:flex;flex-wrap:wrap;gap:4px}.pane-nav .btn{min-height:30px;padding:4px 6px}.window-head .actions{min-width:0}.focus-mode #main>.page-head,.focus-mode #main>header{display:none}.focus-mode .window-head{padding:3px!important}.focus-mode .page-profile-bar{display:flex!important}
.paper-wrap:not(.pan-enabled),.paper-wrap:not(.pan-enabled) .paper{user-select:text!important;cursor:text!important}.source-viewport{touch-action:pan-x pan-y}.panning{user-select:none!important;cursor:grabbing!important}
.ghost10-controls{display:flex;gap:5px;align-items:center}.ghost10-controls button{font-size:11px;padding:3px 5px}.translation-ghost10{position:absolute;inset:90px 0 0;display:flex;justify-content:space-between;pointer-events:none;z-index:5}.translation-ghost10 .ghost-stack{pointer-events:none}.ghost-thumb{overflow:hidden}.ghost-thumb .preview-paper10{width:820px;zoom:.062;max-height:1250px;overflow:hidden;font-size:20px}.ghost-thumb .preview-paper10 img{max-height:none;width:auto}.ghost-thumb .preview-paper10 .document-metrics{display:none}
.reader-window{position:relative}.reader-tabs10{display:none}.notice10{padding:12px;border:1px solid var(--glass-border);border-radius:12px;background:var(--glass-soft)}
.translation-wait{overflow:hidden}.translation-wait svg,.translation-wait .waiting-book{animation:page-breathe10 1.8s ease-in-out infinite}.translation-wait:after{content:'';display:block;width:65%;height:3px;margin:25px auto;background:linear-gradient(90deg,transparent,var(--gold),transparent);animation:page-breathe10 1.8s infinite}@keyframes page-breathe10{50%{opacity:.45;transform:translateY(-4px) rotateY(16deg)}}
[data-theme=dark] .figure-stage[data-image-dark=on]{mix-blend-mode:normal}
.stat-grid10{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px}.stat10{padding:18px;border:1px solid var(--glass-border);background:var(--glass);border-radius:16px}.stat10 strong{display:block;font-size:26px;margin-top:8px}.table-scroll10{overflow:auto;max-width:100%}.table10{border-collapse:collapse;width:100%;text-align:start}.table10 th,.table10 td{padding:10px;border-bottom:1px solid var(--glass-border);white-space:nowrap}.filter-grid10{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.filter-grid10 input,.filter-grid10 select{min-width:0;width:100%}.compare-grid10{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compare-grid10 iframe{width:100%;height:70dvh;border:1px solid var(--glass-border)}
@media(max-width:1100px){.pane-nav{flex-basis:100%}.page-profile-bar{flex-basis:100%}.reading-tools{gap:5px!important}.reading-tools .btn{padding:6px;font-size:12px}.reader-window.floating{max-width:calc(100vw - 16px)}}
@media(max-width:700px){
 .reader-tabs10{display:flex;gap:8px;padding:6px;position:sticky;top:0;z-index:8;background:var(--glass)}.reader-tabs10 button{flex:1;min-height:40px}.reader-tabs10 button[aria-selected=true]{border-color:var(--gold);background:var(--glass-soft)}
 #readingPanes,#readingPanes.side{display:block!important}.reader-window.mobile-hidden10{display:none!important}#splitter{display:none!important}.reader-window{width:100%!important;max-width:100%!important;margin:0!important;min-width:0!important}
 .reader-window.floating,.reader-window.maximized{position:relative!important;inset:auto!important;transform:none!important;height:auto!important}.reader-window .source-viewport,.reader-window .paper-wrap{height:calc(100dvh - 250px)!important;min-height:230px!important;max-height:none!important}
 dialog.glass-window[open],.quick-panel:not(.minimized){position:fixed!important;inset:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;transform:none!important;border-radius:0!important;display:flex!important;flex-direction:column;padding:0!important}
 dialog.glass-window .modal-body{flex:1;overflow:auto;padding:14px;padding-bottom:calc(14px + env(safe-area-inset-bottom))}.modal-head,.float-head{flex:none;padding:10px!important}.modal-head h2{font-size:16px}.modal-foot{flex:none}.quick-panel:not(.minimized){overflow:auto}.quick-panel:not(.minimized)>:not(.float-head){margin:10px}.quick-panel.minimized{width:calc(100vw - 16px)!important}
 [data-window=detach],[data-window=dock],dialog [data-window=maximize],.quick-panel [data-window=maximize],.resize-edge{display:none!important}.icon-button{flex-basis:40px;inline-size:40px;block-size:40px}.btn,.gold-trigger{min-height:40px}.reading-tools{flex-wrap:wrap!important}.page-profile-bar{flex-basis:100%;max-width:100%}.page-profile-bar .gold-select{flex:1;min-width:0}.page-profile-bar .gold-trigger{max-width:100%;width:100%}.pane-nav{overflow:visible!important}.ghost-pages,.translation-ghost10{display:none!important}.compare-grid10{grid-template-columns:1fr}.compare-grid10 iframe{height:55dvh}.custom-role-grid,.form-grid,.grid2{grid-template-columns:1fr!important}.content,#main{min-width:0;max-width:100%}.sidebar{max-width:85vw}.selection-tools .tool-strip{max-width:calc(100vw - 28px);flex-wrap:wrap}.selection-tools .btn{font-size:12px;min-height:36px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
[data-effects=off] *,[data-effects=off] *:after{animation:none!important;transition:none!important}[data-glass=off] .window-head,[data-glass=off] .modal-head,[data-glass=off] .float-head{background:var(--card)!important;backdrop-filter:none}
/* Control groups occupy explicit rows; a clipped nav may not obscure the page. */
#readingPanes>.reader-window>.window-head{height:auto!important;display:flex;flex-wrap:wrap!important;align-content:start;position:relative;z-index:7;flex-shrink:0}
#readingPanes>.reader-window>.window-head>.pane-nav{flex:1 0 100%!important;flex-wrap:wrap!important;overflow:visible!important;max-width:100%;order:4;justify-content:flex-start}
#readingPanes>.reader-window>.window-head>.page-profile-bar{flex:1 0 100%;order:2;display:flex!important;align-items:center;justify-content:flex-start}
.page-profile-bar .model-status{flex:1 0 100%;text-align:start;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere}
.window-head>.pane-controls{margin-inline-start:auto}.window-head>#read10,.window-head>button{order:3;font-size:11px;padding:3px 6px;min-height:28px}
.sidebar-resizer{z-index:95!important}.sidebar-collapsed .sidebar-resizer,.focus-mode .sidebar-resizer{display:none}
.layout-details10{padding:0;border:0}.layout-details10>summary{display:none}.layout-details10:not([open])>:not(summary){display:revert}
@media(max-width:700px){
 .layout-details10>summary{display:block;padding:4px}.layout-details10:not([open])>:not(summary){display:none}.layout-settings10{margin-bottom:4px!important;padding:3px 8px!important}
 .reading .page-head{display:none}.reading .reading-tools{flex-wrap:nowrap!important;overflow-x:auto;min-height:45px}.reading-tools>*{flex:none}.reading-tools>details{padding:2px 0;border:0}.reading-tools .tools-more>div{position:fixed;max-width:calc(100vw - 24px);max-height:50dvh;overflow:auto;z-index:30}
 #readingPanes>.reader-window>.window-head>.pane-nav{flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;justify-content:flex-start}
 #readingPanes>.reader-window>.window-head>.page-profile-bar{gap:3px}.page-profile-bar .model-status{font-size:10px;min-height:20px;padding:0;line-height:1.5}.page-profile-bar label{font-size:10px}.page-profile-bar .btn{min-height:29px;font-size:10px}
 .window-head>.pane-controls [data-window]{display:none!important}.window-head>button{display:none}.window-head>#read10{display:inline-flex;order:0;margin-inline-start:auto}.window-head .pane-nav .btn{min-height:32px!important}
 .reader-tabs10{padding:3px}.reader-tabs10 .btn{min-height:34px}.reading #readingPanes .paper-wrap,.reading #readingPanes .source-viewport{height:calc(100dvh - 310px)!important;min-height:260px!important}
}
.continue10{display:flex;align-items:center;gap:24px}.continue10 img{width:100px;max-height:150px;object-fit:contain;border-radius:3px;box-shadow:3px 4px 0 #b8bdc2,5px 6px 0 #767c82,8px 14px 22px #0004}
@media(max-width:700px){.continue10{gap:14px}.continue10 img{width:75px}.stat10 strong{font-size:20px}}
.model-status:empty{display:none!important}

.reading-tools{position:relative;z-index:25}.reading-tools .tools-more[open]{z-index:30}.ghost-pages,.translation-ghost10{top:var(--ghost-top10,180px)!important}
:root[data-palette=graphite] .btn,:root[data-palette=graphite] .gold-trigger,:root[data-palette=graphite] .gold-options{border-color:var(--glass-border)}