/* Shared frosted surfaces; only the surface is translucent, never its text. */
:root{--glass:rgba(32,35,30,.73);--glass-soft:rgba(60,59,43,.32);--glass-border:rgba(215,188,115,.48);--glass-shadow:0 18px 48px #0004,inset 0 1px 0 #fff3;--glass-blur:blur(24px) saturate(145%)}
:root[data-theme=light]{--glass:rgba(255,252,239,.72);--glass-soft:rgba(241,225,186,.25);--glass-border:rgba(175,137,62,.4);--glass-shadow:0 14px 36px #644d1a20,inset 0 1px 0 #fffd}
.tools-more>div,.quality-menu>.actions,.quick-export>div,.gold-options,.sidebar,.topbar,.card,.stat,.library-book,.profile-tile,.glass-window,dialog{background:var(--glass)!important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-color:var(--glass-border);box-shadow:var(--glass-shadow)}
.tools-more>div,.quality-menu>.actions,.quick-export>div,.gold-options{border-radius:16px;padding:10px!important;transform-origin:top right;animation:glass-open .16s ease-out;z-index:240}
.tools-more>div .btn,.quality-menu .btn,.quick-export .btn,.tool-strip .btn,.reading-tools>.btn{background:var(--glass-soft);box-shadow:inset 0 1px 0 #ffffff20;border-color:var(--glass-border)}
.menu-closing>div,.menu-closing>.actions{animation:glass-close .14s ease-in forwards;pointer-events:none}
@keyframes glass-open{from{opacity:0;transform:translateY(-5px) scale(.97)}to{opacity:1;transform:none}}
@keyframes glass-close{to{opacity:0;transform:translateY(-4px) scale(.97)}}
[data-glass=off] .sidebar,[data-glass=off] .topbar,[data-glass=off] .card,[data-glass=off] .stat,[data-glass=off] .library-book,[data-glass=off] .tools-more>div,[data-glass=off] .quality-menu>.actions,[data-glass=off] .quick-export>div,[data-glass=off] .gold-options,[data-glass=off] .glass-window,[data-glass=off] dialog{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--card)!important}
.auth-brand,.auth-brand h1,.auth-brand h2{color:var(--text)!important}.auth-brand>svg{color:var(--gold);width:36px;height:36px}.auth-brand p{color:var(--muted)}
.password-box{position:relative;display:block;width:100%}.password-box input{padding-left:46px!important}.password-eye{position:absolute;left:5px;top:50%;transform:translateY(-50%);background:none;border:0;display:grid;place-items:center;width:36px;height:34px;color:var(--text);cursor:pointer}.password-eye svg{width:21px;height:21px}
.reader-window.floating,.quick-panel{resize:none!important}.reader-window.floating>.window-head{display:flex!important;flex-wrap:wrap!important;height:auto!important;min-height:44px!important;overflow:visible;gap:5px}.reader-window.floating>.window-head h2{flex:1 1 110px;min-width:0;overflow:hidden;text-overflow:ellipsis}.reader-window.floating>.window-head .pane-controls{order:-1;flex:0 0 auto;position:relative;z-index:3}.reader-window.floating>.window-head .pane-nav{flex-basis:100%;order:2;overflow:auto}.reader-window.floating #translationActions{flex:0 1 auto;overflow:visible}.reader-window.floating>.source-viewport,.reader-window.floating>.paper-wrap{min-height:0!important;max-height:none!important}
.resize-edge{position:absolute;display:block;z-index:260;touch-action:none;user-select:none}.reader-window:not(.floating)>.resize-edge{display:none}.edge-n,.edge-s{height:8px;left:10px;right:10px;cursor:ns-resize}.edge-n{top:0}.edge-s{bottom:0}.edge-e,.edge-w{width:8px;top:10px;bottom:10px;cursor:ew-resize}.edge-e{right:0}.edge-w{left:0}.edge-ne,.edge-nw,.edge-se,.edge-sw{width:14px;height:14px}.edge-ne{right:0;top:0;cursor:nesw-resize}.edge-sw{left:0;bottom:0;cursor:nesw-resize}.edge-nw{left:0;top:0;cursor:nwse-resize}.edge-se{right:0;bottom:0;cursor:nwse-resize}.maximized>.resize-edge,.minimized>.resize-edge{display:none!important}
.glass-window.minimized{width:300px!important;height:52px!important;max-height:52px!important;min-width:0!important;overflow:hidden!important;bottom:auto!important}.glass-window.minimized .float-head,.glass-window.minimized .window-head{height:52px!important;min-height:52px!important;padding:6px 10px;flex-wrap:nowrap!important;border:0}.glass-window.minimized h2{font-size:13px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0!important;margin:0}.minimized .window-controls{gap:5px}.quick-panel.minimized [data-window=attach],.minimized .scroll-top{display:none!important}.minimized .window-controls [data-window=maximize]{display:inline-flex}.glass-window.maximized:not(.minimized){height:auto!important;max-height:none!important;overflow:auto}.quick-panel.maximized>.float-head{position:sticky}.quick-panel.maximized textarea{min-height:120px}.quick-panel:not(.minimized)>#quickAnswer{display:block}.quick-panel .window-controls{flex-shrink:0}.float-head h2{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.selection-tools{overflow:visible!important;max-width:none;flex-wrap:nowrap;padding:7px;display:flex;min-height:0}.tool-strip{display:flex;gap:7px;align-items:center;flex-wrap:nowrap;transform-origin:top left;white-space:nowrap}.tool-strip .btn{flex-shrink:0}.selection-tools.minimized{width:max-content!important;max-height:52px!important}.glass-window.selection-tools.minimized>.tool-strip{display:flex!important;zoom:1!important}.selection-tools.minimized .tool-strip>[data-action],.selection-tools.minimized .tool-reset{display:none!important}.selection-tools.minimized .float-handle,.selection-tools.minimized [data-window=minimize],.selection-tools.minimized .selection-restore{display:inline-flex!important}.tool-reset{font-size:10px;min-width:36px;padding:4px}
dialog:not(#extraDialog){padding:0 22px 20px;overflow-x:hidden}dialog:not(#extraDialog)>.confirmation-close{margin:0 -22px 14px;padding:10px 18px;background:var(--glass)}dialog:not(#extraDialog)>h2{margin-block:10px 16px;line-height:1.7}dialog:not(#extraDialog)>p{overflow-wrap:anywhere;line-height:1.9}dialog:not(#extraDialog)>.actions{margin-top:20px;gap:10px}
.setting-state{font-size:10px!important;font-weight:500;margin-inline-start:auto;padding-inline-start:12px;white-space:nowrap}.setting-state.on{color:#22874a}.setting-state.off{color:#bc4444}[data-theme=dark] .setting-state.on{color:#87d79d}[data-theme=dark] .setting-state.off{color:#ffa09a}.reading-tools details .btn{justify-content:flex-start}
.focus-mode .reading-tools{display:flex;flex-wrap:nowrap;align-items:center;margin:2px 0;gap:4px}.focus-mode .reading-tools>.btn{padding:4px 7px;min-height:30px;font-size:11px}.focus-mode .reading-tools>.btn[data-action=studyDrawer],.focus-mode .reading-tools>.btn[data-action=panMode],.focus-mode .reading-tools>[data-reference-back]{display:none}.focus-mode .page-profile-bar{display:none}.focus-mode .content{padding-block:3px!important}.focus-mode .tools-more summary,.focus-mode .quality-menu summary{padding:4px 7px;font-size:11px}.focus-mode #readingPanes.side>.reader-window>.source-viewport,.focus-mode #readingPanes.side>.reader-window>.paper-wrap{height:calc(100dvh - 110px)}.focus-mode .reading-tools{transition:height .16s ease}
.source-viewport{position:relative}.source-mark{position:absolute;pointer-events:none;background:#f5c95740;border:1.5px solid #ad7b1d;z-index:6}.source-reference-detail{direction:ltr;text-align:left;unicode-bidi:isolate;line-height:1.8}.persian-reference-detail{direction:rtl;text-align:right;line-height:2;border-top:1px solid var(--glass-border);padding-top:12px;margin-top:12px}.highlight-mark{background:#e4be5755;color:inherit;cursor:pointer;border-radius:3px}.highlight-remove{font-size:12px;margin-top:8px}
.ghost-pages{position:absolute;inset:54px 0 0;pointer-events:none;z-index:7;display:flex;justify-content:space-between;overflow:hidden}.ghost-stack{width:72px;display:flex;flex-direction:column;gap:4px;align-items:center;padding:6px;pointer-events:none}.ghost-thumb{position:relative;padding:0;border:1px solid #b4944870;border-radius:5px;opacity:var(--ghost-opacity,.18);background:#ffffff55;pointer-events:auto;transition:opacity .15s,transform .15s;width:55px;max-height:92px;cursor:pointer}.ghost-thumb img{width:100%;display:block;border-radius:4px;max-height:85px;object-fit:contain}.ghost-thumb span{position:absolute;bottom:0;right:0;background:#191912dd;color:#fff;font-size:10px;padding:0 3px}.ghost-thumb:hover,.ghost-thumb:focus-visible{opacity:.97;transform:scale(1.15);z-index:2}.ghost-toggle{pointer-events:auto;border:1px solid var(--glass-border);background:var(--glass);color:var(--text);border-radius:7px;font-size:11px}.ghost-stack.folded .ghost-thumb{display:none}.ghost-stack.folded{width:28px}.minimized>.ghost-pages{display:none!important}
.library-book .cover{isolation:isolate;transform:perspective(900px) rotateY(-7deg);border-right:5px solid #e2ddd2;box-shadow:3px 1px 0 #fff,5px 2px 0 #c8c3b8,7px 3px 0 #faf8ef,9px 4px 0 #ccc6b6,11px 5px 0 #f3efe4,16px 14px 23px #0004!important;transition:transform .2s,box-shadow .2s}.library-book .cover::after{content:'';position:absolute;top:3px;bottom:0;right:-12px;width:8px;background:repeating-linear-gradient(to bottom,#e7e1d4 0px,#e7e1d4 1px,#fffdf4 1px,#fffdf4 3px);z-index:-1;transform:skewY(17deg)}.library-book:hover .cover{transform:perspective(900px) rotateY(-3deg) translateY(-2px)}
.profile-editor9 .role-row{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:center;margin-bottom:12px}.profile-editor9 .role-row select{direction:ltr;text-align:left}.toc-entry9{display:flex;align-items:baseline;gap:12px;padding:8px 10px;padding-inline-start:calc(10px + var(--level)*18px);border:0;border-bottom:1px solid var(--glass-border);background:transparent;color:var(--text);width:100%;text-align:right;white-space:normal}.toc-entry9 .toc-label{flex:1;line-height:1.8}.toc-entry9[data-level="1"]{font-size:18px;font-weight:700}.toc-entry9[data-level="2"]{font-size:16px}.toc-entry9[data-level="3"]{font-size:14px}.toc-entry9 bdi{flex:none;color:var(--gold)}
@media(max-width:700px){.glass-window.minimized,.quick-panel.minimized{inset:auto 8px 8px auto!important;width:min(300px,calc(100vw - 16px))!important;height:52px!important}.quick-panel.maximized:not(.minimized){inset:10px!important;width:auto!important}.selection-tools{left:8px!important;right:auto!important;max-width:calc(100vw - 16px)!important;overflow-x:auto!important}.tool-strip{flex-wrap:wrap;max-width:calc(100vw - 36px);zoom:1!important}.resize-edge{display:none}.ghost-pages{inset:auto 0 0;max-height:104px}.ghost-stack{flex-direction:row;width:50%;overflow:auto;padding:3px}.ghost-thumb{min-width:39px;width:39px}.ghost-thumb img{max-height:68px}.ghost-stack.folded{width:auto}.focus-mode .reading-tools{flex-wrap:wrap}.profile-editor9 .role-row{grid-template-columns:1fr}.auth-brand h1{display:block}}

::highlight(saved-study){background:#d9b43f66;color:inherit}

.custom-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.custom-role-grid select{width:100%;direction:ltr;font-size:12px}.toc9-row{display:flex;align-items:baseline;gap:20px;width:100%;text-align:right;padding:10px;padding-inline-start:calc(12px + var(--level)*18px);background:none;border:0;border-bottom:1px solid var(--glass-border);color:var(--text);font-size:clamp(13px,calc(18px - var(--level)*1px),18px)}.toc9-row span{flex:1}.toc9-row bdi{color:var(--gold)}@media(max-width:650px){.custom-role-grid{grid-template-columns:1fr}}
/* Theme changes keep navigation text readable on translucent light surfaces. */
:root[data-theme=light] .sidebar a,:root[data-theme=light] .brand strong{color:var(--text)}
:root[data-theme=light] .brand small,:root[data-theme=light] .sidebar .nav-label,:root[data-theme=light] .sidebar-foot{color:var(--muted)}
:root[data-theme=light] .sidebar a.active{color:#785413;background:#bd914020}
:root[data-theme=light] .topbar .btn{background:var(--surface);color:var(--text)}
.quick-panel [data-window=attach]:disabled{display:none}
@supports not (backdrop-filter:blur(1px)){.glass-window,.gold-options,.tools-more>div,.quality-menu>.actions,.quick-export>div{background:var(--card)!important}}