@font-face{font-family:Geist;src:url(/fonts/Geist-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/Geist-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/Geist-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/Geist-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Literata;src:url(/fonts/Literata-VF.ttf) format("truetype-variations");font-weight:200 900;font-style:normal;font-display:swap}@font-face{font-family:Literata;src:url(/fonts/Literata-Italic-VF.ttf) format("truetype-variations");font-weight:200 900;font-style:italic;font-display:swap}:root{color-scheme:dark;--ink: #f2ece2;--ink-soft: #c8bfb1;--muted: #918878;--faint: #665f54;--line: #34302a;--soft-line: #262019;--paper: #17140f;--panel: #201c16;--field: #2a251e;--reading: #100e0a;--accent: #d06c3c;--accent-press: #b1592c;--accent-soft: rgba(208, 108, 60, .15);--accent-line: rgba(208, 108, 60, .4);--accent-grad: linear-gradient(180deg, #d97646, var(--accent));--shadow-page: 0 20px 52px rgba(0, 0, 0, .55);--shadow-soft: 0 8px 24px rgba(0, 0, 0, .38);--radius: 11px;--bar-bg: rgba(26, 22, 17, .92);--hover-bg: #342f27;--dash: #cdbfa6;--warn-fg: #e6a48f;--warn-line: #5e3a30;--warn-bg-hover: #3a2a23;--warn-line-hover: #784636;--ui: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--serif: "Literata", "Iowan Old Style", "Palatino Linotype", Georgia, serif;font-family:var(--ui)}:root[data-theme=light]{color-scheme:light;--ink: #2b2620;--ink-soft: #554d40;--muted: #8a8071;--faint: #b4a996;--line: #e4dccd;--soft-line: #efe9dd;--paper: #f3eee5;--panel: #fbf7f0;--field: #ffffff;--reading: #ebe4d8;--accent: #bc5c30;--accent-press: #9e4a23;--accent-soft: rgba(188, 92, 48, .11);--accent-line: rgba(188, 92, 48, .4);--accent-grad: linear-gradient(180deg, #c9683b, var(--accent));--shadow-page: 0 16px 42px rgba(60, 42, 22, .16);--shadow-soft: 0 6px 20px rgba(60, 42, 22, .1);--bar-bg: rgba(247, 242, 233, .85);--hover-bg: #ece4d4;--dash: #c9bca2;--warn-fg: #a23b22;--warn-line: #e0b9ab;--warn-bg-hover: #f6e7e0;--warn-line-hover: #cf8f7c}.topbar,.readerbar,aside.left,aside.right,.rail-flyout{backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2)}:root[data-preset]{--radius: 14px}:root{--focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px var(--accent)}:root[data-theme=dark]{--overlay-bg: color-mix(in srgb, var(--paper) 88%, #ffffff 12%)}:root[data-theme=light]{--overlay-bg: color-mix(in srgb, var(--paper) 82%, #ffffff 18%)}:root[data-theme=dark]{--panel: rgba(255, 255, 255, .05);--field: rgba(255, 255, 255, .08);--bar-bg: rgba(16, 16, 18, .5);--hover-bg: rgba(255, 255, 255, .09);--line: rgba(255, 255, 255, .1);--soft-line: rgba(255, 255, 255, .055);--page-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 24px 60px rgba(0, 0, 0, .5)}:root[data-theme=light]{--panel: rgba(255, 255, 255, .62);--field: rgba(255, 255, 255, .74);--bar-bg: rgba(255, 255, 255, .5);--hover-bg: rgba(255, 255, 255, .55);--line: rgba(40, 40, 55, .1);--soft-line: rgba(40, 40, 55, .055);--page-shadow: 0 1px 2px rgba(60, 45, 25, .08), 0 12px 34px rgba(60, 45, 25, .12)}:root[data-preset=aurora][data-theme=dark]{--paper: #0b0b12;--reading: #08080d;--ink: #f2f0fb;--ink-soft: #c3bfd8;--muted: #8f8aab;--faint: #5c5876;--accent: #8b6dff;--accent-press: #6f4ff0;--accent-soft: rgba(139, 109, 255, .16);--accent-line: rgba(139, 109, 255, .44);--accent-grad: linear-gradient(180deg, #9d82ff, #8b6dff)}:root[data-preset=aurora][data-theme=light]{--paper: #f1f0f7;--reading: #e8e6f1;--ink: #1e1b2e;--ink-soft: #423c5c;--muted: #6b6688;--faint: #9a95b3;--accent: #6f4ff0;--accent-press: #5a3fd0;--accent-soft: rgba(111, 79, 240, .12);--accent-line: rgba(111, 79, 240, .4);--accent-grad: linear-gradient(180deg, #7d5cff, #6f4ff0)}:root[data-preset=terracotta][data-theme=dark]{--paper: #14110d;--reading: #100d0a;--ink: #f2ece2;--ink-soft: #c8bfb1;--muted: #918878;--faint: #665f54;--accent: #d97a44;--accent-press: #c2652f;--accent-soft: rgba(217, 122, 68, .16);--accent-line: rgba(217, 122, 68, .42);--accent-grad: linear-gradient(180deg, #e3854f, #d97a44)}:root[data-preset=terracotta][data-theme=light]{--paper: #efe7db;--reading: #e7ddcd;--ink: #3a332e;--ink-soft: #5c534b;--muted: #8a7d70;--faint: #a89a86;--accent: #c9622f;--accent-press: #af5326;--accent-soft: rgba(201, 98, 47, .12);--accent-line: rgba(201, 98, 47, .4);--accent-grad: linear-gradient(180deg, #d87038, #c9622f)}:root[data-preset=honey][data-theme=dark]{--paper: #16130c;--reading: #110f08;--ink: #f3ecdf;--ink-soft: #cbc0ab;--muted: #948a72;--faint: #675f4c;--accent: #d99a3a;--accent-press: #c68a24;--accent-soft: rgba(217, 154, 58, .16);--accent-line: rgba(217, 154, 58, .42);--accent-grad: linear-gradient(180deg, #e6a94a, #d99a3a)}:root[data-preset=honey][data-theme=light]{--paper: #f2ebda;--reading: #eae1c9;--ink: #3a342a;--ink-soft: #5c5340;--muted: #8b7f68;--faint: #a99c82;--accent: #b8801e;--accent-press: #9c6c15;--accent-soft: rgba(184, 128, 30, .12);--accent-line: rgba(184, 128, 30, .4);--accent-grad: linear-gradient(180deg, #cc9026, #b8801e)}:root[data-preset=rose][data-theme=dark]{--paper: #16110f;--reading: #110c0a;--ink: #f3e9ea;--ink-soft: #cbbabd;--muted: #94848a;--faint: #675b5f;--accent: #d97088;--accent-press: #c25a6e;--accent-soft: rgba(217, 112, 136, .16);--accent-line: rgba(217, 112, 136, .42);--accent-grad: linear-gradient(180deg, #e37f95, #d97088)}:root[data-preset=rose][data-theme=light]{--paper: #f2e6e8;--reading: #ead8db;--ink: #3a2e30;--ink-soft: #5c4a4e;--muted: #8b757a;--faint: #a98f95;--accent: #c25a6e;--accent-press: #a8465a;--accent-soft: rgba(194, 90, 110, .12);--accent-line: rgba(194, 90, 110, .4);--accent-grad: linear-gradient(180deg, #d0687c, #c25a6e)}:root[data-preset=ocean][data-theme=dark]{--paper: #0c1116;--reading: #080c10;--ink: #e8eef3;--ink-soft: #b6c4cf;--muted: #7d8f9c;--faint: #566672;--accent: #4a9fd4;--accent-press: #2f7fb5;--accent-soft: rgba(74, 159, 212, .16);--accent-line: rgba(74, 159, 212, .42);--accent-grad: linear-gradient(180deg, #5cacdd, #4a9fd4)}:root[data-preset=ocean][data-theme=light]{--paper: #e7edf2;--reading: #dbe4ec;--ink: #1f3446;--ink-soft: #435a6c;--muted: #6b8395;--faint: #93a7b5;--accent: #2f7fb5;--accent-press: #256a9a;--accent-soft: rgba(47, 127, 181, .12);--accent-line: rgba(47, 127, 181, .4);--accent-grad: linear-gradient(180deg, #3d8cc0, #2f7fb5)}:root[data-preset=forest][data-theme=dark]{--paper: #0d130f;--reading: #090e0a;--ink: #e9f0ea;--ink-soft: #b9c8bd;--muted: #7f9184;--faint: #57685c;--accent: #4fa06a;--accent-press: #3f8a5f;--accent-soft: rgba(79, 160, 106, .16);--accent-line: rgba(79, 160, 106, .42);--accent-grad: linear-gradient(180deg, #5cae77, #4fa06a)}:root[data-preset=forest][data-theme=light]{--paper: #e7efe7;--reading: #dae6da;--ink: #23342a;--ink-soft: #435a4a;--muted: #6b836f;--faint: #93a795;--accent: #3f8a5f;--accent-press: #2f7049;--accent-soft: rgba(63, 138, 95, .12);--accent-line: rgba(63, 138, 95, .4);--accent-grad: linear-gradient(180deg, #4c9a6c, #3f8a5f)}:root[data-preset=slate][data-theme=dark]{--paper: #0f1214;--reading: #0a0d0e;--ink: #e8ebee;--ink-soft: #b7bfc6;--muted: #7d858d;--faint: #565d63;--accent: #7d94a6;--accent-press: #5a6b7a;--accent-soft: rgba(125, 148, 166, .16);--accent-line: rgba(125, 148, 166, .42);--accent-grad: linear-gradient(180deg, #8ba1b2, #7d94a6)}:root[data-preset=slate][data-theme=light]{--paper: #eceef1;--reading: #e0e3e7;--ink: #1f272e;--ink-soft: #414b54;--muted: #69737c;--faint: #94a0a8;--accent: #5a6b7a;--accent-press: #47545f;--accent-soft: rgba(90, 107, 122, .12);--accent-line: rgba(90, 107, 122, .4);--accent-grad: linear-gradient(180deg, #6a7c8b, #5a6b7a)}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{margin:0;height:100vh;overflow:hidden;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}.app{--left-expanded: 320px;--right-expanded: 320px;--left-w: 60px;--right-w: var(--right-expanded);position:relative;display:grid;grid-template-columns:var(--left-w) minmax(0,1fr) var(--right-w);height:100vh;overflow:hidden;transition:grid-template-columns .24s ease}.app.resizing{transition:none}.app.annotations-hidden{--right-w: 42px}.app.annotations-hidden .right>*:not(.anno-tab){display:none}.app.annotations-hidden .right{padding:0;overflow:hidden}.app.tools-collapsed{--left-w: 86px}.resize-handle{position:absolute;top:0;bottom:0;width:9px;z-index:30;cursor:col-resize;touch-action:none}.resize-handle:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translate(-50%);background:transparent;transition:background .14s ease}.resize-handle:hover:after,.resize-handle.dragging:after{background:var(--accent-line)}.resize-left{display:none}.resize-right{right:calc(var(--right-w) - 4px)}.app.tools-collapsed .resize-left,.app.annotations-hidden .resize-right{display:none}body.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.anno-tab{display:none}.app.annotations-hidden .anno-tab{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;padding:0;border:0;border-left:1px solid var(--line);border-radius:0;background:var(--panel);color:var(--ink-soft);writing-mode:vertical-rl;text-orientation:mixed;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:background .14s ease,color .14s ease}.app.annotations-hidden .anno-tab:hover{background:var(--soft-line);color:var(--accent)}aside{min-width:0;min-height:0;overflow:auto;padding:22px 20px 32px;background:var(--panel);border-right:1px solid var(--line)}.right{border-right:0;border-left:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.right>.right-head,.right>.row,.right>.panel-hint,.right>.done-row{flex:0 0 auto}.done-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 2px}.delete-done{width:auto;min-height:0;padding:4px 10px;font-size:11px;font-weight:600;color:var(--warn-fg);border-color:var(--warn-line);background:transparent}.delete-done:hover{background:var(--warn-bg-hover);border-color:var(--warn-line-hover)}.delete-done[hidden]{display:none}.done-all{display:flex;align-items:center;gap:8px;margin:4px 0 2px;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer}.done-all input{width:16px;height:16px;min-height:0;accent-color:var(--accent);cursor:pointer}.preview-voice{margin-top:10px}.engine-caps{margin:8px 0 2px}.cap-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px}.cap-badge svg{width:13px;height:13px}.cap-badge.cap-ok{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.cap-badge.cap-off{background:var(--field);color:var(--muted);border:1px solid var(--line)}.cap-note{margin:7px 0 0;font-size:11.5px;line-height:1.45;color:var(--muted)}.note-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}.note-head strong{margin:0}.note-check{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:17px;height:17px;min-height:0;flex:0 0 auto;padding:0;cursor:pointer;border:1.5px solid var(--line);border-radius:5px;background:transparent;display:grid;place-items:center;transition:background .12s ease,border-color .12s ease}.note-check:hover{border-color:var(--accent-line)}.note-check:checked{background:var(--accent);border-color:var(--accent)}.note-check:checked:after{content:"";width:9px;height:5px;margin-top:-1px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}.note-item:focus-visible{outline:2px solid var(--accent-line);outline-offset:2px}.note-item.done{opacity:.55}.note-item.done p:not(.quote){text-decoration:line-through}.panel-hint{margin:12px 0 2px;font-size:12px;line-height:1.5;color:var(--muted)}.field-hint{margin:6px 0 2px;font-size:12px;line-height:1.5;color:var(--muted)}.field-hint.voice-upsell{margin:10px 0 2px;padding:10px 12px;border-radius:10px;background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--ink-soft)}.field-hint.voice-upsell strong{color:var(--ink);font-weight:600}.field-hint.voice-upsell .vu-cost{color:var(--muted)}.setup-card{margin:10px 0 12px;padding:12px 13px;border-radius:10px;background:var(--accent-soft);border:1px solid var(--accent-line)}.setup-card[hidden]{display:none}.setup-title{margin:0 0 4px;font-size:13px;font-weight:600;color:var(--ink)}.setup-step{margin:0 0 8px;font-size:12px;line-height:1.5;color:var(--muted)}.setup-list{margin:0;padding-left:17px;font-size:12px;line-height:1.55;color:var(--ink-soft);display:flex;flex-direction:column;gap:8px}.setup-list code{display:block;margin:3px 0 6px;padding:6px 8px;border-radius:6px;background:color-mix(in srgb,var(--ink) 9%,transparent);font-family:var(--mono, ui-monospace, monospace);font-size:11.5px;white-space:pre-wrap;word-break:break-all}.setup-cmd-label{display:block;margin-top:6px;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--faint)}.setup-cmd{position:relative;margin:3px 0 6px}.setup-cmd code{display:block;margin:0;padding-right:34px}.cmd-copy{position:absolute;top:6px;right:6px;width:auto;min-height:0;display:inline-flex;align-items:center;justify-content:center;padding:5px;border-radius:6px;border:1px solid var(--line);background:color-mix(in srgb,var(--reading) 82%,var(--ink));color:var(--muted);cursor:pointer}.cmd-copy svg{display:block}.cmd-copy:hover,.cmd-copy.copied{color:var(--accent);border-color:var(--accent-line)}.setup-list a,.setup-help{color:var(--accent);text-decoration:none}.setup-list a:hover,.setup-help:hover{text-decoration:underline}.setup-help{display:inline-block;margin-top:9px;font-size:11.5px}kbd{display:inline-block;padding:1px 6px;margin:0 1px;border-radius:5px;border:1px solid var(--line);border-bottom-width:2px;background:var(--field);font-family:var(--ui);font-size:11px;font-weight:700;color:var(--ink-soft);line-height:1.5}.note-kbd{display:none;margin-top:8px;font-size:11px;color:var(--muted)}.note-item.active .note-kbd{display:block}.right-head{display:flex;align-items:center;gap:10px}.right-head h2{flex:1;margin:0}.rail-toggle{width:28px;height:28px;min-height:28px;flex:0 0 auto;padding:0;display:grid;place-items:center;border:none;background:transparent;border-radius:8px;color:var(--muted);transition:background .14s ease,color .14s ease}.rail-toggle:hover{background:var(--hover-bg);color:var(--ink)}#annoList{flex:1 1 auto;min-height:0;overflow-y:auto;margin-top:8px;padding-right:2px}.cmdk{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;justify-content:center;align-items:flex-start;padding-top:14vh;background:#06060a80;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:modal-fade .12s ease}.cmdk[hidden]{display:none}.cmdk-panel{width:min(560px,92vw);max-height:62vh;display:flex;flex-direction:column;overflow:hidden;background:var(--overlay-bg);border:1px solid var(--line);border-radius:16px;box-shadow:0 30px 80px #00000080;animation:modal-pop .16s ease}.cmdk-search{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--soft-line);color:var(--muted)}.cmdk-search input{flex:1;width:auto;border:none;background:transparent;padding:0;font-size:15px;color:var(--ink)}.cmdk-search input:focus{outline:none;box-shadow:none}.cmdk-esc{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);border:1px solid var(--line);border-radius:6px;padding:2px 6px}.cmdk-list{overflow-y:auto;padding:8px}.cmdk-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;font-size:13.5px;color:var(--ink-soft);cursor:pointer;scroll-margin:8px}.cmdk-item .cmdk-ico{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--accent-soft);color:var(--accent);flex:0 0 auto}.cmdk-item .cmdk-ico svg{width:15px;height:15px}.cmdk-item .cmdk-label{flex:1;min-width:0}.cmdk-item .cmdk-tag{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}.cmdk-item.sel,.cmdk-item:hover{background:var(--accent-soft);color:var(--ink)}.cmdk-empty{padding:22px 14px;text-align:center;font-size:13px;color:var(--muted)}aside.left{position:relative;padding:0;overflow:visible}.rail-icons{display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;padding:14px 0}.rail-logo{width:32px;height:32px;flex:0 0 auto;margin-bottom:12px}.rail-logo .brand-mark{width:32px;height:32px;display:block;border-radius:9px;box-shadow:var(--shadow-soft)}.brand-mark .bm-tile{fill:var(--accent)}.brand-mark .bm-bars rect{fill:var(--accent-press)}.rail-fill{flex:1 1 auto}.rail-info{color:var(--faint)}.rail-info svg{width:18px;height:18px}.rail-info:hover,.rail-info[aria-expanded=true]{color:var(--accent)}.info-popover{position:fixed;left:calc(var(--left-w, 60px) + 8px);bottom:16px;z-index:90;width:248px;padding:16px 17px;border-radius:14px;background:var(--overlay-bg);border:1px solid var(--line);box-shadow:0 14px 40px #00000057;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2)}.info-popover[hidden]{display:none}.info-brand{display:flex;align-items:center;gap:9px;margin-bottom:11px}.info-brand .bm-tile{fill:var(--accent)}.info-brand .bm-bars rect{fill:var(--accent-press)}.info-brand strong{font-size:14px;font-weight:700;color:var(--ink)}.info-popover p{margin:0;font-size:12px;line-height:1.55;color:var(--muted)}.info-sponsor{display:flex;align-items:center;gap:8px;text-decoration:none;margin-top:14px;padding-top:13px;border-top:1px solid var(--soft-line);opacity:.85;transition:opacity .16s ease}.info-sponsor:hover{opacity:1}.info-sponsor span{position:relative;top:2px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);line-height:1}.info-sponsor img{height:15px;width:auto;display:block}.info-sponsor .sp-dark{display:none}:root[data-theme=dark] .info-sponsor .sp-light{display:none}:root[data-theme=dark] .info-sponsor .sp-dark{display:block}.rail-ico{position:relative;width:40px;height:40px;min-height:40px;flex:0 0 auto;padding:0;border:none;background:transparent;border-radius:11px;display:grid;place-items:center;color:var(--muted);transition:background .16s ease,color .16s ease,transform .1s ease}.rail-ico svg{width:20px;height:20px;transition:transform .16s ease}.rail-ico:hover{background:var(--hover-bg);color:var(--ink-soft)}.rail-ico:hover svg{transform:scale(1.08)}.rail-ico:active{transform:scale(.94)}.rail-ico.active{background:var(--accent-soft);color:var(--accent)}.rail-ico.active:before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:3px;height:20px;border-radius:0 2px 2px 0;background:var(--accent)}.rail-ico:after{content:attr(aria-label);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%) translate(-4px);padding:4px 9px;border-radius:7px;background:var(--ink);color:var(--paper);font-size:11px;font-weight:600;white-space:nowrap;letter-spacing:.01em;opacity:0;pointer-events:none;z-index:60;transition:opacity .14s ease,transform .14s ease}.rail-ico:hover:after{opacity:.96;transform:translateY(-50%) translate(0)}.rail-flyout{position:absolute;top:10px;left:calc(var(--left-w) + 8px);width:348px;max-height:calc(100vh - 20px);z-index:40;padding:16px 18px 22px;overflow:auto;background:var(--overlay-bg);border:1px solid var(--line);border-radius:16px;box-shadow:0 1px 2px #0a0e141f,0 20px 44px #0a0e1457;opacity:0;visibility:hidden;transform:translate(-12px) scale(.985);transform-origin:left center;transition:opacity .2s ease,transform .22s cubic-bezier(.2,.8,.3,1),visibility .2s}.rail-flyout.open{opacity:1;visibility:visible;transform:none}.app.no-doc .rail-flyout{display:none}@keyframes doc-arrive{0%{opacity:0;transform:translateY(16px) scale(.99)}to{opacity:1;transform:none}}.app.doc-arriving main{animation:doc-arrive .5s cubic-bezier(.2,.8,.3,1) both}.flyout-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.flyout-title{font-size:13px;font-weight:600;color:var(--ink);letter-spacing:-.005em}.flyout-close{width:28px;height:28px;min-height:28px;flex:0 0 auto;padding:0;border:none;background:transparent;border-radius:8px;color:var(--muted);font-size:13px}.flyout-close:hover{background:var(--hover-bg);color:var(--ink)}.rail-panel{display:none}.rail-panel.show{display:block;animation:panel-fade .2s ease both}@keyframes panel-fade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.rail-panel>h2:first-child,.rail-panel>*:first-child{margin-top:0}.legacy-editor{display:none!important}main{position:relative;min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr);background:var(--reading)}main:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(50% 45% at 14% 6%,color-mix(in srgb,var(--accent) 6%,transparent),transparent 60%),radial-gradient(48% 46% at 90% 96%,color-mix(in srgb,var(--accent) 5%,transparent),transparent 62%)}main>.viewer{position:relative}.minimap{position:absolute;right:6px;top:calc(var(--topbar-h, 84px) + 12px);bottom:84px;width:18px;z-index:30;opacity:.92;transition:opacity .16s ease}.minimap:hover{opacity:1}.minimap[hidden]{display:none}.mm-anno-lane{position:relative;width:100%;height:100%;border-radius:7px;background:color-mix(in srgb,var(--ink) 4%,transparent);cursor:grab;touch-action:none}.mm-anno-lane.scrubbing{cursor:grabbing}.mm-anno{position:absolute;left:2px;right:2px;padding:0;min-height:0;height:3px;border:none;border-radius:2px;cursor:pointer;background:var(--c);opacity:.32;transform:translateY(-50%);transition:opacity .14s ease,height .14s ease}.mm-anno.in-view{opacity:1}.mm-anno:hover{left:1px;right:1px;height:5px;opacity:1}.mm-viewport{position:absolute;left:0;right:0;min-height:24px;pointer-events:none;background:color-mix(in srgb,var(--ink) 24%,transparent);border:1.5px solid color-mix(in srgb,var(--ink) 50%,transparent);border-radius:6px;box-shadow:0 1px 6px #00000047,inset 0 1px color-mix(in srgb,var(--paper) 35%,transparent);transition:background .12s ease,border-color .12s ease}.minimap:hover .mm-viewport{background:color-mix(in srgb,var(--accent) 26%,transparent);border-color:var(--accent)}.mm-anno-lane.scrubbing .mm-viewport{background:color-mix(in srgb,var(--accent) 32%,transparent);border-color:var(--accent)}@media(max-width:720px){.minimap{display:none}}.mm-preview{position:fixed;z-index:92;width:260px;max-height:60vh;overflow:auto;padding:5px;border-radius:11px;background:var(--overlay-bg, var(--panel));border:1px solid var(--line);box-shadow:var(--shadow-soft)}.mm-preview[hidden]{display:none}.mmp-item{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:9px;align-items:start;width:100%;min-height:0;margin:0;padding:8px 9px;border:0;border-radius:8px;background:transparent;text-align:left;cursor:pointer}.mmp-item:hover{background:var(--hover-bg)}.mmp-dot{width:10px;height:10px;margin-top:3px;border-radius:3px;background:var(--c);flex:none}.mmp-text{min-width:0;font-size:12.5px;line-height:1.35;color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mmp-pg{font-size:11px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums;padding-top:1px}.welcome{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;display:none;flex-direction:column;align-items:center;justify-content:safe center;text-align:center;padding:44px 32px;overflow-y:auto;overflow-x:hidden;background:var(--reading)}.app.no-doc .welcome{display:flex}.welcome:before{content:"";position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;z-index:0;pointer-events:none;background:radial-gradient(40% 44% at 22% 24%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 62%),radial-gradient(36% 42% at 82% 84%,color-mix(in srgb,var(--accent) 11%,transparent),transparent 64%);filter:blur(24px);opacity:.8}.welcome.dragging{outline:2px dashed var(--accent-line);outline-offset:-16px}.welcome-card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:1060px;width:100%;padding:0;background:transparent;border:none;box-shadow:none;animation:welcome-rise .6s ease both}.welcome-hero{display:grid;grid-template-columns:1fr 1.12fr;gap:42px;align-items:center;width:100%;text-align:left}.welcome-copy{display:flex;flex-direction:column;align-items:flex-start}.welcome-brand{display:inline-flex;align-items:center;gap:11px;margin-bottom:18px;animation:welcome-rise .6s ease both}.welcome-brand .welcome-mark{display:block}.welcome-word{font-family:var(--serif);font-size:22px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}.welcome-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:4px 11px;border-radius:999px;margin-bottom:16px;background:var(--accent-soft);border:1px solid var(--accent-line);font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--accent);animation:welcome-rise .6s .04s ease both}.we-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex:none}.welcome-title{font-family:var(--serif);font-size:38px;line-height:1.12;font-weight:600;letter-spacing:-.02em;color:var(--ink);margin:0;text-transform:none;animation:welcome-rise .6s .08s ease both}.wt-accent{color:var(--accent)}.welcome-title.typing{animation:none}.wt-caret{display:inline-block;width:3px;height:.92em;margin-left:2px;border-radius:1px;background:var(--accent);vertical-align:-.08em;animation:wt-blink 1s steps(1) infinite}@keyframes wt-blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.wt-caret{display:none}}.welcome-sub{color:var(--muted);font-size:15px;line-height:1.6;max-width:420px;margin:14px 0 0;animation:welcome-rise .6s .12s ease both}.welcome-trust{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:12px;color:var(--faint);animation:welcome-rise .6s .22s ease both}.welcome-trust svg{width:14px;height:14px;color:var(--accent);flex:none}.wt-sep{margin:0 7px;opacity:.5}.welcome-demo{position:relative}.welcome-quote{display:flex;flex-direction:column;align-items:center;gap:9px;max-width:560px;margin:32px auto 0;padding:0 16px;text-align:center;animation:welcome-rise .6s .3s ease both}.welcome-quote svg{width:20px;height:20px;color:var(--faint);flex:none}.welcome-quote p{font-family:var(--serif);font-size:14px;line-height:1.6;color:var(--muted);margin:0}.welcome-quote p span{display:block;margin-top:8px;color:var(--faint);font-style:italic}@media(max-width:900px){.welcome-hero{grid-template-columns:1fr;gap:26px;text-align:center}.welcome-copy{align-items:center}.welcome-title,.welcome-sub{text-align:center}}.intro-player{--hl: #e6a93b;position:relative;width:100%;max-width:660px;margin:0 auto;text-align:left;animation:welcome-rise .6s .16s ease both}.ip-cursor{position:absolute;left:0;top:0;width:28px;height:28px;z-index:12;opacity:0;pointer-events:none;color:var(--ink);transform-origin:3px 2px;transition:left .55s ease,top .55s ease,opacity .3s ease,transform .12s ease}.ip-cursor.show{opacity:1}.ip-cursor.down{transform:scale(.82)}.ip-cursor svg{width:100%;height:100%;filter:drop-shadow(0 2px 3px rgba(0,0,0,.32))}.ip-doc{border:1px solid var(--soft-line);border-radius:14px;overflow:hidden;background:var(--panel);box-shadow:0 18px 50px #0000004d}.ip-doc-tab{display:flex;align-items:center;gap:8px;padding:9px 14px;border-bottom:1px solid var(--soft-line);background:color-mix(in srgb,var(--panel) 88%,var(--ink) 4%);font-size:12px;color:var(--muted)}.ip-doc-tab svg{width:15px;height:15px;flex:none;color:var(--accent)}.ip-doc-tab>span:first-of-type{color:var(--ink-soft);font-weight:600}.ip-doc-live{margin-left:auto;font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border-radius:99px;padding:2px 8px}.ip-doc-page{position:relative;padding:22px 186px 58px 26px;font-family:Georgia,Iowan Old Style,Times New Roman,serif}.ip-doc-page:after{content:"";position:absolute;top:20px;bottom:20px;right:184px;border-left:1px dashed var(--soft-line)}.ip-text,.ip-para{font-size:16.5px;line-height:1.75;letter-spacing:-.005em;color:var(--ink-soft);margin:0}.ip-doc .ip-doc-page{transition:background .2s ease,color .2s ease}.ip-doc.scheme-normal .ip-doc-page{background:#fffdf8}.ip-doc.scheme-normal .ip-text,.ip-doc.scheme-normal .ip-para{color:#2b2620}.ip-doc.scheme-sepia .ip-doc-page{background:#f3e8d0}.ip-doc.scheme-sepia .ip-text,.ip-doc.scheme-sepia .ip-para{color:#46392a}.ip-doc.scheme-dark .ip-doc-page{background:#1b1b1f}.ip-doc.scheme-dark .ip-text,.ip-doc.scheme-dark .ip-para{color:#d7d3cb}.ip-doc.scheme-contrast .ip-doc-page{background:#000}.ip-doc.scheme-contrast .ip-text,.ip-doc.scheme-contrast .ip-para{color:#fff}.ip-para{margin-top:13px}.ipw-word{transition:opacity .18s ease,color .16s ease,background-color .16s ease;border-radius:3px}.ipw-word.active{background-color:color-mix(in srgb,var(--accent) 26%,transparent);color:var(--ink)}.ip-hl,.ipw-word.ip-target{border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 .05em;background-image:linear-gradient(color-mix(in srgb,var(--c, var(--hl)) 40%,transparent),color-mix(in srgb,var(--c, var(--hl)) 40%,transparent));background-repeat:no-repeat;background-position:left center;background-size:0% 100%;transition:background-size .3s ease var(--wd, 0s)}.ip-hl-on,.ip-hl-static{background-size:100% 100%;box-shadow:inset 0 -2px color-mix(in srgb,var(--c) 85%,transparent)}.ipw-word.ip-target{--c: var(--hl)}.intro-player.selecting,.intro-player.picking{--hl: #4c8dff}.intro-player.selecting .ipw-word.ip-target,.intro-player.picking .ipw-word.ip-target,.intro-player.annotating .ipw-word.ip-target{background-size:100% 100%}.intro-player.annotating .ipw-word.ip-target{box-shadow:inset 0 -2px color-mix(in srgb,var(--hl) 85%,transparent)}.intro-player.focusing .ip-doc-page>.ip-para,.intro-player.focusing .ipw-word:not(.ip-target){opacity:.32}.ip-mnote{position:absolute;right:12px;width:168px;display:flex;flex-direction:column;gap:3px;font-family:var(--sans, system-ui, sans-serif);background:color-mix(in srgb,var(--panel) 82%,var(--ink) 6%);border:1px solid var(--soft-line);border-left:3px solid var(--c);border-radius:9px;padding:7px 10px;box-shadow:0 8px 22px #00000038}.ip-mnote-field:before{content:"";position:absolute;top:50%;margin-top:-1px;left:-25px;width:14px;border-top:1.5px dashed color-mix(in srgb,var(--c) 70%,transparent)}.ip-mnote-meta{font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--faint)}.ip-mnote-body,.ip-mnote-field{font-size:12px;line-height:1.4;color:var(--ink-soft)}.ip-mnote-live[hidden]{display:none}.ip-mnote-live{opacity:0;transform:translate(10px) scale(.96);transform-origin:left center}.ip-mnote-live.in{opacity:1;transform:none;transition:opacity .35s ease,transform .35s cubic-bezier(.2,.9,.3,1.3)}.ip-mnote-field{position:relative}.ip-mnote-caret{display:none;width:1.5px;height:12px;background:var(--accent);margin-left:1px;vertical-align:-1px}.ip-mnote-ph{display:none;position:absolute;left:8px;top:6px;color:var(--faint);pointer-events:none}.ip-mnote-save,.ip-mnote-live.editing .ip-mnote-meta{display:none}.ip-mnote-live.editing .ip-mnote-field{white-space:nowrap;overflow:hidden;font-size:11.5px;border:1px solid color-mix(in srgb,var(--accent) 50%,var(--line));border-radius:6px;padding:4px 7px;background:color-mix(in srgb,var(--panel) 60%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.ip-mnote-live.editing .ip-mnote-ph{display:block}.ip-mnote-live.editing .ip-mnote-caret{display:inline-block;animation:ip-caret 1s step-end infinite}.ip-mnote-live.editing .ip-mnote-save{display:inline-flex;align-self:flex-end;width:auto;height:auto;min-height:0;min-width:0;margin-top:5px;line-height:1.2;font-size:9px;font-weight:600;letter-spacing:.02em;color:#fff;background:var(--accent);border:none;border-radius:4px;padding:2px 8px;cursor:pointer;transition:transform .12s ease,background .16s ease}.ip-mnote-live.editing .ip-mnote-save:hover{background:var(--accent-press);border:none}.ip-mnote-live.editing.saving .ip-mnote-save{transform:scale(.9);background:var(--accent-press)}@keyframes ip-caret{50%{opacity:0}}.ip-popover{position:absolute;left:0;top:0;z-index:9;width:max-content;display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:12px;background:var(--overlay-bg);border:1px solid var(--line);box-shadow:0 14px 34px #0000006b;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);opacity:0;transform:translateY(5px) scale(.96);transform-origin:50% 118%;pointer-events:none;transition:opacity .16s ease,transform .16s ease}.intro-player.picking .ip-popover{opacity:1;transform:none}.ip-pop-tools{display:flex;align-items:center;gap:6px}.ip-sw{width:19px;height:19px;border-radius:50%;background:var(--c);border:1px solid rgba(0,0,0,.25);box-shadow:0 0 0 1px #ffffff1f inset;transition:transform .12s ease,box-shadow .14s ease}.intro-player.picking .ip-sw-pick{box-shadow:0 0 0 2px var(--overlay-bg),0 0 0 4px #e6a93b}.intro-player.clicking .ip-sw-pick{transform:scale(.8)}.ip-pop-sep{width:1px;height:19px;background:var(--line);margin:0 1px;flex:none}.ip-pop-act{width:27px;height:27px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-soft)}.ip-pop-act svg{width:15px;height:15px;display:block}.ip-doc-bar{display:flex;align-items:center;gap:11px;padding:9px 14px;border-top:1px solid var(--soft-line);background:color-mix(in srgb,var(--panel) 88%,var(--ink) 4%)}.ip-play{flex:0 0 auto;width:34px;height:34px;min-height:34px;padding:0;border:none;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;cursor:pointer;transition:transform .12s ease,background .16s ease,color .16s ease}.ip-play:hover{background:color-mix(in srgb,var(--accent) 22%,transparent)}.ip-play:active{transform:scale(.95)}.ip-play svg{width:15px;height:15px;display:block}.ip-play .ip-i-pause{display:none}.intro-player.playing .ip-play{background:var(--accent);color:#fff}.intro-player.playing .ip-play .ip-i-play{display:none}.intro-player.playing .ip-play .ip-i-pause{display:block}.ip-bar-label{font-size:12px;font-weight:500;color:var(--muted)}.ip-wave{display:flex;align-items:center;gap:2px;height:18px;width:108px;margin-left:auto}.ip-wave .ipw-bar{flex:1 1 0;max-width:3px;height:100%;border-radius:2px;background:color-mix(in srgb,var(--accent) 48%,transparent);transform:scaleY(.16);transform-origin:center;transition:transform .07s linear}.ip-wave.live .ipw-bar{animation:ip-eq 1s ease-in-out infinite;transform:none}.ip-wave.live .ipw-bar:nth-child(2n){animation-duration:.8s}.ip-wave.live .ipw-bar:nth-child(3n){animation-duration:1.3s}@keyframes ip-eq{0%,to{transform:scaleY(.2)}50%{transform:scaleY(1)}}.ip-voice{width:auto;min-height:28px;height:28px;font-size:11.5px;padding:3px 22px 3px 9px;border-radius:7px;border-color:var(--soft-line);background-color:transparent;color:var(--ink-soft)}.ip-voice:hover{background-color:var(--hover-bg)}.welcome-cta{display:flex;align-items:center;gap:11px;margin-top:22px;flex-wrap:wrap;animation:welcome-rise .6s .2s ease both}.welcome-card .welcome-open{display:inline-flex;align-items:center;gap:10px;width:auto;padding:13px 28px;font-size:15.5px;font-weight:600;letter-spacing:.01em;border-radius:13px;color:#fff;border:none;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 88%,#fff 12%),var(--accent));box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 32%,transparent),inset 0 1px #ffffff47;transition:transform .14s ease,box-shadow .18s ease,filter .16s ease}.welcome-card .welcome-open svg{width:18px;height:18px}.welcome-card .welcome-open:hover:not(:disabled){color:#fff;transform:translateY(-2px);filter:saturate(1.05);box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 40%,transparent),inset 0 1px #ffffff52}.welcome-card .welcome-open:active:not(:disabled){transform:translateY(0)}.welcome-gh{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;font-size:13.5px;font-weight:600;border-radius:13px;color:var(--ink);text-decoration:none;border:1px solid var(--soft-line);background:transparent;transition:border-color .16s ease,background .16s ease,transform .12s ease}.welcome-gh svg{width:17px;height:17px}.welcome-gh:hover{border-color:var(--faint);background:var(--hover-bg);transform:translateY(-1px)}.lobby-theme{position:absolute;top:20px;right:22px;z-index:3;width:38px;height:38px;padding:0;border-radius:50%;border:.5px solid var(--soft-line);background:var(--overlay-bg);color:var(--ink-soft);display:grid;place-items:center;cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease}.lobby-theme:hover{color:var(--ink);border-color:var(--faint)}.lobby-theme svg{width:18px;height:18px}.lobby-theme .lt-sun{display:none}:root[data-theme=dark] .lobby-theme .lt-sun{display:block}:root[data-theme=dark] .lobby-theme .lt-moon{display:none}.welcome-foot{color:var(--faint);font-size:11.5px;letter-spacing:.01em;margin:20px 0 0;animation:welcome-rise .6s .3s ease both}.welcome-sponsor{display:inline-flex;align-items:center;gap:9px;margin-top:14px;text-decoration:none;color:var(--muted);opacity:.7;transition:opacity .15s ease;animation:welcome-rise .6s .34s ease both}.welcome-sponsor:hover{opacity:1}.welcome-sponsor span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;line-height:15px;position:relative;top:2px}.welcome-sponsor img{height:15px;width:auto;display:block}.welcome-sponsor .sp-dark{display:none}:root[data-theme=dark] .welcome-sponsor .sp-light{display:none}:root[data-theme=dark] .welcome-sponsor .sp-dark{display:inline-block}@keyframes welcome-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.app.no-doc{grid-template-columns:1fr}.app.no-doc aside,.app.no-doc .topbar,.app.no-doc .readerbar,.app.no-doc .viewer,.app.no-doc .resize-handle,.app.no-doc .anno-tab{display:none}.loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--reading);color:var(--muted);font-size:13px;letter-spacing:.02em}.loader[hidden]{display:none}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}aside::-webkit-scrollbar,.viewer::-webkit-scrollbar{width:11px;height:11px}aside::-webkit-scrollbar-track,.viewer::-webkit-scrollbar-track,aside::-webkit-scrollbar-corner,.viewer::-webkit-scrollbar-corner{background:transparent}aside::-webkit-scrollbar-thumb,.viewer::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ink) 24%,transparent);border-radius:99px;border:3px solid transparent;background-clip:content-box}aside::-webkit-scrollbar-thumb:hover,.viewer::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--ink) 42%,transparent);background-clip:content-box}h1{margin:0 0 4px;font-family:var(--serif);font-size:23px;line-height:1.08;font-weight:600;letter-spacing:-.01em;color:var(--ink)}.brand-sub{margin:0 0 18px;font-size:12.5px;color:var(--muted);letter-spacing:.01em}h2{margin:20px 0 10px;padding:0;color:var(--muted);font-family:var(--ui);font-size:10.5px;font-weight:600;line-height:1.2;letter-spacing:.11em;text-transform:uppercase;display:flex;align-items:center;gap:10px}.right h2:first-child,aside h2:first-of-type{margin-top:0}label{display:block;margin:13px 0 6px;font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.005em}input,select,textarea,button{width:100%;border:1px solid var(--line);border-radius:9px;background:var(--field);color:var(--ink);font:inherit}input,select,textarea{padding:9px 11px;transition:border-color .14s ease,box-shadow .14s ease}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5l3.5 3.5 3.5-3.5' fill='none' stroke='%238a7f6f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;background-size:12px}select:hover{border-color:var(--faint)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft)}textarea{min-height:84px;resize:vertical;line-height:1.4}button{min-height:38px;padding:8px 12px;cursor:pointer;font-weight:600;color:var(--ink-soft);transition:background .14s ease,border-color .14s ease,color .14s ease,transform .06s ease,box-shadow .14s ease}button:hover{border-color:var(--faint);background:var(--hover-bg)}button:active{transform:translateY(1px)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:none}button.primary:hover{background:var(--accent-press);border-color:var(--accent-press)}button.warn{background:var(--field);border-color:var(--warn-line);color:var(--warn-fg)}button.warn:hover{background:var(--warn-bg-hover);border-color:var(--warn-line-hover)}button:disabled{opacity:.4;cursor:not-allowed;transform:none}input[type=file]{padding:7px;color:var(--muted);cursor:pointer}input[type=file]::file-selector-button{margin-right:11px;border:0;border-radius:8px;padding:8px 12px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer;transition:background .14s ease}input[type=file]::file-selector-button:hover{background:var(--accent-press)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;height:28px;background:transparent;border:0}input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:99px;background:var(--line)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-5px;width:14px;height:14px;border-radius:50%;background:var(--accent);border:none;box-shadow:0 1px 3px #00000059}input[type=range]:disabled::-webkit-slider-thumb{background:var(--faint)}#pageSlider::-webkit-slider-thumb{box-sizing:border-box;width:12px;height:12px;margin-top:-4.5px;border-radius:50%;background:var(--accent);border:1.5px solid var(--paper);box-shadow:0 1px 4px #00000073}#pageSlider::-moz-range-thumb{box-sizing:border-box;width:12px;height:12px;border-radius:50%;background:var(--accent);border:1.5px solid var(--paper);box-shadow:0 1px 4px #00000073}input[type=range]::-moz-range-track{height:3px;border-radius:99px;background:var(--line);border:none}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:none;box-shadow:0 1px 3px #00000059}input[type=range]:disabled::-moz-range-thumb{background:var(--faint)}.row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.row.three{grid-template-columns:repeat(3,1fr)}.toolbar{display:grid;gap:10px;margin:14px 0}.right .row+.row{margin-top:8px}.status{min-height:20px;color:var(--muted);font-size:12.5px;line-height:1.45}details.drawer{margin-top:24px;border-top:1px solid var(--line);padding-top:4px}details.drawer>summary{list-style:none;cursor:pointer;margin:14px 0 2px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none}details.drawer>summary::-webkit-details-marker{display:none}details.drawer>summary:before{content:"›";display:inline-block;font-size:15px;color:var(--muted);transition:transform .16s ease;transform:rotate(0)}details.drawer[open]>summary:before{transform:rotate(90deg)}details.drawer>summary:hover{color:var(--accent)}.toc-list{max-height:320px;overflow-y:auto;margin-top:4px;padding-right:2px}.toc-item{display:block;width:100%;text-align:left;border:0;background:transparent;padding:6px 10px;border-radius:7px;min-height:0;font-size:12.5px;font-weight:500;color:var(--ink-soft);line-height:1.35;cursor:pointer}.toc-item:hover{background:var(--accent-soft);color:var(--accent)}.drop-zone{margin-top:10px;padding:16px;border:1.5px dashed var(--dash);border-radius:var(--radius);color:var(--muted);background:var(--field);font-size:12.5px;line-height:1.45;text-align:center;transition:border-color .14s ease,color .14s ease,background .14s ease}.drop-zone.dragging{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.create-tools>.row{gap:0;padding:3px;background:var(--field);border:1px solid var(--line);border-radius:10px}.create-tools>#highlightMode{width:100%;min-height:34px;border-radius:10px;font-weight:600;background:var(--accent);color:#fff;border:1px solid var(--accent)}.create-tools>#highlightMode:hover{background:var(--accent-press);border-color:var(--accent-press)}.create-tools>.row>button{min-height:30px;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:7px;box-shadow:none;font-weight:600}.create-tools>.row>button:hover{background:var(--hover-bg);border-color:transparent;color:var(--ink-soft)}.create-tools>.row>button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.create-tools>.row>button.primary:hover{background:var(--accent-press);border-color:var(--accent-press)}.swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:4px 0 6px}.swatch{width:22px;height:22px;min-height:22px;aspect-ratio:1;padding:0;border-radius:50%;background:var(--swatch);border:none;box-shadow:0 0 0 1px var(--line);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.swatch:hover{transform:scale(1.12);background:var(--swatch)}.swatch.active{transform:scale(1.12);box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--accent)}.app.tools-collapsed aside.left{padding:16px 12px 24px}.app.tools-collapsed aside.left>*:not(.rail-head):not(.create-tools){display:none}.app.tools-collapsed .rail-head{justify-content:center}.app.tools-collapsed .rail-head h1{display:none}.app.tools-collapsed .create-tools{margin-top:16px;display:flex;flex-direction:column;gap:14px}.app.tools-collapsed .create-tools .row{grid-template-columns:1fr;gap:8px}.app.tools-collapsed .create-tools .row button{font-size:12px;padding:7px 4px;min-height:34px}.app.tools-collapsed .ct-color-label{display:none}.app.tools-collapsed .swatches{margin:0;grid-template-columns:repeat(2,24px);justify-content:center;gap:12px;padding:2px}.app.tools-collapsed .swatch{width:24px;height:24px;min-height:24px;aspect-ratio:1}.app.tools-collapsed .swatch.active{transform:scale(1.05)}.topbar{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center;padding:11px 16px;background:linear-gradient(180deg,color-mix(in srgb,var(--reading) 66%,transparent),color-mix(in srgb,var(--reading) 80%,transparent));backdrop-filter:blur(20px) saturate(1.35);-webkit-backdrop-filter:blur(20px) saturate(1.35);border-bottom:1px solid var(--soft-line)}.bookmark-mark{position:absolute;top:50%;transform:translate(-50%,-50%);left:calc(6px + (100% - 12px) * var(--frac, 0));width:11px;height:18px;min-height:0;padding:0;border:0;border-radius:3px;background:var(--accent);box-shadow:0 1px 4px #00000073;pointer-events:none;z-index:6}.bookmark-mark:after{content:"";position:absolute;left:50%;bottom:-4px;transform:translate(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--accent)}.bookmark-mark:hover{background:var(--accent-press)}.bookmark-mark[hidden]{display:none}.page-controls{display:flex;align-items:center;gap:4px}.current-section{flex:0 0 100%;order:-1;margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:700;letter-spacing:-.005em}.current-section[hidden]{display:none}.current-section .cr0{color:var(--accent)}.current-section .cr1{color:#5b8def}.current-section .cr2{color:#57bd86}.current-section .cr-sep{color:var(--faint);margin:0 7px;font-weight:400}.page-nav{width:28px;height:28px;min-height:28px;flex:0 0 auto;padding:0;border:0;background:transparent;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}.page-nav svg{width:15px;height:15px}.page-nav:hover:not(:disabled){background:var(--hover-bg);color:var(--ink-soft)}.page-nav:disabled{opacity:.35}.page-controls .status{white-space:nowrap;text-align:center;min-width:62px;min-height:auto;font-variant-numeric:tabular-nums;font-size:13px;font-weight:500;color:var(--ink-soft)}.topbar>input[type=range]{flex:1 1 180px;min-width:150px}.slider-wrap{position:relative;flex:1 1 180px;min-width:150px;min-height:44px;display:flex;align-items:center}.slider-wrap>input[type=range]{width:100%;height:18px}input[type=range]:focus,input[type=range]:focus-visible{outline:none;box-shadow:none;border:0}.slider-marks{position:absolute;left:8px;right:8px;top:50%;height:0;pointer-events:none}.slider-mark{position:absolute;top:-3px;width:1.5px;height:6px;border-radius:1px;background:var(--muted);opacity:.5;transform:translate(-50%);pointer-events:none}.slider-mark.current{opacity:1;background:var(--accent);width:2.5px;height:9px;top:-4.5px}.slider-segs{position:absolute;left:6px;right:6px;bottom:2px;pointer-events:none;display:flex;flex-direction:column;gap:4px}.struct-lane{position:relative;width:100%;height:5px;border-radius:3px;background:color-mix(in srgb,var(--ink) 8%,transparent)}.struct-seg{position:absolute;top:0;height:5px;min-height:0;padding:0;border:none;border-radius:2px;cursor:pointer;pointer-events:auto;opacity:.3;box-shadow:-1px 0 0 var(--reading);transition:opacity .14s ease,height .14s ease,top .14s ease,filter .14s ease}.struct-seg:hover{opacity:.8;height:7px;top:-1px}.struct-seg.current{opacity:1}.lane-0 .struct-seg{background:var(--accent)}.lane-1 .struct-seg{background:#5b8def}.lane-2 .struct-seg{background:#57bd86}.lane-0 .struct-seg.current{box-shadow:0 0 5px color-mix(in srgb,var(--accent) 60%,transparent)}.lane-1 .struct-seg.current{box-shadow:0 0 5px #5b8def99}.lane-2 .struct-seg.current{box-shadow:0 0 5px #57bd8699}.struct-playhead{position:absolute;top:-5px;bottom:-4px;left:0;width:1.5px;background:color-mix(in srgb,var(--ink) 80%,transparent);border-radius:2px;transform:translate(-50%);box-shadow:0 0 6px color-mix(in srgb,var(--ink) 45%,transparent);pointer-events:none;transition:left .09s linear}.mark-tip{position:fixed;z-index:60;pointer-events:none;max-width:280px;background:#0f0d0a;color:#ece4d6;border:1px solid var(--line);padding:6px 10px;border-radius:8px;font-size:12px;font-weight:600;line-height:1.35;white-space:normal;overflow-wrap:anywhere;box-shadow:0 6px 20px #2b262052}.mark-tip[hidden]{display:none}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,12px);z-index:80;display:flex;align-items:center;gap:10px;max-width:min(560px,92vw);padding:12px 14px;border-radius:12px;font-size:13px;font-weight:600;line-height:1.4;box-shadow:0 12px 34px #0006;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s cubic-bezier(.2,.8,.3,1),visibility .2s}.toast.show{opacity:1;visibility:visible;transform:translate(-50%)}.toast-error{background:#3a1a1a;color:#ffd9d4;border:1px solid #7a3b34}.toast-error svg{flex:none;color:#ff8f84}.toast-msg{flex:1 1 auto;overflow-wrap:anywhere}.toast-x{flex:none;width:24px;height:24px;min-height:0;padding:0;border-radius:6px;border:none;background:transparent;color:inherit;opacity:.75;cursor:pointer;font-size:18px;line-height:1}.toast-x:hover{opacity:1;background:#ffffff1a}.link-preview{position:fixed;z-index:60;width:620px;max-width:92vw;background:var(--overlay-bg);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border:1px solid var(--line);border-radius:11px;box-shadow:0 16px 44px #0006;overflow:hidden;pointer-events:none}.link-preview[hidden]{display:none}.link-preview-head{padding:7px 12px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--soft-line);background:var(--panel)}.link-preview-body{max-height:640px;overflow:hidden;background:#fff}.lp-inner{position:relative}.lp-inner img{display:block;width:100%;height:100%}.link-preview.sepia .link-preview-body{background:#f1e4c8}.link-preview.dark .link-preview-body,:root[data-theme=dark] .link-preview.normal .link-preview-body{background:#1b1710}.link-preview.sepia .lp-inner img{filter:sepia(.78) saturate(1.25) brightness(1.02) contrast(.95) hue-rotate(-8deg)}.link-preview.contrast .lp-inner img{filter:contrast(1.34) brightness(1.02)}.link-preview.dark .lp-inner img,:root[data-theme=dark] .link-preview.normal .lp-inner img{filter:invert(.9) hue-rotate(180deg) brightness(.97) contrast(1.03)}.link-preview-mark{position:absolute;left:0;right:0;height:0;border-top:2px solid var(--accent)}.view-options{position:relative;display:flex;align-items:center;margin-left:auto;margin-right:46px}.lobby-schemes{display:inline-flex;align-items:center;gap:8px;margin-top:18px}.lobby-schemes .ls-cap{font-size:12px;font-weight:600;color:var(--muted);margin-right:2px}.scheme-dot{width:22px;height:22px;min-height:0;padding:0;flex:none;border-radius:50%;border:1.5px solid var(--line);cursor:pointer;box-shadow:inset 0 0 0 1px #0000000d;transition:transform .1s ease,border-color .12s ease,box-shadow .12s ease}.scheme-dot.normal{background:#fffdf8}.scheme-dot.sepia{background:#f1e7d0}.scheme-dot.dark{background:#2c2c31}.scheme-dot.contrast{background:#000;box-shadow:inset 0 0 0 2px #fff}.scheme-dot:hover{border-color:var(--accent-line);transform:scale(1.1)}.scheme-dot.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.view-toggle{min-height:34px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:7px}.view-toggle:after{content:"▾";font-size:11px;color:var(--muted)}.view-options.open .view-toggle{border-color:var(--accent-line);color:var(--accent)}.view-popover{display:none;position:absolute;right:0;top:calc(100% + 8px);z-index:40;flex-direction:column;gap:16px;padding:16px;min-width:250px;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);background:var(--overlay-bg);border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 44px #00000047}.view-options.open .view-popover{display:flex}.view-popover .field-group{width:100%}.view-popover .segmented{display:grid;grid-template-columns:repeat(2,1fr);width:100%}.view-popover #appearanceTabs{grid-template-columns:repeat(3,1fr)}.segmented button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.segmented button svg{width:24px;height:17px;color:var(--muted)}.segmented button.active svg{color:var(--accent)}.segmented button span{font-size:11px;line-height:1}.view-popover .segmented button{padding:8px 4px}.view-popover .zoom-controls{width:100%;grid-template-columns:36px 1fr 36px}.theme-previews{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.theme-tile{display:flex;flex-direction:column;align-items:stretch;gap:6px;height:auto;min-height:0;padding:7px 7px 8px;border:1px solid var(--line);border-radius:10px;background:var(--field);font-size:11.5px;font-weight:600;color:var(--muted);cursor:pointer;text-align:center;line-height:1.4}.theme-name{display:block}.view-popover .theme-tile,.view-popover .segmented button{height:auto;min-height:0}.theme-tile:hover{border-color:var(--faint)}.theme-tile.active{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.swatch-page{display:flex;flex-direction:column;justify-content:center;gap:3px;height:32px;flex:none;padding:7px 9px;border-radius:6px;border:1px solid rgba(0,0,0,.06)}.swatch-page i{display:block;height:2.5px;border-radius:2px;background:currentColor;opacity:.75}.swatch-page i:nth-child(1){width:100%}.swatch-page i:nth-child(2){width:78%}.swatch-page i:nth-child(3){width:55%}.swatch-page.normal{background:#fff;color:#2b2620}.swatch-page.sepia{background:#f1e4c8;color:#5b4a2e}.swatch-page.dark{background:#1b1710;color:#e8dfce}.swatch-page.contrast{background:#efe6a0;color:#111}.preset-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.preset-tiles .theme-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-swatch{position:relative;width:100%;height:34px;flex:none;border-radius:7px;box-shadow:inset 0 0 0 .5px #0000001a}.preset-swatch .ps-accent{position:absolute;right:6px;bottom:6px;width:10px;height:10px;border-radius:50%}.preset-swatch.aurora{background:#0b0b12}.preset-swatch.aurora .ps-accent{background:#8b6dff}.preset-swatch.terracotta{background:#efe7db}.preset-swatch.terracotta .ps-accent{background:#c9622f}.preset-swatch.honey{background:#f2ebda}.preset-swatch.honey .ps-accent{background:#b8801e}.preset-swatch.rose{background:#f2e6e8}.preset-swatch.rose .ps-accent{background:#c25a6e}.preset-swatch.ocean{background:#e7edf2}.preset-swatch.ocean .ps-accent{background:#2f7fb5}.preset-swatch.forest{background:#e7efe7}.preset-swatch.forest .ps-accent{background:#3f8a5f}.preset-swatch.slate{background:#eceef1}.preset-swatch.slate .ps-accent{background:#5a6b7a}.view-options select,.view-options button{height:34px;min-height:34px;font-size:13px}.field-group{display:flex;flex-direction:column;gap:3px}.pomo-intervals{display:flex;gap:10px;margin-top:4px}.pomo-intervals .field-group{flex:1}.pomo-intervals input{text-align:center;font-variant-numeric:tabular-nums}.field-cap{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-left:1px}.zoom-controls{display:grid;grid-template-columns:34px 86px 34px;gap:5px;align-items:stretch}.zoom-controls>button{width:34px;height:34px;min-height:34px;padding:0;font-weight:700;font-size:16px}.zoom-controls>select{height:34px;min-height:34px}.segmented{display:grid;grid-template-columns:repeat(4,auto);gap:2px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.segmented button{min-height:30px;padding:4px 8px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:12.5px;font-weight:600}.segmented button:hover{background:var(--hover-bg);color:var(--ink-soft)}.segmented button.active{background:var(--field);color:var(--ink);box-shadow:0 1px 4px #4a362124}.readerbar{--r-shell: 16px;--r-ctl: 8px;--ink: #f3efe7;--ink-soft: #e9e4da;--muted: rgba(243,239,231,.62);--faint: rgba(255,255,255,.26);--hover-bg: rgba(255,255,255,.13);--soft-line: rgba(255,255,255,.14);--line: rgba(255,255,255,.16);position:absolute;left:0;right:0;bottom:18px;margin:0 auto;z-index:45;display:flex;align-items:center;gap:14px;padding:8px 18px;width:fit-content;max-width:min(760px,94%);background:#181511e6;backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-shell);box-shadow:0 10px 34px #00000061,inset 0 1px #ffffff0f}.readerbar .player-zone.pz-left{flex:0 1 auto}.readerbar .player-zone.pz-right{flex:1 1 auto}.readerbar .tbtn,.readerbar .player-voice,.readerbar .status{color:var(--ink-soft)}.readerbar .tbtn.ghost{color:var(--muted);border-color:var(--soft-line)}.readerbar .player-voice:hover{background-color:var(--hover-bg)}.readerbar .player-zone.pz-right .status{color:var(--ink-soft)}.readerbar .player-zone.pz-right{position:relative;padding-left:16px}.readerbar .player-zone.pz-right:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:22px;background:var(--line)}.app:not(.is-reading) #playerGoto{display:none}.readerbar #playerRate{display:none}.readerbar #playerRateValue{cursor:pointer;padding:4px 11px;border-radius:var(--r-ctl);border:1px solid var(--soft-line);font-variant-numeric:tabular-nums;transition:background .14s ease,border-color .14s ease}.readerbar #playerRateValue:hover{background:var(--hover-bg);border-color:var(--faint)}.readerbar #playerRateValue:focus-visible{outline:none;box-shadow:var(--focus-ring)}@keyframes play-breathe{0%,to{box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 34%,transparent)}50%{box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 52%,transparent)}}.app.is-reading:not(.is-paused) .readerbar .tbtn.play{animation:play-breathe 2.4s ease-in-out infinite}.eq-load{display:inline-flex;align-items:center;gap:2.5px;height:1em}.eq-load i{display:block;width:3px;height:100%;border-radius:2px;background:currentColor;transform:scaleY(.3);transform-origin:center;animation:eq-load .9s ease-in-out infinite}.eq-load i:nth-child(2){animation-delay:.15s}.eq-load i:nth-child(3){animation-delay:.3s}.eq-load i:nth-child(4){animation-delay:.45s}@keyframes eq-load{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.readerbar .tbtn.play .rp-eq{height:18px}.readerbar .tbtn.play .rp-eq i{width:3.5px}.read-marker .eq-load{height:13px}.read-marker .eq-load i{width:2.5px;height:13px;background:var(--accent)}.preview-voice .eq-load{height:12px;margin-right:7px;vertical-align:-1px}.app.is-loading .readerbar .tbtn.play{animation:play-breathe 1.1s ease-in-out infinite}.player-zone{display:flex;align-items:center;gap:10px;min-width:0}.player-zone.pz-left{justify-content:flex-start}.player-zone.pz-right{justify-content:flex-end;flex-wrap:nowrap}.player-voice{width:auto;min-width:92px;max-width:170px;min-height:34px;font-size:13px;border-radius:8px;padding:6px 26px 6px 8px;background-color:transparent;border-color:transparent;color:var(--ink-soft)}.player-voice:hover{background-color:var(--hover-bg);border-color:transparent}.readerbar .voice-group{flex:0 0 auto;display:inline-flex;align-items:stretch;height:32px;border:1px solid var(--line);border-radius:var(--r-ctl);overflow:hidden;transition:border-color .14s ease}.readerbar .voice-group:hover{border-color:var(--faint)}.readerbar .voice-group .player-voice{border:0;border-radius:0;height:100%;min-height:0;background-color:transparent;padding:0 24px 0 9px}.readerbar .engine-seg{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;width:auto;min-width:0;min-height:0;height:100%;padding:0 9px;border:0;border-right:1px solid var(--line);border-radius:0;box-shadow:none;background:#ffffff0d;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.01em;white-space:nowrap;cursor:pointer;transition:background .14s ease,color .14s ease}.readerbar .engine-seg svg{flex:none;opacity:.8}.readerbar .engine-seg:hover{background:#ffffff1c;color:var(--ink-soft)}.readerbar .engine-seg.is-basic{background:#7c5cff38;color:#cbbcff}.readerbar .engine-seg.is-basic svg{opacity:1}.readerbar .engine-seg.is-basic:hover{background:#7c5cff57;color:#ddd4ff}.player-zone.pz-right input[type=range]{flex:1 1 150px;width:auto;min-width:110px;max-width:320px}.player-zone.pz-right .status{min-height:auto;font-weight:700;color:var(--ink-soft);white-space:nowrap}.reading-wave{display:none;align-items:center;gap:2.5px;height:26px;padding:0 2px}.app.is-reading .reading-wave{display:flex}.reading-wave span{width:3px;min-height:3px;height:4px;border-radius:99px;background:var(--accent);opacity:.9;box-shadow:0 0 8px color-mix(in srgb,var(--accent) 70%,transparent);animation:reading-wave 1.1s ease-in-out infinite}.reading-wave span:nth-child(2n){background:color-mix(in srgb,var(--accent) 72%,var(--ink))}.reading-wave span:nth-child(1){animation-delay:0s}.reading-wave span:nth-child(2){animation-delay:.12s}.reading-wave span:nth-child(3){animation-delay:.24s}.reading-wave span:nth-child(4){animation-delay:.36s}.reading-wave span:nth-child(5){animation-delay:.48s}.reading-wave span:nth-child(6){animation-delay:.6s}.reading-wave span:nth-child(7){animation-delay:.72s}.app.is-paused .reading-wave span{animation-play-state:paused;opacity:.4}.reading-wave.live span{animation:none;transition:height .08s ease}@keyframes reading-wave{0%,to{height:4px}50%{height:18px}}.player-transport{display:flex;align-items:center;justify-content:center;gap:10px}.readerbar .tbtn{width:40px;height:40px;min-height:40px;padding:0;border-radius:var(--r-ctl);display:inline-flex;align-items:center;justify-content:center;font-size:15px;color:var(--ink-soft)}.readerbar .tbtn:hover:not(:disabled){background:var(--hover-bg);border-color:var(--faint)}.player-transport .tbtn:not(.play):not(.ghost){background:color-mix(in srgb,var(--ink) 8%,transparent);border-color:transparent;color:var(--ink)}.player-transport .tbtn:not(.play):not(.ghost):hover:not(:disabled){background:color-mix(in srgb,var(--ink) 15%,transparent);color:var(--ink)}.player-transport .tbtn:not(.play):not(.ghost):disabled{opacity:.4}#saveSettings,#clearSettings{white-space:nowrap}.readerbar .tbtn.play{width:46px;height:46px;min-height:46px;border-radius:var(--r-ctl);color:#fff;border-color:transparent;background:var(--accent);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 38%,transparent);transition:transform .1s ease,box-shadow .16s ease,background .16s ease}.readerbar .tbtn.play svg{display:block}.readerbar .tbtn.play:hover:not(:disabled){background:var(--accent-press);border-color:transparent;transform:translateY(-1px) scale(1.04);box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 46%,transparent)}.readerbar .tbtn.play:active:not(:disabled){transform:scale(.97)}.readerbar .tbtn:focus{outline:none}.readerbar .tbtn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.readerbar .tbtn.play:focus-visible{box-shadow:0 0 0 3px var(--accent-soft),0 6px 16px color-mix(in srgb,var(--accent) 45%,transparent)}.readerbar .tbtn.ghost{width:34px;height:34px;min-height:34px;font-size:15px;color:var(--muted);border-color:var(--soft-line)}.viewer{overflow:auto;min-height:0;max-width:100%;padding:calc(var(--topbar-h, 84px) + 14px) 28px 16px;overscroll-behavior:contain;scrollbar-width:none}.viewer::-webkit-scrollbar{width:0;height:0}.pages{min-width:100%;min-height:100%;display:grid;gap:34px;place-items:start center;align-content:start}.pages.vertical{grid-auto-flow:row}.page{position:relative;background:#fff;overflow:hidden;box-shadow:var(--page-shadow);border-radius:6px;transform-origin:top center}.page.pending{display:flex;align-items:center;justify-content:center}.page.pending:after{content:"";width:30px;height:30px;border-radius:50%;border:3px solid rgba(0,0,0,.08);border-top-color:var(--accent);animation:spin .8s linear infinite;opacity:.55}.page.placeholder{background:var(--field);border:1px dashed var(--faint);box-shadow:none;border-radius:var(--radius)}.viewer.sepia{background:#1c1610}.viewer.dark{background:#14110d}.page canvas{display:block;transition:filter .18s ease}.page.sepia canvas{filter:sepia(.78) saturate(1.25) brightness(1.02) contrast(.95) hue-rotate(-8deg)}.page.dark canvas{filter:invert(.9) hue-rotate(180deg) brightness(.97) contrast(1.03)}.page.dark{background:#1b1710;box-shadow:0 18px 52px #0000008c}.page.sepia{background:#f1e4c8}:root[data-theme=light] .page.normal canvas{filter:brightness(.95)}:root[data-theme=light] .page.normal{background:#f2efe8}.empty{align-self:center;justify-self:center;max-width:440px;padding:26px 28px;border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);background:var(--panel);box-shadow:var(--shadow-soft);font-size:13.5px;line-height:1.5;text-align:center}#annoList .empty{align-self:stretch;justify-self:stretch;max-width:none;width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;margin:40px 0 6px;padding:24px 16px;background:transparent;border:none;box-shadow:none;font-size:13px}#annoList .empty .empty-mark{display:grid;place-items:center;width:46px;height:46px;margin-bottom:6px;border-radius:14px;background:var(--accent-soft);color:var(--accent)}#annoList .empty .empty-mark svg{width:22px;height:22px}#annoList .empty strong{font-family:var(--serif);font-size:15px;color:var(--ink);font-weight:600}#annoList .empty kbd{margin:0 2px}.panel-hint{display:none}.app:not(.has-annos) .right .anno-filter,.app:not(.has-annos) .right .done-row,.app:not(.has-annos) .right .anno-actions{display:none}.anno-actions #copyCodex:not(:disabled){background:var(--accent);border-color:var(--accent);color:#fff}.anno-actions #copyCodex:not(:disabled):hover{background:var(--accent-press);border-color:var(--accent-press);color:#fff}canvas{display:block}.text-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;line-height:1}.text-layer span{position:absolute;line-height:1;color:transparent;white-space:pre;cursor:text;transform-origin:0 0;-webkit-user-select:text;user-select:text}.text-layer::selection,.text-layer span::selection{background:color-mix(in srgb,var(--accent) 30%,transparent)}.link-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.pdf-link{position:absolute;border-radius:2px;pointer-events:auto}.pdf-link:hover,.pdf-link:focus-visible{outline:2px solid var(--accent-line);background:var(--accent-soft)}.read-marker,.read-tag{position:absolute;width:28px;height:28px;min-height:28px;padding:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;line-height:1;background:#fffdf8d9;border:1px solid rgba(138,127,111,.5);color:#6b6151;font-size:12px;opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .14s ease,transform .14s ease,box-shadow .14s ease,background .14s ease;z-index:2}.read-marker{display:grid;place-items:center}.read-marker svg{width:15px;height:15px;display:block}.read-marker.near,.read-tag.near,.read-marker:focus-visible,.read-tag:focus-visible,.read-marker.loading,.read-marker.playing,.read-marker.paused,.read-tag.active{opacity:.55;pointer-events:auto}.read-tag.active,.read-tag.near:hover{opacity:.9;transform:scale(1)}.read-marker:hover,.read-marker:focus-visible,.read-tag:hover,.read-tag:focus-visible{background:#fff;color:#2b2620;opacity:.98;transform:scale(1);box-shadow:0 2px 8px #4a362147}.read-marker.loading{background:#fffdf8eb;border-color:var(--accent-line);color:var(--accent);opacity:1;transform:scale(1);box-shadow:none}.read-marker.playing{background:var(--accent);border-color:var(--accent);color:#fff;opacity:1;transform:scale(1.08);box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 40%,transparent)}.read-marker.paused{background:#fff;border-color:var(--accent);color:var(--accent);opacity:1;transform:scale(1.04);box-shadow:0 4px 14px var(--accent-soft)}.read-focus{position:absolute;display:none;border-radius:4px;background:color-mix(in srgb,var(--accent) 20%,transparent);box-shadow:inset 4px 0 0 var(--accent);pointer-events:none;z-index:1}.read-focus.loading,.read-focus.playing,.read-focus.paused{display:block}.read-focus.playing{animation:read-pulse 3.6s ease-in-out infinite}@keyframes read-pulse{0%,to{background:color-mix(in srgb,var(--accent) 18%,transparent)}50%{background:color-mix(in srgb,var(--accent) 22%,transparent)}}@media(prefers-reduced-motion:reduce){.read-focus.playing{animation:none}}.read-focus.paused{opacity:.55}.word-hl{position:absolute;display:none;z-index:1;pointer-events:none;border-radius:3px;background:color-mix(in srgb,var(--accent) 35%,transparent);mix-blend-mode:multiply;transition:left .09s ease,top .12s ease,width .09s ease,height .12s ease}.focus-band{position:absolute;display:none;border-radius:3px;background:color-mix(in srgb,var(--accent) 15%,transparent);box-shadow:inset 3px 0 0 var(--accent);pointer-events:none;z-index:1;transition:box-shadow .18s ease}.focus-band.show{display:block}.focus-band.dim,.app.focus-dim .read-focus.loading,.app.focus-dim .read-focus.playing,.app.focus-dim .read-focus.paused{box-shadow:inset 3px 0 0 var(--accent),0 0 0 9999px #0000008c}.app.focus-dim .read-focus.paused{opacity:1}.app.spotlight .page:not(.pending):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:#0000008c;border-radius:2px}.app.spotlight .page:has(.focus-band.show):after,.app.spotlight .page:has(.read-focus.loading):after,.app.spotlight .page:has(.read-focus.playing):after,.app.spotlight .page:has(.read-focus.paused):after{display:none}.readerbar .tbtn.focus-on{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-line)}.readerbar .tbtn.focus-on:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent)}@keyframes pulse{50%{opacity:.6}}.anno-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.anno-layer.draw{cursor:crosshair;pointer-events:auto}.anno{--anno-color: #ffd240;position:absolute;min-height:0;min-width:0;padding:0;pointer-events:auto}.anno.highlight{border:0;background:color-mix(in srgb,var(--anno-color) 28%,transparent);border-radius:2px;transform:translateY(16%)}.anno.note{border:2px solid color-mix(in srgb,var(--anno-color) 80%,#1d252c);background:color-mix(in srgb,var(--anno-color) 24%,transparent);border-radius:3px}.anno.highlight.active{background:color-mix(in srgb,var(--anno-color) 42%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--anno-color) 65%,transparent)}.anno.note.active{outline:2px solid var(--ink);outline-offset:2px}.draft{position:absolute;border:2px dashed var(--accent);background:var(--accent-soft);pointer-events:none}.note-item{--anno-color: #ffd240;position:relative;display:grid;grid-template-columns:minmax(0,1fr) 18px;gap:12px;align-items:start;width:100%;text-align:left;margin:0 0 8px;padding:12px 14px;border:.5px solid var(--soft-line);border-radius:12px;background:var(--panel);cursor:pointer;transition:background .12s ease,box-shadow .12s ease,border-color .12s ease}.note-item:hover{background:var(--hover-bg);border-color:var(--line)}.note-item.active{background:color-mix(in srgb,var(--accent) 8%,transparent);border-color:transparent;box-shadow:inset 0 0 0 2px var(--accent)}.note-item.done{opacity:.5}.note-item.done .quote,.note-item.done .note-comment{text-decoration:line-through}.note-ref{display:inline-flex;align-items:center;gap:7px;margin-bottom:6px;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:600;color:var(--muted)}.note-item.active .note-ref{color:var(--accent)}.note-dot{width:8px;height:8px;border-radius:50%;background:var(--anno-color);flex:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--anno-color) 22%,transparent)}.note-body{min-width:0}.note-body .quote{font-family:var(--serif);font-size:14.5px;color:var(--ink);margin:0;line-height:1.42;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.note-comment{font-size:12.5px;color:var(--muted);line-height:1.5;margin:5px 0 0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.note-hash{color:var(--accent)}.note-check{justify-self:end;margin-top:2px}.note-item .placeholder-text{color:var(--faint);font-style:italic}.note-copy{position:absolute;right:11px;bottom:9px;width:26px;height:26px;min-height:0;padding:0;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:var(--muted);opacity:0;cursor:pointer;transition:opacity .12s ease,background .12s ease,color .12s ease}.note-item:hover .note-copy,.note-item:focus-within .note-copy,.note-item.active .note-copy{opacity:1}.note-copy:hover{background:var(--hover-bg);color:var(--accent)}.note-group{display:flex;align-items:center;gap:8px;margin:16px 2px 7px;padding:0 2px}.note-group:first-child{margin-top:2px}.note-group-title{min-width:0;flex:1;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-group-count{flex:none;font-size:10.5px;font-weight:700;color:var(--faint);font-variant-numeric:tabular-nums;background:var(--field);border-radius:999px;padding:1px 7px}.note-group-copy{flex:none;width:24px;height:24px;min-height:0;padding:0;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;transition:background .12s ease,color .12s ease}.note-group-copy:hover{background:var(--hover-bg);color:var(--accent)}.anno-groupby{width:auto;margin-left:auto;min-height:0;height:28px;padding:3px 26px 3px 9px;font-size:11.5px;font-weight:600;color:var(--muted);background-color:transparent;border-color:var(--soft-line);border-radius:8px}.anno-groupby:hover{border-color:var(--accent-line);color:var(--accent)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;background:#2b262075;animation:modal-fade .14s ease}.modal-overlay[hidden]{display:none}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}.modal{width:min(540px,100%);max-height:86vh;overflow:auto;background:var(--overlay-bg);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border:1px solid var(--line);border-radius:16px;box-shadow:0 28px 80px #0000006b;padding:22px 22px 18px;animation:modal-pop .16s ease}@keyframes modal-pop{0%{transform:translateY(8px) scale(.99);opacity:.6}to{transform:none;opacity:1}}.modal-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}.modal-head h3{margin:0}.modal-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto;background:var(--accent)}.modal-meta{font-variant-numeric:tabular-nums;font-size:13px;color:var(--muted)}.modal-x{width:30px;min-height:30px;flex:0 0 auto;margin-left:auto;padding:0;border:0;background:transparent;border-radius:8px;font-size:20px;line-height:1;color:var(--muted)}.modal-x:hover{color:var(--accent)}.modal-quote{margin:14px 0 20px;padding:0;border:0;background:transparent;font-family:var(--serif);font-size:20px;line-height:1.5;color:var(--ink);font-style:normal}.modal .field-cap{margin-top:4px}.modal .swatches{margin:8px 0 4px;grid-template-columns:repeat(10,22px);gap:9px}.modal .swatch{width:20px;height:20px;min-height:20px}.modal .swatch.active{transform:scale(1.1);box-shadow:0 0 0 2px var(--panel),0 0 0 3.5px var(--accent)}.modal textarea{min-height:120px;font-family:var(--serif);font-size:15px;line-height:1.6}.modal-foot{display:flex;align-items:center;gap:10px;margin-top:18px}.modal-foot .warn{width:auto;padding:7px 4px;border:0;background:transparent;color:var(--muted);font-weight:500}.modal-foot .warn:hover{background:transparent;color:var(--warn-fg)}.modal-foot .primary{width:auto;margin-left:auto;padding:9px 22px;border-radius:10px}body.modal-open{overflow:hidden}.quick-note{position:fixed;left:50%;bottom:92px;transform:translate(-50%);z-index:55;display:flex;flex-direction:column;gap:6px;width:min(520px,80vw);padding:12px 14px;background:var(--overlay-bg);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border:1px solid var(--accent-line);border-radius:12px;box-shadow:0 16px 44px #0006}.quick-note[hidden]{display:none}.quick-note-hint{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.quick-note input{width:100%}.coachmark{position:fixed;left:50%;bottom:96px;transform:translate(-50%);z-index:58;width:min(420px,86vw);padding:18px 20px 16px;background:var(--overlay-bg);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border:1px solid var(--accent-line);border-radius:14px;box-shadow:0 20px 54px #00000073;animation:welcome-rise .4s ease both}.coachmark[hidden]{display:none}.coachmark strong{display:block;font-family:var(--serif);font-size:16px;color:var(--ink);margin-bottom:8px}.coachmark ul{margin:0 0 14px;padding-left:18px;color:var(--ink-soft);font-size:13px;line-height:1.6}.coachmark li{margin:3px 0}.coachmark li b{color:var(--ink);font-weight:600}.coachmark .primary{width:auto;padding:8px 18px}.anno-tip{position:fixed;z-index:60;max-width:280px;pointer-events:none;background:#0f0d0a;color:#ece4d6;border:1px solid var(--line);padding:9px 12px;border-radius:9px;box-shadow:0 8px 24px #2b262052;font-size:12.5px;line-height:1.4}.anno-tip[hidden]{display:none}.anno-tip em{display:block;font-family:var(--serif);font-style:italic;color:#d9cdb8;margin-bottom:4px;font-size:12px}.anno-tip span{display:block;overflow-wrap:anywhere}@media(max-width:980px){body{overflow:auto}.app{grid-template-columns:1fr;height:auto;overflow:visible}aside,.right{border:0;border-bottom:1px solid var(--line);max-height:none}main{min-height:72vh}.topbar,.view-options{grid-template-columns:1fr}.readerbar{grid-template-columns:1fr;gap:10px}.player-zone.pz-left,.player-zone.pz-right{justify-content:center}}.pomodoro{--r-shell: 12px;--r-ctl: 8px;order:-1;display:inline-flex;align-items:center;gap:9px;padding:5px 9px;border:1px solid var(--line);border-radius:var(--r-shell);background:var(--panel)}.pomodoro select{-moz-appearance:none;appearance:none;-webkit-appearance:none;font:inherit;font-size:12px;font-weight:600;padding:3px 11px;border:1px solid var(--line);border-radius:var(--r-ctl);background:transparent;color:var(--ink);cursor:pointer;text-align:center;text-align-last:center}.pomodoro select:hover{border-color:var(--accent-line);color:var(--accent)}.pomodoro .pomo-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--faint)}.pomodoro .pomo-time{font-variant-numeric:tabular-nums;font-weight:600;font-size:13px;min-width:46px;text-align:center;color:var(--ink-soft)}.pomodoro.is-break .pomo-label,.pomodoro.running .pomo-time{color:var(--accent)}.pomodoro.ringing{border-color:var(--accent);animation:pomo-ring 1.1s ease-in-out infinite}.pomodoro.ringing .pomo-label,.pomodoro.ringing .pomo-time{color:var(--accent)}@keyframes pomo-ring{0%,to{box-shadow:0 0 color-mix(in srgb,var(--accent) 34%,transparent)}55%{box-shadow:0 0 0 4px transparent}}@media(prefers-reduced-motion:reduce){.pomodoro.ringing{animation:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 34%,transparent)}}.pomodoro #pomoToggle{--progress: 0deg;display:grid;place-items:center;flex:none;width:32px;height:32px;min-height:32px;padding:0;border:none;border-radius:var(--r-ctl);cursor:pointer;color:var(--ink);font-size:12px;line-height:1;background:radial-gradient(farthest-side,var(--panel) 63%,transparent 64%),conic-gradient(var(--accent) var(--progress),color-mix(in srgb,var(--ink) 16%,transparent) 0)}.pomodoro #pomoToggle:hover{color:var(--accent)}.pomodoro #pomoReset{display:grid;place-items:center;flex:none;width:28px;height:28px;min-height:28px;padding:0;border:1px solid var(--line);border-radius:var(--r-ctl);background:transparent;color:var(--muted);cursor:pointer;font-size:13px;line-height:1}.pomodoro #pomoReset:hover{color:var(--ink);border-color:var(--accent-line);background:var(--accent-soft)}.page{border-radius:6px}button.primary{transition:background .14s ease,border-color .14s ease,transform .1s ease,box-shadow .16s ease}button.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 30%,transparent)}button.primary:active:not(:disabled){transform:translateY(0);box-shadow:none}button:focus-visible{outline:none;box-shadow:var(--focus-ring)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.eq-load i{animation-duration:.9s!important;animation-iteration-count:infinite!important}}aside.left h2{margin-top:22px}.drop-zone:hover{border-color:var(--faint);color:var(--ink-soft)}button:disabled{opacity:.38}.rail-panel #gotoRead,.rail-panel .toolbar .row.three{display:none}.anno-actions{flex:0 0 auto;margin-top:10px;padding-top:12px;border-top:1px solid var(--soft-line);display:flex;flex-direction:column;gap:7px}.anno-actions-cap{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}.anno-actions .row button{min-height:30px;font-size:12px;font-weight:600;color:var(--muted)}.anno-actions .row button:hover:not(:disabled){color:var(--ink-soft)}#annoList .empty{display:flex;flex-direction:column;align-items:center;gap:6px;line-height:1.5}#annoList .empty strong{color:var(--ink-soft);font-size:13.5px;font-weight:600}.anno-filter{display:flex;flex-direction:column;gap:8px;margin:4px 0 2px;flex:0 0 auto}#annoSearch{width:100%;padding:8px 11px;font-size:12.5px}.anno-filter-colors{display:flex;flex-wrap:wrap;gap:7px}.anno-filter-colors[hidden]{display:none}.filter-dot{width:18px;height:18px;min-height:18px;padding:0;flex:none;border-radius:50%;background:var(--c);border:1px solid rgba(0,0,0,.25);cursor:pointer;opacity:.55;transition:opacity .12s ease,transform .12s ease,box-shadow .12s ease}.filter-dot:hover{opacity:.85;transform:scale(1.1);background:var(--c)}.filter-dot.active{opacity:1;box-shadow:0 0 0 2px var(--panel),0 0 0 3px var(--c)}.tag-suggest{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 2px}.tag-suggest-chip{width:auto;min-height:0;padding:3px 9px;font-size:11px;font-weight:600;border-radius:999px;border:1px dashed var(--line);background:transparent;color:var(--muted);cursor:pointer}.tag-suggest-chip:hover{border-style:solid;border-color:var(--accent-line);color:var(--accent)}.note-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.note-tag{font-size:10.5px;font-weight:600;letter-spacing:.02em;color:var(--ink-soft);padding:2px 8px;border-radius:999px;background:var(--field);border:1px solid var(--line)}.sel-popover{position:fixed;z-index:45;display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:12px;background:var(--overlay-bg);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border:1px solid var(--line);box-shadow:0 12px 34px #00000061;animation:sel-pop .12s ease}.sel-popover[hidden]{display:none}@keyframes sel-pop{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.sel-swatch{width:20px;height:20px;min-height:20px;padding:0;flex:none;border-radius:50%;background:var(--c);border:1px solid rgba(0,0,0,.25);cursor:pointer;box-shadow:0 0 0 1px #ffffff1f inset;transition:transform .1s ease}.sel-swatch:hover{transform:scale(1.15);background:var(--c)}.sel-swatch.chosen{box-shadow:0 0 0 2px var(--overlay-bg),0 0 0 3.5px var(--c)}.sel-sep{width:1px;height:20px;background:var(--line);margin:0 2px;flex:none}.sel-note{width:180px;height:28px;padding:0 10px;flex:none;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:inherit;font-size:13px}.sel-note::placeholder{color:var(--faint)}.sel-note:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.sel-act{width:30px;height:30px;min-height:30px;padding:0;flex:none;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;color:var(--ink-soft);cursor:pointer}.sel-act svg{width:16px;height:16px;display:block}.sel-act:hover{background:var(--hover-bg);border-color:var(--line);color:var(--accent)}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px;font-weight:600;color:var(--ink-soft);cursor:pointer}.switch{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex:none;cursor:pointer;width:34px;height:20px;min-height:0;padding:0;border-radius:999px;background:var(--field);border:1px solid var(--line);position:relative;transition:background .15s ease,border-color .15s ease}.switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--muted);transition:transform .15s ease,background .15s ease}.switch:checked{background:var(--accent-soft);border-color:var(--accent-line)}.switch:checked:after{transform:translate(14px);background:var(--accent)}.switch:focus-visible{outline:none;box-shadow:var(--focus-ring)}@media(max-width:640px){.welcome-title{font-size:30px}}