:root{--color-bg: #eceef0;--color-surface: #ffffff;--color-surface-soft: #f7f8f9;--color-border: #e1e3e6;--color-text: #1a1c1f;--color-text-secondary: #52565c;--color-text-muted: #8b9097;--color-primary: #16a34a;--color-primary-hover: #15803d;--color-primary-dark: #166534;--color-primary-bg: #f0fdf4;--color-primary-border: #86efac;--color-neutral-btn: #f1f2f4;--color-bookmark: #d97706;--color-bookmark-bg: #fffbeb;--color-bookmark-border: #fbbf24;--color-bookmark-text: #92400e;--color-visited-bg: #f0fdf4;--color-visited-border: #86efac;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .06);--shadow-card: 0 1px 4px rgba(0, 0, 0, .06), 0 4px 12px rgba(0, 0, 0, .04);--shadow-focus: 0 2px 8px rgba(0, 0, 0, .08), 0 12px 32px rgba(0, 0, 0, .07);--shadow-btn-primary: 0 1px 4px rgba(22, 163, 74, .35);--font-serif: Georgia, "Times New Roman", serif;--radius-card: 14px;--radius-focus: 18px;--radius-input: 8px;--radius-pill: 999px}html[data-theme=dark]{--color-bg: #0f1117;--color-surface: #1a1d23;--color-surface-soft: #22262e;--color-border: #2d3139;--color-text: #e8eaed;--color-text-secondary: #9aa0aa;--color-text-muted: #5c6370;--color-primary: #22c55e;--color-primary-hover: #16a34a;--color-primary-dark: #4ade80;--color-primary-bg: #052e16;--color-primary-border: #14532d;--color-neutral-btn: #272b33;--color-bookmark: #f59e0b;--color-bookmark-bg: #1c1400;--color-bookmark-border: #78350f;--color-bookmark-text: #fcd34d;--color-visited-bg: #052e16;--color-visited-border: #14532d;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-card: 0 1px 4px rgba(0, 0, 0, .4), 0 4px 12px rgba(0, 0, 0, .3);--shadow-focus: 0 2px 8px rgba(0, 0, 0, .5), 0 12px 32px rgba(0, 0, 0, .4);--shadow-btn-primary: 0 1px 4px rgba(34, 197, 94, .25)}html[data-accent=dusk]{--color-primary: #4a6c8c;--color-primary-hover: #3d5c7a;--color-primary-dark: #2d4560;--color-primary-bg: #f0f4f8;--color-primary-border: #aec4d8;--color-visited-bg: #f0f4f8;--color-visited-border: #aec4d8;--shadow-btn-primary: 0 1px 4px rgba(74, 108, 140, .3)}html[data-accent=dusk][data-theme=dark]{--color-primary: #82aac8;--color-primary-hover: #6e96b4;--color-primary-dark: #9cc0d8;--color-primary-bg: #182535;--color-primary-border: #2d4560;--color-visited-bg: #182535;--color-visited-border: #2d4560;--shadow-btn-primary: 0 1px 4px rgba(130, 170, 200, .2)}html[data-accent=mauve]{--color-primary: #7e5a8a;--color-primary-hover: #6c4878;--color-primary-dark: #543860;--color-primary-bg: #f7f0fa;--color-primary-border: #d0b0e0;--color-visited-bg: #f7f0fa;--color-visited-border: #d0b0e0;--shadow-btn-primary: 0 1px 4px rgba(126, 90, 138, .3)}html[data-accent=mauve][data-theme=dark]{--color-primary: #c090d0;--color-primary-hover: #ae7ec0;--color-primary-dark: #d0a8e0;--color-primary-bg: #251535;--color-primary-border: #543860;--color-visited-bg: #251535;--color-visited-border: #543860;--shadow-btn-primary: 0 1px 4px rgba(192, 144, 208, .2)}html[data-accent=sand]{--color-primary: #7a5535;--color-primary-hover: #684525;--color-primary-dark: #503520;--color-primary-bg: #faf5ef;--color-primary-border: #d8bc9a;--color-visited-bg: #faf5ef;--color-visited-border: #d8bc9a;--shadow-btn-primary: 0 1px 4px rgba(122, 85, 53, .3)}html[data-accent=sand][data-theme=dark]{--color-primary: #c8986a;--color-primary-hover: #b88858;--color-primary-dark: #d8b080;--color-primary-bg: #281e12;--color-primary-border: #503520;--color-visited-bg: #281e12;--color-visited-border: #503520;--shadow-btn-primary: 0 1px 4px rgba(200, 152, 106, .2)}html[data-accent=slate]{--color-primary: #4e6475;--color-primary-hover: #3e5465;--color-primary-dark: #2e4050;--color-primary-bg: #f2f5f7;--color-primary-border: #b4c4d0;--color-visited-bg: #f2f5f7;--color-visited-border: #b4c4d0;--shadow-btn-primary: 0 1px 4px rgba(78, 100, 117, .3)}html[data-accent=slate][data-theme=dark]{--color-primary: #8aaabb;--color-primary-hover: #7898aa;--color-primary-dark: #9cbccc;--color-primary-bg: #181e25;--color-primary-border: #2e4050;--color-visited-bg: #181e25;--color-visited-border: #2e4050;--shadow-btn-primary: 0 1px 4px rgba(138, 170, 187, .2)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}#root{height:100%}button,input{font-family:inherit;font-size:inherit}.app{display:flex;flex-direction:row;height:100%}.app-nav{width:210px;flex-shrink:0;display:flex;flex-direction:column;background:var(--color-surface);border-right:.5px solid var(--color-border);padding:14px 10px 20px;overflow-y:auto}.app-nav-brand{display:flex;align-items:center;gap:10px;padding:4px 8px 14px;margin-bottom:6px;border-bottom:.5px solid var(--color-border)}.app-logo-mark{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;border-radius:8px;flex-shrink:0;-webkit-user-select:none;user-select:none}.app-wordmark{font-family:var(--font-serif);font-size:1rem;font-weight:500;color:var(--color-text);letter-spacing:-.01em}.app-nav-items{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-size:.875rem;color:var(--color-text-secondary);transition:background .12s,color .12s;line-height:1.3}.nav-item:hover:not(.nav-item--disabled):not(.nav-item--active){background:var(--color-surface-soft);color:var(--color-text)}.nav-item--active{background:var(--color-primary-bg);color:var(--color-primary-dark);font-weight:500}.nav-item--disabled{opacity:.38;cursor:default}.nav-item--reading{align-items:flex-start}.nav-item-content{display:flex;flex-direction:column;gap:1px;min-width:0}.nav-item-label{font-size:.875rem}.nav-item-subtitle{font-size:.6875rem;font-weight:400;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.nav-item--active .nav-item-subtitle{color:var(--color-primary)}.nav-divider{height:.5px;background:var(--color-border);margin:8px 4px}.app-nav-footer{margin-top:auto;padding-top:12px;border-top:.5px solid var(--color-border)}.nav-version{margin:0 10px 8px;font-size:.625rem;color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;text-align:center}.nav-theme-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border:none;border-radius:8px;background:none;color:var(--color-text-secondary);font-size:.8125rem;cursor:pointer;transition:background .12s,color .12s}.nav-theme-toggle:hover{background:var(--color-surface-soft);color:var(--color-text)}.nav-palette-container{position:relative}.nav-palette-btn{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border:none;border-radius:8px;background:none;color:var(--color-text-secondary);font-size:.8125rem;cursor:pointer;transition:background .12s,color .12s}.nav-palette-btn:hover{background:var(--color-surface-soft);color:var(--color-text)}.nav-palette-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.nav-palette-menu{position:absolute;bottom:calc(100% + 6px);left:0;right:0;background:var(--color-surface);border:.5px solid var(--color-border);border-radius:10px;box-shadow:var(--shadow-focus);padding:4px;z-index:200}.palette-menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:7px 10px;border:none;border-radius:7px;background:none;color:var(--color-text-secondary);font-size:.8125rem;cursor:pointer;text-align:left;transition:background .12s,color .12s}.palette-menu-item:hover{background:var(--color-surface-soft);color:var(--color-text)}.palette-menu-item--active{color:var(--color-text);font-weight:500}.palette-menu-item--active .palette-menu-check{opacity:1}.palette-menu-check{margin-left:auto;opacity:0;color:var(--color-primary);font-size:.75rem;line-height:1}.palette-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.app-main{flex:1;min-width:0;display:flex;overflow:hidden}.upload-zone-input{display:none}.btn-import{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-input);cursor:pointer;font-size:.8125rem;font-weight:500;transition:background .15s;flex-shrink:0}.btn-import:hover{background:var(--color-primary-hover)}.btn-import--lg{padding:10px 22px;font-size:.875rem}.error-message{margin:0;padding:10px 12px;background:#fef2f2;border:.5px solid #fecaca;border-radius:var(--radius-input);color:#b91c1c;font-size:.8125rem}.library-stage{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;background:var(--color-bg)}.library-stage-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:var(--color-surface);border-bottom:.5px solid var(--color-border);flex-shrink:0}.library-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.backup-menu-wrapper{display:none}.backup-actions-desktop{display:flex;align-items:center;gap:0}.btn-export{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;background:none;border:none;border-radius:var(--radius-input);font-size:.8125rem;color:var(--color-text-muted);cursor:pointer;transition:color .15s,background .15s;flex-shrink:0}.btn-export:hover{color:var(--color-text-secondary);background:var(--color-neutral-btn)}.btn-create-asset{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#f5f3ff;border:1px solid #c4b5fd;border-radius:var(--radius-input);font-size:.8125rem;font-weight:500;color:#6d28d9;cursor:pointer;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;flex-shrink:0}.btn-create-asset:hover{background:#ede9fe;border-color:#a78bfa;color:#5b21b6;box-shadow:0 1px 4px #6d28d933}html[data-theme=dark] .btn-create-asset{background:#2e1065;border-color:#5b21b6;color:#c4b5fd}html[data-theme=dark] .btn-create-asset:hover{background:#3b0764;border-color:#7c3aed;color:#ddd6fe}.lingolib-preview{margin:0 24px 16px;padding:18px 20px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);display:flex;flex-direction:column;gap:14px;flex-shrink:0}.lingolib-preview-header{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.lingolib-preview-title{font-size:.875rem;font-weight:600;color:var(--color-text)}.lingolib-preview-filename{font-size:.75rem;color:var(--color-text-muted);word-break:break-all}.lingolib-preview-stats{display:flex;gap:20px;flex-wrap:wrap}.lingolib-stat{display:flex;flex-direction:column;gap:2px}.lingolib-stat-value{font-size:1.125rem;font-weight:600;color:var(--color-text);font-variant-numeric:tabular-nums}.lingolib-stat-label{font-size:.6875rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.lingolib-preview-meta{margin:0;font-size:.75rem;color:var(--color-text-muted)}.lingolib-preview-actions{display:flex;align-items:center;gap:12px;padding-top:2px;border-top:.5px solid var(--color-border)}.lingolib-preview-note{flex:1;margin:0;font-size:.8125rem;color:var(--color-text-muted);font-style:italic}.lingolib-preview-cancel{padding:7px 14px;background:none;border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:.8125rem;color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;transition:background .12s}.lingolib-preview-cancel:hover{background:var(--color-neutral-btn)}.lingolib-preview-cancel:disabled{opacity:.5;cursor:not-allowed}.lingolib-import-btn{padding:9px 22px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-pill);font-size:.875rem;font-weight:500;cursor:pointer;box-shadow:var(--shadow-btn-primary);transition:background .15s}.lingolib-import-btn:hover:not(:disabled){background:var(--color-primary-hover)}.lingolib-import-btn:disabled{opacity:.6;cursor:not-allowed}.lingolib-success{margin:0 24px 16px;padding:14px 20px;background:var(--color-primary-bg);border:1px solid var(--color-primary-border);border-radius:var(--radius-card);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}.lingolib-success-text{margin:0;font-size:.875rem;font-weight:500;color:var(--color-primary-dark);flex:1;min-width:0;overflow-wrap:break-word}.lingolib-success-dismiss{padding:5px 12px;background:none;border:1px solid var(--color-primary-border);border-radius:var(--radius-pill);font-size:.8125rem;color:var(--color-primary-dark);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .12s}.lingolib-success-dismiss:hover{background:var(--color-primary-border)}.library-create-form{margin:0 24px 16px;padding:20px;background:var(--color-surface);border:1px solid var(--color-primary-border);border-radius:var(--radius-card);display:flex;flex-direction:column;gap:14px;flex-shrink:0}.library-create-form-title{margin:0;font-size:.875rem;font-weight:600;color:var(--color-text)}.library-create-field{display:flex;flex-direction:column;gap:5px}.library-create-label{font-size:.75rem;font-weight:500;color:var(--color-text-secondary)}.library-create-input{padding:9px 12px;border:1px solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface);font-size:.875rem;color:var(--color-text);outline:none;transition:border-color .15s}.library-create-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #16a34a1f}.library-create-actions{display:flex;gap:8px;padding-top:2px}.library-create-submit{padding:9px 20px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-pill);font-size:.875rem;font-weight:500;cursor:pointer;box-shadow:var(--shadow-btn-primary);transition:background .15s}.library-create-submit:hover{background:var(--color-primary-hover)}.library-create-cancel{padding:9px 16px;background:none;border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:.875rem;color:var(--color-text-secondary);cursor:pointer;transition:background .15s}.library-create-cancel:hover{background:var(--color-neutral-btn)}.library-stage-title{margin:0;font-size:1.0625rem;font-weight:600;color:var(--color-text)}.storage-notice{display:flex;align-items:flex-start;gap:12px;padding:11px 20px;background:#fffbeb;border-bottom:.5px solid #fde68a;flex-shrink:0}.storage-notice-text{flex:1;min-width:0;margin:0;font-size:.8125rem;line-height:1.5;color:#92400e}.storage-notice-dismiss{flex-shrink:0;align-self:center;padding:4px 12px;border:.5px solid #fcd34d;border-radius:var(--radius-pill);background:none;font-size:.75rem;font-weight:500;color:#92400e;cursor:pointer;white-space:nowrap;transition:background .12s}.storage-notice-dismiss:hover{background:#fef3c7}html[data-theme=dark] .storage-notice{background:#1c1208;border-bottom-color:#78350f}html[data-theme=dark] .storage-notice-text{color:#fbbf24}html[data-theme=dark] .storage-notice-dismiss{border-color:#78350f;color:#fbbf24}html[data-theme=dark] .storage-notice-dismiss:hover{background:#291a06}.library-stage-errors{padding:12px 24px 0;display:flex;flex-direction:column;gap:8px}.library-footer{flex-shrink:0;padding:6px 24px;font-size:.625rem;text-align:center;color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:20px 24px 32px;overflow-y:auto;align-content:start}.library-empty-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--color-text-muted)}.library-empty-title{margin:0;font-size:1rem;font-weight:500;color:var(--color-text-secondary)}.library-empty-hint{margin:0 0 6px;font-size:.8125rem;color:var(--color-text-muted)}.script-card{background:var(--color-surface);border:.5px solid var(--color-border);border-radius:var(--radius-card);overflow:visible;cursor:pointer;position:relative;display:flex;flex-direction:column;min-width:0;transition:box-shadow .15s,border-color .15s}@media (hover: hover){.script-card:hover{box-shadow:var(--shadow-card);border-color:#c8ccd1}}.script-card-inner{display:flex;flex-direction:column;flex:1}.script-card-poster{height:110px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;border-radius:var(--radius-card) var(--radius-card) 0 0}.script-card-poster-letter{position:absolute;font-size:2.5rem;font-weight:700;color:#fff3;-webkit-user-select:none;user-select:none;letter-spacing:-.02em;line-height:1}.script-card-body{padding:11px 13px 13px;display:flex;flex-direction:column;gap:7px;flex:1}.script-card-title-row{display:flex;align-items:flex-start;gap:6px}.script-card-title{font-size:.8125rem;font-weight:500;color:var(--color-text);line-height:1.35;flex:1;min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;cursor:text}.script-card-title-input{flex:1;min-width:0;padding:2px 6px;border:1px solid var(--color-primary);border-radius:var(--radius-input);background:var(--color-surface);font-size:.8125rem;font-weight:500;color:var(--color-text);outline:none;box-shadow:0 0 0 2px #16a34a26}.script-card-delete{display:none;align-items:center;justify-content:center;padding:3px;background:none;border:none;cursor:pointer;color:var(--color-text-muted);border-radius:4px;flex-shrink:0;transition:background .12s,color .12s}.script-card:hover .script-card-delete{display:flex}.script-card-delete:hover{background:#fee2e2;color:#dc2626}.script-card-menu-anchor{position:absolute;top:8px;right:8px;z-index:21}.script-card-menu-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#00000059;border:none;border-radius:50%;color:#fff;-webkit-tap-highlight-color:transparent;cursor:pointer;opacity:0;transition:opacity .15s,background .12s}@media (hover: hover){.script-card:hover .script-card-menu-btn{opacity:1}.script-card-menu-btn:hover{background:#0000008c}}.script-card-menu-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:160px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);z-index:21;overflow:hidden}.script-card-menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:11px 14px;background:none;border:none;font-size:.8125rem;color:var(--color-text);cursor:pointer;text-align:left;transition:background .1s}.script-card-menu-item:hover{background:var(--color-neutral-btn)}.script-card-menu-item--danger{color:#dc2626}.script-card-menu-item--danger:hover{background:#fee2e2;color:#dc2626}.script-card-meta{font-size:.6875rem;color:var(--color-text-muted)}.script-card-progress{display:flex;flex-direction:column;gap:4px}.script-card-progress-bar{height:3px;background:var(--color-border);border-radius:var(--radius-pill);overflow:hidden}.script-card-progress-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-pill);transition:width .3s}.script-card-progress-label{font-size:.625rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.script-card-badges{display:flex;gap:5px;flex-wrap:wrap}.script-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:var(--radius-pill);font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.script-badge--support{background:var(--color-primary-bg);color:var(--color-primary-dark);border:.5px solid var(--color-primary-border)}.script-badge--study-only{background:var(--color-surface-soft);color:var(--color-text-muted);border:.5px solid var(--color-border)}.script-badge--manual{background:#f5f3ff;border:.5px solid #ddd6fe;color:#6d28d9}html[data-theme=dark] .script-badge--manual{background:#2e1065;border-color:#5b21b6;color:#c4b5fd}.script-card-confirm{padding:9px 13px;background:#fff7ed;border-top:.5px solid #fed7aa;display:flex;align-items:center;gap:8px;border-radius:0 0 var(--radius-card) var(--radius-card)}.script-card-confirm-label{flex:1;font-size:.75rem;color:#c2410c}.script-card-confirm-cancel,.script-card-confirm-ok{padding:3px 10px;border-radius:var(--radius-input);border:.5px solid;cursor:pointer;font-size:.75rem;font-weight:500;transition:background .12s}.script-card-confirm-cancel{background:#fff;border-color:#e5e7eb;color:var(--color-text-secondary)}.script-card-confirm-cancel:hover{background:var(--color-surface-soft)}.script-card-confirm-ok{background:#dc2626;border-color:#dc2626;color:#fff}.script-card-confirm-ok:hover{background:#b91c1c}.workspace{display:flex;flex:1;min-width:0;overflow:hidden}.workspace--reader{flex-direction:row}.workspace--list{flex-direction:column}.workspace-list-header{padding:14px 20px 10px;background:var(--color-surface);border-bottom:.5px solid var(--color-border);flex-shrink:0;display:flex;flex-direction:column;gap:8px}.workspace-list-header-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.workspace-list-scroll{flex:1;min-height:0;overflow-y:auto;padding:12px 16px 48px}.workspace-empty{display:flex;flex:1;align-items:center;justify-content:center}.workspace-empty-text{margin:0;font-size:.875rem;color:var(--color-text-muted);text-align:center}.workspace-middle{width:280px;flex-shrink:0;display:flex;flex-direction:column;background:var(--color-surface);border-right:.5px solid var(--color-border);overflow:hidden}.workspace-middle-header{padding:14px 14px 10px;border-bottom:.5px solid var(--color-border);flex-shrink:0;display:flex;flex-direction:column;gap:8px}.workspace-title{margin:0;font-size:.875rem;font-weight:500;color:var(--color-text);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-meta{display:flex;flex-wrap:wrap;gap:4px}.meta-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--color-neutral-btn);border-radius:var(--radius-pill);font-size:.6875rem;color:var(--color-text-secondary);white-space:nowrap}.meta-badge--warning{background:#fffbeb;color:#92400e}.meta-badge--encoding{background:#f0f9ff;color:#0c4a6e;font-family:monospace;letter-spacing:.02em}.meta-badge--resumed{background:var(--color-primary-bg);color:var(--color-primary-dark)}.meta-badge--support{cursor:pointer;border:.5px dashed var(--color-primary-border);background:var(--color-primary-bg);color:var(--color-primary-dark);transition:background .15s,border-color .15s;max-width:140px;overflow:hidden;text-overflow:ellipsis}.meta-badge--support:hover{border-color:var(--color-primary);background:#dcfce7}.meta-badge--support-loaded{border-style:solid;border-color:var(--color-primary)}.workspace-errors{padding:8px 10px;display:flex;flex-direction:column;gap:6px;border-bottom:.5px solid var(--color-border);flex-shrink:0}.support-import-note{margin:0;padding:6px 10px;background:var(--color-primary-bg);border:.5px solid var(--color-primary-border);border-radius:var(--radius-input);font-size:.8125rem;line-height:1.5;color:var(--color-primary-dark)}.workspace-middle .minimap{width:100%;flex:1;min-height:0;border:none;border-radius:0;background:transparent;box-shadow:none}.workspace-middle-list{flex:1;min-height:0;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px;border-top:.5px solid var(--color-border)}.workspace-reading{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--color-bg);overflow:hidden}.workspace-reading-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;flex-shrink:0}.workspace-line-indicator{display:flex;align-items:center;gap:5px;font-size:.75rem;color:var(--color-text-muted)}.workspace-reading-scroll{flex:1;min-height:0;overflow-y:auto;padding:16px 24px 48px}.reader-setup-banner{margin:0 24px 8px;padding:14px 16px 12px;background:var(--color-primary-bg);border:1px solid var(--color-primary-border);border-radius:var(--radius-card);display:flex;flex-direction:column;gap:8px;flex-shrink:0}.reader-setup-banner-row{display:flex;align-items:center;gap:8px}.reader-setup-banner-title{font-size:.875rem;font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-setup-banner-meta{margin:0;font-size:.8125rem;color:var(--color-text-secondary)}.reader-setup-banner-actions{display:flex;gap:8px;flex-wrap:wrap}.reader-setup-action-primary{display:inline-flex;align-items:center;gap:5px;padding:8px 14px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-pill);font-size:.8125rem;font-weight:500;cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-btn-primary)}.reader-setup-action-secondary{display:inline-flex;align-items:center;gap:5px;padding:8px 14px;background:none;border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:.8125rem;color:var(--color-text-secondary);cursor:pointer;white-space:nowrap}.parse-warnings{margin-bottom:14px;padding:10px 12px;background:#fffbeb;border:.5px solid #fde68a;border-radius:var(--radius-input)}.parse-warnings-heading{margin:0 0 5px;display:flex;align-items:center;gap:5px;font-size:.8125rem;font-weight:500;color:#92400e}.parse-warnings-list{margin:0;padding-left:16px;font-size:.75rem;color:#92400e}.parse-warnings-list li+li{margin-top:2px}.mode-switch{display:flex;gap:2px;padding:3px;background:var(--color-neutral-btn);border-radius:var(--radius-pill);flex-shrink:0}.mode-switch-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border:none;border-radius:var(--radius-pill);background:none;font-size:.75rem;font-weight:400;color:var(--color-text-muted);cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.mode-switch-btn--active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-xs)}.browse-reading{max-width:560px;margin:0 auto}.detail-panel{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden}.detail-panel--empty{display:flex;align-items:center;justify-content:center;min-height:220px;background:transparent;box-shadow:none;border:.5px dashed var(--color-border);border-radius:var(--radius-card)}.detail-panel-empty-text{margin:0;font-size:.875rem;color:var(--color-text-muted);text-align:center}.detail-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:var(--color-surface-soft);border-bottom:.5px solid var(--color-border)}.detail-panel-line-number{display:flex;align-items:center;gap:4px;font-size:.6875rem;color:var(--color-text-muted)}.detail-panel-timing{display:flex;align-items:center;gap:4px;font-size:.6875rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.detail-panel-section{padding:16px 20px;border-bottom:.5px solid var(--color-border)}.detail-panel-section:last-child{border-bottom:none}.detail-section-label{display:flex;align-items:center;gap:5px;margin-bottom:10px;font-size:.625rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.detail-panel-study-text{margin:0;font-family:var(--font-serif);font-size:1.25rem;line-height:1.7;font-weight:500;color:var(--color-text)}.detail-panel-support-text{margin:0;font-family:var(--font-serif);font-size:.9375rem;line-height:1.6;color:var(--color-text-secondary)}.detail-panel-support-missing{margin:0;font-size:.8125rem;color:var(--color-text-muted);font-style:italic}.detail-panel-actions-row{display:flex;gap:8px}.detail-action-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 16px;border:.5px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-neutral-btn);font-size:.75rem;font-weight:400;color:var(--color-text-secondary);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.detail-action-btn:hover:not([aria-disabled=true]):not(.detail-action-btn--active){background:#e8e9eb}.detail-action-btn[aria-disabled=true]{cursor:not-allowed;opacity:.5}.detail-action-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-btn-primary)}.focus-mode{max-width:580px;margin:0 auto;display:flex;flex-direction:column;gap:10px;touch-action:pan-y}.focus-mode-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:200px}.focus-mode-empty-text{margin:0;font-size:.875rem;color:var(--color-text-muted)}.add-first-line-btn{padding:10px 22px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-pill);font-size:.875rem;font-weight:500;cursor:pointer;box-shadow:var(--shadow-btn-primary);transition:background .15s}.add-first-line-btn:hover{background:var(--color-primary-hover)}.add-line-topbar-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;background:var(--color-primary-bg);border:1px solid var(--color-primary-border);border-radius:var(--radius-pill);font-size:.75rem;font-weight:500;color:var(--color-primary-dark);cursor:pointer;transition:background .12s,border-color .12s;white-space:nowrap}.add-line-topbar-btn:hover{background:var(--color-primary-border)}.add-line-form{padding:20px 24px 32px;display:flex;flex-direction:column;gap:16px;max-width:560px;margin:0 auto}.add-line-form-title{margin:0;font-size:.9375rem;font-weight:600;color:var(--color-text)}.add-line-field{display:flex;flex-direction:column;gap:6px}.add-line-label{font-size:.75rem;font-weight:500;color:var(--color-text-secondary)}.add-line-textarea{padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface);font-family:var(--font-serif);font-size:1rem;line-height:1.6;color:var(--color-text);resize:vertical;outline:none;transition:border-color .15s}.add-line-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #16a34a1f}.add-line-actions{display:flex;gap:8px}.add-line-submit{padding:10px 22px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-pill);font-size:.875rem;font-weight:500;cursor:pointer;box-shadow:var(--shadow-btn-primary);transition:background .15s}.add-line-submit:hover{background:var(--color-primary-hover)}.add-line-cancel{padding:10px 16px;background:none;border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:.875rem;color:var(--color-text-secondary);cursor:pointer;transition:background .15s}.add-line-cancel:hover{background:var(--color-neutral-btn)}.focus-preview{padding:4px 6px;opacity:.45;transition:opacity .15s}.focus-preview:hover{opacity:.65}.focus-preview-direction{display:block;font-size:.5625rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:3px}.focus-preview-text{margin:0;font-family:var(--font-serif);font-size:.8125rem;font-style:italic;line-height:1.6;color:var(--color-text-secondary);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.focus-preview--bookmarked .focus-preview-text{color:var(--color-primary-dark)}.focus-current{background:var(--color-surface);border-radius:var(--radius-focus);box-shadow:var(--shadow-focus);overflow:hidden;position:relative}.focus-current:before{content:"";display:block;height:4px;background:var(--color-primary);flex-shrink:0}.focus-current--bookmarked:before{background:linear-gradient(90deg,var(--color-primary) 60%,var(--color-bookmark) 100%)}.focus-current-header{display:flex;align-items:center;justify-content:space-between;padding:10px 24px;border-bottom:.5px solid var(--color-border)}.focus-current-position{display:flex;align-items:center;gap:5px}.focus-current-line-number{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:500;color:var(--color-primary-dark)}.focus-current-line-total{font-size:.625rem;color:var(--color-text-muted)}.focus-current-header-right{display:flex;align-items:center;gap:8px}.focus-current-timing{display:flex;align-items:center;gap:4px;font-size:.6875rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.focus-badge{display:inline-flex;align-items:center;gap:3px;padding:1px 8px;border-radius:var(--radius-pill);font-size:.5625rem;font-weight:500}.focus-badge--saved{background:var(--color-bookmark-bg);border:.5px solid var(--color-bookmark-border);color:var(--color-bookmark-text)}.focus-current-study{padding:28px 24px 24px;border-bottom:.5px solid var(--color-border)}.focus-current-study--editing{background:var(--color-surface-soft)}.focus-edit-study-btn{display:inline-flex;align-items:center;gap:4px;margin-top:8px;padding:4px 10px;border:.5px solid var(--color-border);border-radius:var(--radius-pill);background:none;font-size:.6875rem;color:var(--color-text-muted);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.focus-edit-study-btn:hover{background:var(--color-neutral-btn);color:var(--color-text-secondary);border-color:var(--color-text-muted)}.focus-section-label{display:flex;align-items:center;gap:5px;margin-bottom:10px;font-size:.5625rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.12em}.focus-current-study-text{margin:0;font-family:var(--font-serif);font-size:1.5rem;font-weight:500;line-height:1.7;color:var(--color-text);letter-spacing:-.01em;white-space:pre-wrap}.focus-current-support{padding:18px 24px;background:var(--color-primary-bg);border-bottom:.5px solid rgba(22,163,74,.12)}.focus-current-support .focus-section-label{color:var(--color-primary)}.focus-current-support-text{margin:0;font-family:var(--font-serif);font-size:1rem;line-height:1.65;color:var(--color-primary-dark);white-space:pre-wrap}.focus-current-support-missing{margin:0;font-size:.875rem;color:var(--color-text-muted);font-style:italic}.focus-badge--edited{background:#eff6ff;border:.5px solid #bfdbfe;color:#1d4ed8}html[data-theme=dark] .focus-badge--edited{background:#172554;border-color:#1e40af;color:#93c5fd}.focus-edit-support-btn{display:inline-flex;align-items:center;gap:4px;margin-top:8px;padding:4px 10px;border:.5px solid var(--color-border);border-radius:var(--radius-pill);background:none;font-size:.6875rem;color:var(--color-text-muted);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.focus-edit-support-btn:hover{background:var(--color-neutral-btn);color:var(--color-text-secondary);border-color:var(--color-text-muted)}.focus-current-support--editing{background:var(--color-surface-soft)}.focus-support-edit-area{display:flex;flex-direction:column;gap:8px;margin-top:4px}.focus-support-edit-textarea{width:100%;padding:10px 12px;border:1px solid var(--color-primary-border);border-radius:var(--radius-input);background:var(--color-surface);font-family:var(--font-serif);font-size:.9375rem;line-height:1.6;color:var(--color-text);resize:vertical;box-sizing:border-box;outline:none}.focus-support-edit-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #16a34a1f}.focus-support-edit-actions{display:flex;gap:8px}.focus-support-save-btn{padding:8px 18px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-pill);font-size:.8125rem;font-weight:500;cursor:pointer;box-shadow:var(--shadow-btn-primary)}.focus-support-save-btn:hover{background:var(--color-primary-hover)}.focus-support-cancel-btn{padding:8px 16px;background:none;border:.5px solid var(--color-border);border-radius:var(--radius-pill);font-size:.8125rem;color:var(--color-text-secondary);cursor:pointer}.focus-support-cancel-btn:hover{background:var(--color-neutral-btn)}.focus-current-actions{padding:12px 24px;display:flex;gap:8px}.focus-action-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 16px;border:.5px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-neutral-btn);font-size:.75rem;font-weight:400;color:var(--color-text-secondary);cursor:pointer;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.focus-action-btn:hover:not([aria-disabled=true]):not(.focus-action-btn--active){background:#e8e9eb}.focus-action-btn[aria-disabled=true]{cursor:not-allowed;opacity:.5}.focus-action-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-btn-primary)}.focus-delete-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 16px;border:.5px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-neutral-btn);font-size:.75rem;color:var(--color-text-muted);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.focus-delete-btn:hover{background:#fef2f2;color:#dc2626;border-color:#fecaca}html[data-theme=dark] .focus-delete-btn:hover{background:#450a0a;border-color:#991b1b;color:#fca5a5}.focus-delete-confirm{margin:0 24px 12px;padding:12px 14px;display:flex;flex-direction:column;gap:10px;background:#fef2f2;border:.5px solid #fecaca;border-radius:var(--radius-card)}html[data-theme=dark] .focus-delete-confirm{background:#450a0a;border-color:#991b1b}.focus-delete-confirm-text{font-size:.8125rem;color:var(--color-text-secondary);line-height:1.4}.focus-delete-confirm-actions{display:flex;gap:8px}.focus-delete-confirm-btn{padding:6px 16px;background:#dc2626;color:#fff;border:none;border-radius:var(--radius-pill);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .12s}.focus-delete-confirm-btn:hover{background:#b91c1c}.focus-delete-cancel-btn{padding:6px 16px;background:none;border:.5px solid var(--color-border);border-radius:var(--radius-pill);font-size:.8125rem;color:var(--color-text-secondary);cursor:pointer;transition:background .12s}.focus-delete-cancel-btn:hover{background:var(--color-neutral-btn)}.focus-nav{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:6px}.focus-nav-circle{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);box-shadow:var(--shadow-xs);transition:background .15s,color .15s,box-shadow .15s;flex-shrink:0}.focus-nav-circle:hover:not(:disabled){background:var(--color-surface-soft);box-shadow:var(--shadow-card)}.focus-nav-circle--next{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-btn-primary)}.focus-nav-circle--next:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:0 2px 8px #16a34a66}.focus-nav-circle:disabled{opacity:.3;cursor:not-allowed}.focus-nav-pill{display:inline-flex;align-items:center;padding:9px 20px;border:none;border-radius:var(--radius-pill);font-size:.8125rem;font-weight:400;background:var(--color-neutral-btn);color:var(--color-text-secondary);cursor:pointer;transition:background .15s,color .15s}.focus-nav-pill:hover:not(:disabled){background:#e8e9eb;color:var(--color-text)}.focus-nav-pill--next{background:var(--color-primary-bg);color:var(--color-primary-dark)}.focus-nav-pill--next:hover:not(:disabled){background:#dcfce7}.focus-nav-pill:disabled{opacity:.4;cursor:not-allowed}.focus-nav-divider{width:1px;height:22px;background:var(--color-border);flex-shrink:0}.minimap{width:240px;flex-shrink:0;position:sticky;top:0;max-height:calc(100vh - 80px);display:flex;flex-direction:column;background:var(--color-surface);border:.5px solid var(--color-border);border-radius:var(--radius-card)}.minimap-filter{display:flex;gap:2px;padding:3px;margin:8px;background:var(--color-neutral-btn);border-radius:var(--radius-pill);flex-shrink:0}.minimap-filter-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px 0;font-size:.5625rem;font-family:inherit;font-weight:400;border:none;border-radius:var(--radius-pill);background:none;color:var(--color-text-muted);cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.minimap-filter-btn:hover:not(.minimap-filter-btn--active){color:var(--color-text-secondary)}.minimap-filter-btn--active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-xs)}.minimap-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;min-height:0;scrollbar-width:none;border-top:.5px solid var(--color-border)}.minimap-list::-webkit-scrollbar{display:none}.minimap-empty{padding:20px 10px;text-align:center;font-size:.5625rem;color:var(--color-text-muted);line-height:1.6}.minimap-item{display:flex;gap:6px;align-items:baseline;padding:7px 10px;border-bottom:.5px solid var(--color-border);border-left:3px solid transparent;flex-shrink:0}.minimap-item:last-child{border-bottom:none}.minimap-item--active{background:var(--color-primary-bg);border-left-color:var(--color-primary)}.minimap-item--bookmarked:not(.minimap-item--active){background:var(--color-bookmark-bg);border-left-color:var(--color-bookmark-border)}.minimap-item--visited:not(.minimap-item--active):not(.minimap-item--bookmarked){background:var(--color-visited-bg);border-left-color:var(--color-visited-border)}.minimap-item--visited:not(.minimap-item--active):not(.minimap-item--bookmarked),.minimap-item--bookmarked:not(.minimap-item--active){cursor:pointer}.minimap-item--visited:not(.minimap-item--active):not(.minimap-item--bookmarked):hover{background:#dcfce7}.minimap-item--bookmarked:hover:not(.minimap-item--active){background:#fef3c7}.minimap-line-number{flex-shrink:0;font-size:.5625rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums;line-height:1.4}.minimap-item--active .minimap-line-number{color:var(--color-primary)}.minimap-line-text{flex:1;font-size:.625rem;line-height:1.45;color:var(--color-text-secondary);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.minimap-item--active .minimap-line-text{color:var(--color-primary-dark);font-weight:500}.minimap-bookmark-icon{flex-shrink:0;display:flex;align-items:flex-start;padding-top:1px;color:var(--color-bookmark);opacity:.85}.line-list{display:flex;flex-direction:column;gap:4px}.line-list--virtual{position:relative;display:block}.line-card{background:var(--color-surface);border:.5px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-xs)}.line-card:not(.line-card--active):not(.line-card--bookmarked):hover{border-color:#c8ccd1}.line-card--active{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-bg)}.line-card--bookmarked:not(.line-card--active){border-color:var(--color-bookmark-border);box-shadow:inset 3px 0 0 var(--color-bookmark)}.line-card--bookmarked:not(.line-card--active) .line-card-header{background:var(--color-bookmark-bg)}.line-card--visited:not(.line-card--active):not(.line-card--bookmarked){border-color:var(--color-visited-border)}.line-card--visited:not(.line-card--active):not(.line-card--bookmarked) .line-card-header{background:var(--color-visited-bg)}.line-card-header{display:flex;align-items:baseline;gap:10px;width:100%;padding:12px 14px;background:none;border:none;cursor:pointer;text-align:left;font-size:.875rem;color:inherit}.line-card--active .line-card-header{background:var(--color-primary-bg)}.line-number{flex-shrink:0;min-width:1.75rem;font-size:.6875rem;color:var(--color-text-muted);text-align:right;font-variant-numeric:tabular-nums}.line-card--active .line-number{color:var(--color-primary)}.line-study-text{flex:1;line-height:1.55;color:var(--color-text);white-space:pre-wrap}.line-timing{flex-shrink:0;font-size:.6875rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.line-expand-chevron{flex-shrink:0;display:inline-block;font-size:.875rem;color:var(--color-text-muted);line-height:1;transition:transform .15s}.line-expand-chevron--open{transform:rotate(90deg)}.line-status-cluster{flex-shrink:0;display:flex;gap:3px;align-items:center}.line-bookmark-indicator{display:flex;align-items:center;color:var(--color-bookmark)}.line-edited-indicator{display:flex;align-items:center;color:#3b82f6}html[data-theme=dark] .line-edited-indicator{color:#60a5fa}.line-card-body{border-top:.5px solid var(--color-border)}.line-card-support{padding:12px 14px;border-bottom:.5px solid var(--color-border)}.line-card-support-label{display:flex;align-items:center;gap:4px;margin-bottom:4px;font-size:.625rem;font-weight:500;color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em}.line-card-edited-badge{display:inline-flex;align-items:center;padding:1px 6px;border-radius:var(--radius-pill);font-size:.5625rem;font-weight:500;background:#eff6ff;border:.5px solid #bfdbfe;color:#1d4ed8;text-transform:none;letter-spacing:0}html[data-theme=dark] .line-card-edited-badge{background:#172554;border-color:#1e40af;color:#93c5fd}.line-card-support-text{margin:0;font-family:var(--font-serif);font-size:.875rem;line-height:1.55;color:var(--color-text-secondary);white-space:pre-wrap}.line-card-support-missing{margin:0;font-size:.8125rem;color:var(--color-text-muted);font-style:italic}.line-card-actions{padding:8px 14px;display:flex;gap:6px}.line-card-action-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:.5px solid var(--color-border);border-radius:var(--radius-pill);background:none;font-size:.625rem;color:var(--color-text-secondary);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.line-card-action-btn:hover{background:var(--color-neutral-btn);color:var(--color-text)}.line-card-action-btn[aria-disabled=true]{cursor:not-allowed;opacity:.5;pointer-events:none}.line-card-action-btn--active{border-color:var(--color-bookmark-border);background:var(--color-bookmark-bg);color:var(--color-bookmark-text)}.line-card-action-btn--active:hover{background:#fef3c7;border-color:var(--color-bookmark)}.mobile-theme-toggle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:50%;background:none;color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}.mobile-theme-toggle:hover{background:var(--color-surface-soft);color:var(--color-text)}.mobile-palette-container{position:relative;flex-shrink:0}.mobile-palette-btn{width:28px;height:28px;border-radius:50%;border:2px solid transparent;outline:2px solid var(--color-border);outline-offset:1px;cursor:pointer;padding:0;flex-shrink:0;transition:outline-color .15s}.mobile-palette-btn:hover{outline-color:var(--color-text-muted)}.mobile-palette-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:140px;background:var(--color-surface);border:.5px solid var(--color-border);border-radius:10px;box-shadow:var(--shadow-focus);padding:4px;z-index:200}html[data-theme=dark] .error-message{background:#2d0a0a;border-color:#7f1d1d;color:#fca5a5}html[data-theme=dark] .parse-warnings{background:#1c1000;border-color:#78350f}html[data-theme=dark] .parse-warnings-heading,html[data-theme=dark] .parse-warnings-list{color:#fcd34d}html[data-theme=dark] .meta-badge--warning{background:#1c1000;color:#fcd34d}html[data-theme=dark] .meta-badge--encoding{background:#0a1929;color:#7dd3fc}html[data-theme=dark] .meta-badge--support:hover{background:var(--color-primary-bg)}@media (hover: hover){html[data-theme=dark] .script-card:hover{border-color:#3d4149}}html[data-theme=dark] .script-card-delete:hover{background:#2d0a0a;color:#f87171}html[data-theme=dark] .script-card-confirm{background:#1c1000;border-top-color:#78350f}html[data-theme=dark] .script-card-confirm-label{color:#fb923c}html[data-theme=dark] .script-card-confirm-cancel{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-secondary)}html[data-theme=dark] .detail-action-btn:hover:not([aria-disabled=true]):not(.detail-action-btn--active),html[data-theme=dark] .focus-action-btn:hover:not([aria-disabled=true]):not(.focus-action-btn--active){background:var(--color-surface-soft)}html[data-theme=dark] .mobile-header-library-btn:hover{background:var(--color-surface-soft)}html[data-theme=dark] .line-card:not(.line-card--active):not(.line-card--bookmarked):hover{border-color:#3d4149}html[data-theme=dark] .minimap-item--visited:not(.minimap-item--active):not(.minimap-item--bookmarked):hover{background:var(--color-visited-bg)}html[data-theme=dark] .minimap-item--bookmarked:hover:not(.minimap-item--active){background:#271900}html[data-theme=dark] .mobile-add-support-btn--loaded{background:var(--color-primary-bg);border-color:var(--color-primary-border);color:var(--color-primary-dark)}html[data-theme=dark] .script-card-confirm{background:#1c1000f7}.list-filter{display:none}.list-filter-chip{padding:5px 14px;border:.5px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-secondary);font-size:.8125rem;font-weight:400;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.list-filter-chip:hover{background:var(--color-surface-soft)}.list-filter-chip--active{background:var(--color-primary-bg);border-color:var(--color-primary-border);color:var(--color-primary-dark);font-weight:500}.workspace--mobile-section{display:flex;flex-direction:column;height:100%;overflow:hidden}.mobile-section-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:40px 32px;text-align:center;gap:8px}.mobile-section-empty-title{margin:0;font-size:1rem;font-weight:500;color:var(--color-text)}.mobile-section-empty-hint{margin:0;font-size:.875rem;color:var(--color-text-muted);line-height:1.5;max-width:260px}.mobile-header,.mobile-bottom-nav,.mobile-reader-progress{display:none}.mobile-header-logo{width:26px;height:26px;border-radius:7px;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-header-title{flex:1;min-width:0;font-size:.9375rem;font-weight:500;color:var(--color-text);letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-header-library-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border:.5px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-neutral-btn);color:var(--color-text-secondary);font-size:.8125rem;font-weight:400;cursor:pointer;flex-shrink:0;transition:background .15s}.mobile-header-library-btn:hover{background:#e8e9eb}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px;min-height:56px;border:none;background:none;color:var(--color-text-muted);font-size:.625rem;font-weight:500;letter-spacing:.02em;cursor:pointer;transition:color .15s}.mobile-nav-item:not(:disabled):hover{color:var(--color-text-secondary)}.mobile-nav-item--active{color:var(--color-primary)}.mobile-nav-item:disabled{opacity:.35;cursor:not-allowed}.mobile-add-support-btn{display:none}.mobile-add-support-btn--loaded{color:var(--color-primary-dark);border-color:var(--color-primary-border);background:var(--color-primary-bg)}.mobile-reader-progress-track{flex:1;height:3px;background:var(--color-border);border-radius:2px;overflow:hidden}.mobile-reader-progress-fill{height:100%;background:var(--color-primary);border-radius:2px;transition:width .25s ease;min-width:2px}.mobile-reader-progress-label{font-size:.6875rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}@media (max-width: 768px){html{overflow-x:hidden}.app{flex-direction:column;height:100dvh;overflow:hidden}.app-nav{display:none}.mobile-header{display:flex;align-items:center;gap:10px;height:52px;padding:0 16px;background:var(--color-surface);border-bottom:.5px solid var(--color-border);flex-shrink:0}.app-main{flex:1;min-height:0;overflow:hidden;width:100%}.mobile-bottom-nav{display:flex;align-items:stretch;background:var(--color-surface);border-top:.5px solid var(--color-border);flex-shrink:0;padding-bottom:env(safe-area-inset-bottom)}.library-stage{overflow-y:auto}.library-stage-header{padding:14px 16px;position:sticky;top:0;background:var(--color-surface);z-index:30}.backup-menu-wrapper{display:block;position:relative;z-index:102}.backup-actions-desktop{display:none}.backup-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:transparent}.btn-backup-menu{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;border-radius:var(--radius-input);color:var(--color-text-secondary);cursor:pointer;transition:background .12s;position:relative;z-index:102}.btn-backup-menu:hover{background:var(--color-neutral-btn)}.backup-menu-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:180px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);z-index:102;overflow:hidden}.backup-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:none;border:none;font-size:.875rem;color:var(--color-text);cursor:pointer;text-align:left;transition:background .1s}.backup-menu-item:hover{background:var(--color-neutral-btn)}.backup-menu-item+.backup-menu-item{border-top:.5px solid var(--color-border)}.script-card-menu-btn{opacity:1;transition:background .12s}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 12px 24px;gap:10px;overflow-y:visible}.script-card-poster{height:80px}.script-card-poster-letter{font-size:2rem}.script-card-body{padding:9px 10px 10px;gap:5px}.script-card-meta{font-size:.6875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-empty-stage{padding:40px 20px;min-height:60vh}.script-card-delete{display:flex;opacity:.55}.script-card-confirm{position:absolute;top:0;right:0;bottom:0;left:0;flex-direction:column;justify-content:center;align-items:stretch;padding:18px 16px;gap:10px;border-top:none;border-radius:calc(var(--radius-card) - .5px);background:#fff7edf7}.script-card-confirm-label{text-align:center;font-size:.875rem;font-weight:500}.script-card-confirm-cancel,.script-card-confirm-ok{padding:11px 10px;font-size:.875rem;border-radius:var(--radius-input);text-align:center;min-height:44px}.workspace--reader{flex-direction:column}.workspace-middle{display:none}.workspace-reading{flex:1;width:100%;min-width:0}.mobile-add-support-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 11px;border:.5px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-neutral-btn);color:var(--color-text-secondary);font-size:.75rem;font-weight:400;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.mobile-reader-progress{display:flex;align-items:center;gap:10px;padding:8px 16px 4px;flex-shrink:0}.workspace-reading-topbar{padding:6px 14px 4px}.mode-switch{display:none}.reader-setup-banner{margin:0 12px 8px}.workspace-reading-scroll{padding:4px 12px 16px}.workspace-list-header{padding:12px 14px 8px}.workspace-list-scroll{padding:8px 10px 24px}.list-filter{display:flex;gap:6px;padding-top:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.list-filter::-webkit-scrollbar{display:none}.workspace--mobile-section .workspace-list-scroll{padding:8px 10px 24px}.focus-mode{max-width:100%;padding:0 2px 12px;gap:6px}.focus-preview{padding:4px 10px;opacity:.5}.focus-preview-text{font-size:.9375rem;-webkit-line-clamp:1}.focus-current{border-radius:22px;margin:0 2px}.focus-current-header{padding:12px 18px}.focus-current-study{padding:20px 18px 18px;border-bottom-color:var(--color-border)}.focus-current-study-text{font-size:clamp(22px,5.8vw,30px);line-height:1.45;letter-spacing:-.015em}.focus-current-support{padding:14px 18px}.focus-current-support-text{font-size:clamp(16px,4vw,22px);line-height:1.55}.focus-current-actions{padding:10px 18px;gap:6px}.focus-action-btn{min-height:40px;padding:8px 18px;font-size:.8125rem}.focus-nav{margin-top:4px;justify-content:space-between;padding:0 4px}.focus-nav-pill,.focus-nav-divider{display:none}.focus-nav-circle{width:52px;height:52px}}.error-boundary-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:var(--color-bg)}.error-boundary-card{max-width:400px;width:100%;padding:36px 28px;background:var(--color-surface);border:.5px solid var(--color-border);border-radius:var(--radius-card);text-align:center}.error-boundary-title{margin:0 0 12px;font-size:1.25rem;font-weight:600;color:var(--color-text)}.error-boundary-message{margin:0 0 24px;font-size:.9375rem;color:var(--color-text-secondary);line-height:1.6}.error-boundary-reload{padding:10px 28px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-pill);font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .12s}.error-boundary-reload:hover{background:var(--color-primary-hover)}