:root{--color-brand:#3a8c5c;--color-brand-dark:#2d7a52;--color-brand-muted:#f0f9f4;--color-brand-subtle:#e6f4ec;--color-brand-accent:#b6d9c7;--color-success:#3a8c5c;--color-success-bg:#e6f4ec;--color-warning:#e67e00;--color-warning-dark:#b06000;--color-warning-text:#9a6c10;--color-warning-bg:#fef6e4;--color-danger:#e53935;--color-danger-dark:#b71c1c;--color-danger-bg:#fdecea;--color-danger-muted:#f5b8b0;--color-danger-accent:#c0392b;--color-info:#2a6ab5;--color-info-bg:#e8f0fb;--color-skill-easy:var(--color-danger);--color-skill-easy-bg:var(--color-danger-bg);--color-skill-moderate:var(--color-warning);--color-skill-moderate-text:var(--color-warning-text);--color-skill-moderate-bg:var(--color-warning-bg);--color-skill-hard:var(--color-brand);--color-skill-hard-bg:var(--color-brand-subtle);--color-mastery:#f59e0b;--color-star:#e3c200;--color-star-bg:#fffae6;--color-learn-today-bg:#d1fae5;--color-header-bg:#dddbd6;--color-bg:#f9f9f8;--color-surface:#fff;--color-surface-sunken:#f1f0eb;--color-surface-hover:#f5f5f0;--color-overlay:#0006;--color-text-primary:#1a1a18;--color-text-secondary:#555;--color-text-muted:#888;--color-text-faint:#aaa;--color-text-inverse:#fff;--color-border:#ddd;--color-border-strong:#ccc;--color-border-subtle:#e8e8e8;--font-sans:system-ui, -apple-system, sans-serif;--font-size-2xs:9px;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:13px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:17px;--font-size-2xl:20px;--font-size-3xl:26px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--radius-full:99px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001f;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease}[data-theme=dark]{--color-brand:#52c27e;--color-brand-dark:#72d898;--color-brand-muted:#0d2219;--color-brand-subtle:#132b1e;--color-brand-accent:#1e4832;--color-success:#52c27e;--color-success-bg:#132b1e;--color-warning:#f0a030;--color-warning-dark:#e08820;--color-warning-text:#d4902a;--color-warning-bg:#281c06;--color-danger:#f07070;--color-danger-dark:#d95555;--color-danger-bg:#28100e;--color-danger-muted:#4a2020;--color-danger-accent:#e05252;--color-info:#6aaae0;--color-info-bg:#0c1c2e;--color-mastery:#f0a030;--color-star:#e3c200;--color-star-bg:#e3c2001f;--color-learn-today-bg:#10b9812e;--color-bg:#1a1a17;--color-surface:#28281f;--color-surface-sunken:#131311;--color-surface-hover:#32322a;--color-overlay:#000000a6;--color-text-primary:#eeeee8;--color-text-secondary:#a8a89e;--color-text-muted:#787870;--color-text-faint:#484840;--color-text-inverse:#1a1a17;--color-border:#363630;--color-border-strong:#484840;--color-border-subtle:#262620;--shadow-sm:0 1px 3px #00000059;--shadow-md:0 4px 16px #00000073;--shadow-lg:0 8px 32px #0000008c;--color-header-bg:#111110}[data-theme=dark] .pill{border:.5px solid var(--color-border)}[data-theme=dark] .tabs{border:.5px solid var(--color-border-subtle)}[data-theme=dark] .face{border-color:var(--color-border)}[data-theme=dark] .user-panel,[data-theme=dark] .profile-modal-inner{border-color:var(--color-border-strong);box-shadow:var(--shadow-lg)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{overscroll-behavior:none;overflow-x:hidden}body{background:var(--color-header-bg);color:var(--color-text-primary);min-height:100vh;padding-top:calc(.5rem + env(safe-area-inset-top));padding-bottom:0;padding-left:max(.5rem, env(safe-area-inset-left));padding-right:max(.5rem, env(safe-area-inset-right));overscroll-behavior-x:none;font-family:system-ui,-apple-system,sans-serif;overflow-x:clip}.scene{width:100%;max-width:480px;margin:0 auto}.hdr{justify-content:space-between;align-items:center;height:48px;margin-bottom:0;padding:0 .25rem;display:flex}.content-sheet{background:var(--color-bg);padding:1.25rem 1rem calc(2rem + env(safe-area-inset-bottom));min-height:calc(100vh - env(safe-area-inset-top) - 64px);border-radius:20px 20px 0 0;box-shadow:0 -1px #0000000f}.hamburger-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:center;gap:5px;width:40px;height:40px;padding:6px;display:flex}.hamburger-btn span{background:var(--color-text-primary);width:22px;height:1.5px;transition:background var(--transition-fast);border-radius:2px;display:block}.hamburger-btn:hover span{background:var(--color-brand)}.drawer-overlay{z-index:200;background:var(--color-overlay);opacity:0;pointer-events:none;transition:opacity var(--transition-normal);position:fixed;inset:0}.drawer-overlay-open{opacity:1;pointer-events:all}.drawer{z-index:201;background:var(--color-surface);border-right:.5px solid var(--color-border);width:280px;max-width:85vw;box-shadow:var(--shadow-lg);transition:transform var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.drawer-open{transform:translate(0)}.drawer-header{border-bottom:.5px solid var(--color-border-subtle);align-items:center;gap:10px;padding:16px 16px 12px;display:flex}.drawer-back{cursor:pointer;color:var(--color-text-primary);background:0 0;border:none;margin-top:-2px;padding:0 2px;font-size:26px;line-height:1}.drawer-title{color:var(--color-text-primary);font-size:20px;font-weight:700}.drawer-avatar{justify-content:center;align-items:center;margin-left:auto;font-size:14px;font-weight:600;display:flex}.drawer-body{flex:1;padding:8px 0;overflow-y:auto}.drawer-section{margin-bottom:4px}.drawer-section-heading{font-size:var(--font-size-xs);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.08em;padding:10px 20px 4px;font-weight:600}.drawer-link{text-align:left;cursor:pointer;width:100%;font-size:var(--font-size-md);color:var(--color-text-primary);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:0;padding:10px 20px;display:block}.drawer-link:hover{background:var(--color-surface-hover);color:var(--color-brand)}.drawer-link.soon{color:var(--color-text-faint)}.drawer-link.soon:after{content:" · soon";font-size:var(--font-size-2xs);letter-spacing:.04em;text-transform:uppercase}.drawer-footer{font-size:var(--font-size-xs);color:var(--color-text-faint);border-top:.5px solid var(--color-border-subtle);padding:12px 20px}.main-screen{flex-direction:column;gap:12px;width:100%;display:flex}.main-card-wrap{position:relative}.main-card-preview{opacity:.7}.main-preview-label{text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.main-empty-card{border-radius:var(--radius-lg);border:.5px dashed var(--color-border);flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:160px;display:flex}.main-empty-icon{font-size:32px}.main-empty-text{font-size:var(--font-size-sm);color:var(--color-text-muted)}.main-card-nav{justify-content:space-between;align-items:center;padding:4px 2px;display:flex}.main-verse-details{cursor:pointer;border:1.5px solid var(--color-brand-accent);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-brand);transition:background var(--transition-fast), border-color var(--transition-fast);background:0 0;padding:6px 14px;font-weight:600}.main-verse-details:hover{background:var(--color-brand-muted);border-color:var(--color-brand)}.main-nav-controls{align-items:center;gap:6px;display:flex}.main-nav-arrow{border:.5px solid var(--color-border);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;justify-content:center;align-items:center;font-size:18px;display:flex}.main-nav-arrow:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-brand)}.main-nav-arrow:disabled{opacity:.3;cursor:default}.main-nav-pos{font-size:var(--font-size-sm);color:var(--color-text-muted)}.main-actions{flex-direction:column;gap:8px;margin-top:4px;display:flex}.main-btn-exercises{font-size:var(--font-size-md)!important;border-radius:var(--radius-xl)!important}.main-btn-learn{border-radius:var(--radius-xl);border:1.5px solid var(--color-brand);width:100%;color:var(--color-brand);font-size:var(--font-size-md);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;padding:13px 16px;font-weight:600}.main-btn-learn:hover:not(:disabled){background:var(--color-brand-muted)}.main-btn-learn:disabled{opacity:.4;cursor:default;border-color:var(--color-border);color:var(--color-text-muted)}.main-bottom-row{justify-content:space-between;align-items:center;margin-top:8px;padding:0 2px;display:flex}.main-streak{align-items:center;gap:6px;display:flex}.main-streak-icon{font-size:18px}.main-streak-text{font-size:var(--font-size-sm);color:var(--color-text-muted)}.main-streak-text strong{color:var(--color-text-primary);font-weight:600}.main-fab{background:var(--color-surface-sunken);border:.5px solid var(--color-border);width:44px;height:44px;color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;font-size:24px;line-height:1;display:flex}.main-fab:hover{background:var(--color-brand);color:var(--color-text-inverse);border-color:var(--color-brand)}.ttl{align-items:baseline;gap:0;line-height:1;display:flex}.ttl-memory{letter-spacing:-.04em;color:var(--color-text-primary);font-size:22px;font-weight:700}.ttl-dot-bible{letter-spacing:0;color:var(--color-brand);font-size:14px;font-weight:400}select{border:.5px solid var(--color-border-strong);background:var(--color-surface-sunken);color:var(--color-text-secondary);cursor:pointer;border-radius:8px;padding:4px 8px;font-size:12px}.prog-row{align-items:center;gap:10px;margin-bottom:1rem;display:flex}.prog-bar{background:var(--color-border);border-radius:2px;flex:1;height:4px;overflow:hidden}.prog-fill{background:var(--color-brand);border-radius:2px;height:100%;transition:width .4s}.prog-txt{color:var(--color-text-muted);white-space:nowrap;font-size:12px}.tabs{background:var(--color-surface-sunken);border-radius:8px;gap:3px;margin-bottom:1.1rem;padding:3px;display:flex}.tab{text-align:center;cursor:pointer;color:var(--color-text-muted);-webkit-user-select:none;user-select:none;border-radius:6px;flex:1;padding:6px;font-size:12px;transition:background .15s}.tab.on{background:var(--color-surface);color:var(--color-text-primary);border:.5px solid var(--color-border);font-weight:500}.wrap{perspective:1200px;cursor:pointer;width:100%;min-height:200px;margin-bottom:1rem;position:relative}.card-star{z-index:2;color:var(--color-star);pointer-events:none;display:flex;position:absolute;top:14px;right:16px}.card{width:100%;height:100%;min-height:200px;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.45,0,.55,1);position:relative}.card.flip{transform:rotateY(180deg)}.face{backface-visibility:hidden;border:.5px solid var(--color-border);background:var(--color-surface);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:200px;padding:1.25rem;display:flex;position:absolute}.back{transform:rotateY(180deg)}.lbl{color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:11px}.ref{text-align:center;font-size:26px;font-weight:500}.hint{color:var(--color-text-faint);margin-top:16px;font-size:12px}.badge{background:var(--color-info-bg);color:var(--color-info);border-radius:99px;margin-bottom:12px;padding:3px 9px;font-size:11px;font-weight:500}.vtxt{text-align:center;font-size:13px;line-height:1.75}.vtxt.loading{color:var(--color-text-faint);font-size:13px;font-style:italic}.vref{color:var(--color-text-faint);margin-top:10px;font-size:12px}.bracket-reminder{background:var(--color-warning-bg);border:.5px solid var(--color-warning-bg);border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:.75rem;padding:8px 12px;font-size:12px;display:flex}.bracket-reminder-link{color:var(--color-brand);cursor:pointer;flex:1;text-decoration:underline}.bracket-reminder-close{color:var(--color-text-faint);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px}.queue-complete{text-align:center;padding:2.5rem 1rem}.qc-icon{color:var(--color-brand);margin-bottom:.5rem;font-size:36px}.qc-title{margin-bottom:.4rem;font-size:17px;font-weight:600}.qc-sub{color:var(--color-text-muted);margin-bottom:1.25rem;font-size:13px}.qc-stats{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:1.5rem;display:flex}.qc-pill{border-radius:20px;padding:4px 10px;font-size:11px}.qc-unseen{background:var(--color-surface-sunken);color:var(--color-text-muted)}.qc-learning{background:var(--color-warning-bg);color:var(--color-warning-text)}.qc-mastered{background:var(--color-brand-subtle);color:var(--color-brand)}.qc-actions{flex-direction:column;align-items:center;gap:8px;margin-top:.5rem;display:flex}.qc-browse{width:100%;max-width:240px}.qc-again{width:100%;max-width:240px;color:var(--color-text-muted);font-size:12px}.revise-panel{flex-direction:column;gap:0;width:100%;display:flex}.revise-progress-row{justify-content:space-between;align-items:center;padding:0 2px 10px;display:flex}.revise-queue-pos{color:var(--color-text-muted);font-size:13px}.revise-skill-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.revise-skill-easy{background:var(--color-skill-easy-bg);color:var(--color-skill-easy)}.revise-skill-moderate{background:var(--color-skill-moderate-bg);color:var(--color-skill-moderate-text)}.revise-skill-hard{background:var(--color-skill-hard-bg);color:var(--color-skill-hard)}.revise-empty,.revise-done{text-align:center;padding:2.5rem 1rem}.revise-empty-icon,.revise-done-icon{margin-bottom:.5rem;font-size:36px}.revise-empty-title,.revise-done-title{margin-bottom:.4rem;font-size:17px;font-weight:600}.revise-empty-sub,.revise-done-sub{color:var(--color-text-muted);margin-bottom:1.25rem;font-size:13px;line-height:1.5}.revise-done-actions{flex-direction:column;align-items:center;gap:10px;display:flex}.remove-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:.5rem 0 0;display:flex}.remove-verse-btn{color:var(--color-border-strong);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:11px}.remove-verse-btn:hover{color:var(--color-danger-dark)}.remove-confirm-label{color:var(--color-text-muted);font-size:11px}.remove-confirm-yes{border:.5px solid var(--color-danger-accent);color:var(--color-danger-dark);cursor:pointer;background:0 0;border-radius:6px;padding:3px 10px;font-size:11px}.remove-confirm-yes:hover{background:var(--color-danger-muted)}.remove-confirm-no{border:.5px solid var(--color-border);color:var(--color-text-faint);cursor:pointer;background:0 0;border-radius:6px;padding:3px 10px;font-size:11px}.remove-confirm-no:hover{background:var(--color-surface-hover)}.deck-manage-row{text-align:center;margin-top:6px}.deck-manage-btn{border:1.5px solid var(--color-brand-accent);color:var(--color-brand);cursor:pointer;background:0 0;border-radius:12px;width:100%;padding:12px;font-size:15px;font-weight:600;transition:background .15s}.deck-manage-btn:hover{background:var(--color-brand-muted)}.deck-tabs{border-bottom:1px solid var(--color-border-subtle);display:flex}.deck-tab{color:var(--color-text-faint);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px;font-size:13px;font-weight:500;transition:color .15s,border-color .15s}.deck-tab.active{color:var(--color-text-primary);border-bottom-color:var(--color-brand)}.deck-list{max-height:60vh;padding:8px 0;overflow-y:auto}.deck-empty{text-align:center;color:var(--color-text-faint);padding:2rem;font-size:13px}.deck-row{border-bottom:.5px solid var(--color-surface-sunken);cursor:grab;align-items:center;gap:8px;padding:8px 12px;transition:background .1s;display:flex}.deck-row:hover{background:var(--color-bg)}.deck-row-dragging{background:var(--color-brand-muted);opacity:.8}.deck-drag{color:var(--color-border-strong);cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:16px}.deck-info{flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.deck-ref{font-size:13px;font-weight:500}.deck-badge{border-radius:20px;padding:2px 7px;font-size:10px;font-weight:500}.deck-badge-unseen{background:var(--color-surface-sunken);color:var(--color-text-muted)}.deck-badge-learning{background:var(--color-warning-bg);color:var(--color-warning-text)}.deck-badge-mastered{background:var(--color-brand-subtle);color:var(--color-brand)}.deck-badge-upnext{background:var(--color-info-bg);color:var(--color-info)}.deck-badge-today{background:var(--color-brand-subtle);color:var(--color-brand-dark);font-weight:600}.deck-stats,.deck-row-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.deck-learn-btn{border:1px solid var(--color-brand-accent);color:var(--color-brand);cursor:pointer;background:0 0;border-radius:5px;padding:3px 7px;font-size:10px;font-weight:600;transition:background .15s}.deck-learn-btn:hover{background:var(--color-brand-subtle)}.deck-remove-btn{color:var(--color-border-strong);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 4px;font-size:14px;transition:color .15s}.deck-remove-btn:hover{color:var(--color-danger-dark)}.deck-confirm{flex-shrink:0;align-items:center;gap:6px;display:flex}.deck-confirm-label{color:var(--color-text-muted);font-size:11px}.deck-confirm-yes{border:.5px solid var(--color-danger-accent);color:var(--color-danger-dark);cursor:pointer;background:0 0;border-radius:5px;padding:2px 8px;font-size:11px}.deck-confirm-yes:hover{background:var(--color-danger-muted)}.deck-confirm-no{border:.5px solid var(--color-border);color:var(--color-text-faint);cursor:pointer;background:0 0;border-radius:5px;padding:2px 8px;font-size:11px}.deck-mirror-section{padding:0 0 16px}.deck-mirror-hdr{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.deck-mirror-title{font-size:13px;font-weight:500}.deck-mirror-chevron{color:var(--color-text-faint);font-size:10px}.deck-mirror-body{flex-direction:column;gap:10px;padding:0 16px 4px;display:flex}.deck-mirror-note{color:var(--color-text-faint);font-size:11px;line-height:1.5}.deck-mirror-row{cursor:pointer;align-items:center;gap:10px;display:flex}.deck-mirror-row input{cursor:pointer}.deck-mirror-avatar{width:24px;height:24px;color:var(--color-text-inverse);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.deck-mirror-name{flex:1;font-size:13px}.deck-mirror-bracket{color:var(--color-text-faint);text-transform:capitalize;font-size:11px}.deck-mirror-btn{margin-top:4px}.deck-mirror-done{color:var(--color-brand);padding:6px 0;font-size:13px;font-weight:500}.deck-add-tab{flex-direction:column;display:flex}.deck-add-tabs{gap:6px;padding:12px 12px 0;display:flex}.deck-add-tab-btn{border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:8px;flex:1;padding:7px 10px;font-size:12px;font-weight:500;transition:background .15s,color .15s,border-color .15s}.deck-add-tab-btn.active{background:var(--color-brand-muted);border-color:var(--color-brand-accent);color:var(--color-brand-dark)}.deck-add-badge{background:var(--color-warning-bg);color:var(--color-warning-text);border-radius:8px;margin-left:4px;padding:1px 5px;font-size:10px}.deck-search-section{flex-direction:column;gap:8px;padding:12px;display:flex}.deck-search-form{gap:6px;display:flex}.deck-search-input{border:1px solid var(--color-border);border-radius:8px;outline:none;flex:1;padding:8px 10px;font-size:14px}.deck-search-input:focus{border-color:var(--color-brand)}.deck-search-btn{background:var(--color-brand);color:var(--color-surface);cursor:pointer;border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:500}.deck-search-btn:disabled{opacity:.5}.deck-add-error{color:var(--color-danger-dark);margin:0;font-size:12px}.deck-add-already{color:var(--color-text-muted);margin:0;font-size:12px}.deck-add-ok{color:var(--color-brand);margin:0;font-size:12px;font-weight:600}.deck-search-result{flex-direction:column;gap:6px;display:flex}.deck-result-ref{font-size:14px;font-weight:600}.deck-result-row{border:1px solid var(--color-border-subtle);border-radius:8px;align-items:flex-start;gap:8px;padding:8px;font-size:12px;display:flex}.deck-result-row.pref{border-color:var(--color-brand-accent);background:var(--color-brand-muted)}.deck-result-label{color:var(--color-text-secondary);flex-shrink:0;min-width:36px;font-weight:600}.deck-result-text{color:var(--color-text-secondary);flex:1;line-height:1.45}.deck-result-add{background:var(--color-brand);color:var(--color-surface);cursor:pointer;border:none;border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:11px;font-weight:600}.deck-result-add:hover{background:var(--color-brand-dark)}.deck-curated-section{flex-direction:column;gap:0;max-height:55vh;padding:12px;display:flex;overflow-y:auto}.deck-curated-empty{color:var(--color-text-faint);text-align:center;padding:2rem 0;font-size:13px}.deck-curated-hdr{justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.deck-curated-note{color:var(--color-text-muted);font-size:11px}.deck-restore-all-btn{color:var(--color-brand);border:1px solid var(--color-brand-accent);cursor:pointer;background:0 0;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.deck-restore-all-btn:hover{background:var(--color-brand-muted)}.deck-curated-row{border-bottom:.5px solid var(--color-surface-sunken);align-items:center;gap:8px;padding:8px 0;display:flex}.deck-curated-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.deck-curated-text{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.deck-restore-btn{color:var(--color-brand);border:1px solid var(--color-brand-accent);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:11px;font-weight:600}.deck-restore-btn:hover{background:var(--color-brand-muted)}.app-footer{border-top:.5px solid var(--color-border-subtle);text-align:center;margin-top:2rem;padding-top:.75rem}.footer-attribution{color:var(--color-text-faint);margin-bottom:.4rem;font-size:9px;line-height:1.5}.footer-credit{color:var(--color-border-strong);font-size:10px}.footer-link{color:var(--color-text-faint);text-decoration:underline}.ctrls{gap:8px;display:flex}.btn{border:.5px solid var(--color-border);background:var(--color-surface);cursor:pointer;color:var(--color-text-primary);white-space:nowrap;border-radius:8px;flex:1;padding:10px;font-size:13px;font-weight:500;transition:background .15s}.btn:hover{background:var(--color-surface-hover)}.btn-ok{border-color:var(--color-brand-accent);color:var(--color-brand-dark)}.btn-ok:hover{background:var(--color-brand-subtle)}.btn-learn{border-color:var(--color-warning-bg);color:var(--color-warning-text)}.btn-learn:hover{background:var(--color-warning-bg)}.btn-sk{color:var(--color-text-faint);flex:none;padding:10px 14px;font-weight:400}.ti{flex-direction:column;gap:8px;display:flex}input[type=text]{border:.5px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-text-primary);border-radius:8px;padding:10px;font-family:system-ui,-apple-system,sans-serif;font-size:14px}.ti-textarea-wrap{position:relative}.ti-textarea{border:.5px solid var(--color-border);width:100%;color:var(--color-text-primary);background:var(--color-bg);resize:none;border-radius:8px;outline:none;min-height:68px;padding:10px 10px 28px;font-family:system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;display:block}.ti-textarea:focus{border-color:var(--color-brand-accent)}.ti-hint-btn{border:.5px solid var(--color-border-strong);color:var(--color-text-faint);cursor:pointer;background:0 0;border-radius:5px;padding:2px 8px;font-size:11px;line-height:1.4;transition:border-color .15s,color .15s;position:absolute;bottom:7px;right:8px}.ti-hint-btn:hover{border-color:var(--color-text-muted);color:var(--color-text-secondary)}.ti-hint-word{color:var(--color-brand);background:var(--color-brand-subtle);pointer-events:none;border-radius:5px;padding:2px 8px;font-size:11px;font-weight:600;line-height:1.4;position:absolute;bottom:8px;right:8px}.ti-words{flex-wrap:wrap;gap:4px;padding:6px 2px;display:flex}.ti-word-ok{background:var(--color-brand-subtle);color:var(--color-brand-dark);border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500}.ti-word-err{background:var(--color-danger-muted);color:var(--color-danger-dark);border-radius:4px;padding:2px 6px;font-size:12px}.ti-word-partial{background:var(--color-surface-sunken);color:var(--color-text-muted);border-radius:4px;padding:2px 6px;font-size:12px}.ti-progress-bar{background:var(--color-border-subtle);border-radius:2px;height:3px;overflow:hidden}.ti-progress-fill{background:var(--color-brand);border-radius:2px;height:100%;transition:width .3s}.fb{text-align:center;min-height:18px;color:var(--color-text-faint);font-size:12px}.test-btns{gap:8px;display:flex}.stats{gap:8px;margin-top:1rem;display:flex}.pill{text-align:center;background:var(--color-surface-sunken);border-radius:8px;flex:1;padding:8px 4px}.pill .v{font-size:20px;font-weight:500;display:block}.pill .k{color:var(--color-text-muted);font-size:11px}.un .v{color:var(--color-text-muted)}.le .v{color:var(--color-warning-text)}.ma .v{color:var(--color-brand-dark)}.avatar{width:36px;height:36px;color:var(--color-text-inverse);cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 0 0 2.5px var(--color-bg), 0 0 0 4.5px var(--user-colour,#3a8c5c);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;transition:opacity .15s;display:flex}.avatar:hover{opacity:.85}.user-panel-wrap{position:relative}.user-panel{background:var(--color-surface);border:.5px solid var(--color-border);z-index:100;border-radius:12px;width:240px;animation:.15s panelIn;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 4px 16px #00000014}@keyframes panelIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.user-row{cursor:pointer;align-items:center;gap:10px;padding:10px 14px;transition:background .1s;display:flex}.user-row:hover{background:var(--color-bg)}.user-row.active{background:var(--color-surface-sunken)}.user-row .uname{flex:1;font-size:13px;font-weight:500}.user-row .utrans{color:var(--color-text-muted);text-transform:uppercase;font-size:11px}.user-edit-btn{color:var(--color-text-faint);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 4px;font-size:13px;line-height:1;transition:color .15s,background .15s}.user-edit-btn:hover{color:var(--color-brand);background:var(--color-brand-muted)}.user-panel-hdr{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;padding:10px 14px 6px;font-size:11px;font-weight:600}.user-profile-btn{background:var(--color-surface-sunken);border:.5px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;border-radius:6px;flex-shrink:0;padding:3px 8px;font-size:11px;transition:background .1s}.user-profile-btn:hover{background:var(--color-brand-muted);color:var(--color-brand)}.pm-overlay{z-index:200;background:var(--color-header-bg);padding-top:env(safe-area-inset-top);flex-direction:column;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.pm-panel{flex-shrink:0;width:100%;max-width:480px;margin:0 auto;padding:0 16px}.pm-sheet{background:var(--color-bg);border-radius:20px 20px 0 0;flex:1;overflow:hidden auto;box-shadow:0 -1px #0000000f}.pm-sheet-inner{width:100%;max-width:480px;padding:1.25rem 16px calc(2rem + env(safe-area-inset-bottom));margin:0 auto}.pm-avatar-row{justify-content:space-between;align-items:center;padding:12px 0 8px;display:flex}.pm-pickers{flex:1;min-width:0}.pm-edit-btn{background:var(--color-surface);border:.5px solid var(--color-border);letter-spacing:.04em;color:var(--color-text-secondary);cursor:pointer;border-radius:8px;flex-shrink:0;padding:6px 14px;font-size:12px;font-weight:600;transition:background .1s}.pm-edit-btn:hover{background:var(--color-surface-hover)}.pm-card{background:var(--color-surface);border-radius:14px;margin-bottom:10px;padding:14px 16px}.pm-card-title{margin-bottom:10px;font-size:15px;font-weight:600}.pm-card-title-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.pm-stats-total{background:var(--color-brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.pm-info-row{gap:6px;margin-bottom:5px;font-size:14px;display:flex}.pm-info-key{color:var(--color-text-muted)}.pm-info-val{color:var(--color-text-primary);font-weight:500}.pm-info-email{color:var(--color-text-secondary);word-break:break-all;font-size:12px}.pm-action-btn{background:var(--color-brand-muted);width:100%;color:var(--color-brand);text-align:center;cursor:pointer;border:none;border-radius:14px;margin-bottom:10px;padding:14px 16px;font-size:15px;font-weight:600;transition:background .1s;display:block}.pm-action-btn:hover{background:var(--color-brand-subtle)}.pm-hdr-edit-btn{color:var(--color-brand);cursor:pointer;text-align:right;background:0 0;border:none;width:36px;padding:4px 0;font-size:14px;font-weight:600}.pm-stats-link{color:var(--color-text-muted);text-align:right;cursor:pointer;margin-top:8px;font-size:12px}.pm-stats-link:hover{color:var(--color-brand)}.pm-section-title{margin-bottom:16px;font-size:17px;font-weight:700}.pm-edit-link{border:1.5px solid var(--color-brand);color:var(--color-brand);cursor:pointer;background:0 0;border-radius:16px;padding:3px 14px;font-size:12px;font-weight:600}.pm-edit-link:hover{background:var(--color-brand-muted)}.pm-edit-title-row{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.pm-edit-title-row .pm-section-title{margin-bottom:0}.pm-save-btn{border:1.5px solid var(--color-brand);letter-spacing:.04em;color:var(--color-brand);cursor:pointer;background:0 0;border-radius:18px;padding:6px 18px;font-size:13px;font-weight:700}.pm-save-btn:hover{background:var(--color-brand);color:#fff}.pm-edit-appearance{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.pm-appearance-controls{flex:1;min-width:0}.pm-appearance-controls .pm-field{margin-bottom:12px}.pm-field{margin-bottom:14px}.pm-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:11px;display:block}.pm-input{border:.5px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text-primary);border-radius:10px;padding:10px 12px;font-family:system-ui,-apple-system,sans-serif;font-size:14px}.pm-select{border:.5px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text-primary);appearance:auto;border-radius:10px;padding:10px 12px;font-size:14px}.pm-input,.pm-select,.deck-search-input,.av-search-input,input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],textarea,select{font-size:16px}.pm-field-error{color:var(--color-danger-dark);margin-top:4px;font-size:11px}.pm-hint{color:var(--color-text-faint);font-size:12px}.pm-form-btns{gap:8px;margin-top:4px;display:flex}.pm-form-btns .btn{flex:1}.pm-add-form{padding:16px 0}.pm-delete-section{padding:16px 0 0}.pm-delete-btn{color:var(--color-danger-dark);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}.pm-delete-confirm{background:var(--color-danger-muted);border-radius:10px;padding:14px}.pm-delete-warning{color:var(--color-text-secondary);margin-bottom:12px;font-size:13px;line-height:1.5}.pm-delete-actions{gap:8px;display:flex}.pm-delete-final{flex:1;background:var(--color-danger-dark)!important;color:var(--color-surface)!important;border-color:var(--color-danger-dark)!important}.profile-overlay{background:var(--color-overlay);z-index:200;justify-content:center;align-items:flex-end;animation:.15s fadeIn;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.profile-modal{background:var(--color-surface);border-radius:20px 20px 0 0;width:100%;max-width:480px;max-height:92vh;padding:0 0 2rem;animation:.2s slideUp;overflow:hidden auto}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (width>=540px){.profile-overlay{align-items:center}.profile-modal{border-radius:20px;max-height:88vh}}.profile-modal-hdr{border-bottom:.5px solid var(--color-border-subtle);background:var(--color-surface);z-index:1;border-radius:20px 20px 0 0;justify-content:space-between;align-items:center;padding:16px 16px 12px;display:flex;position:sticky;top:0}.profile-modal-title{font-size:14px;font-weight:600}.profile-back{color:var(--color-brand);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:13px;font-weight:500}.profile-save-btn{color:var(--color-brand);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:13px;font-weight:600}.profile-avatar{color:var(--color-text-inverse);text-shadow:0 0 6px #ffffff80,0 1px 3px #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:28px;font-weight:700;display:flex}.profile-personalise{align-items:center;gap:16px;padding:20px 16px 8px;display:flex}.profile-personalise-pickers{flex:1;min-width:0}.profile-personalise-preview{flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-link-btn{color:var(--color-brand);cursor:pointer;text-align:left;background:0 0;border:none;padding:2px 0;font-size:13px;font-weight:500}.profile-link-btn.muted{color:var(--color-text-faint);font-weight:400}.profile-photo-note{color:var(--color-text-faint);margin-top:2px;font-size:10px}.profile-field{padding:12px 16px 0}.profile-select{border:.5px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text-primary);appearance:auto;border-radius:8px;padding:9px 10px;font-size:14px}.profile-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:11px;display:block}.profile-field input,.profile-field select{border:.5px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-text-primary);border-radius:8px;padding:10px 12px;font-family:system-ui,-apple-system,sans-serif;font-size:14px}.profile-field-hint{color:var(--color-text-faint);margin-top:5px;font-size:11px}.profile-field-error{color:var(--color-danger-dark);margin-top:4px;font-size:11px}.profile-stats{gap:8px;margin-top:2px;display:flex}.profile-stat{text-align:center;background:var(--color-surface-sunken);border-radius:8px;flex:1;padding:10px 4px}.profile-stat .v{font-size:22px;font-weight:600;display:block}.profile-stat .k{color:var(--color-text-muted);font-size:11px}.profile-stat.un .v{color:var(--color-text-muted)}.profile-stat.le .v{color:var(--color-warning-text)}.profile-stat.ma .v{color:var(--color-brand-dark)}.auth-panel{flex-direction:column;gap:8px;display:flex}.auth-row{align-items:center;gap:8px;display:flex}.auth-indicator{color:var(--color-border-strong);font-size:10px}.auth-indicator.connected{color:var(--color-brand)}.auth-email{color:var(--color-text-secondary);flex:1;font-size:13px}.auth-desc{color:var(--color-text-muted);font-size:13px}.auth-sync-status{color:var(--color-text-faint);font-size:11px}.auth-cta{color:var(--color-text-muted);font-size:12px;line-height:1.5}.auth-btns{gap:8px;display:flex}.auth-btns .btn{flex:1;padding:9px;font-size:13px}.auth-input{border:.5px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-text-primary);border-radius:8px;padding:10px 12px;font-family:system-ui,-apple-system,sans-serif;font-size:14px}.auth-error{color:var(--color-danger-dark);font-size:12px}.auth-form-title{margin-bottom:2px;font-size:14px;font-weight:600}.auth-form-note{color:var(--color-text-faint);font-size:11px;line-height:1.5}.auth-switch{color:var(--color-text-faint);text-align:center;font-size:12px}.auth-link{color:var(--color-brand);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--color-brand-accent);text-decoration-color:var(--color-brand-accent)}.auth-sep{color:var(--color-border);margin:0 4px}.auth-success{color:var(--color-brand-dark);font-size:12px}.auth-account-links{color:var(--color-text-faint);align-items:center;gap:6px;font-size:12px;display:flex}.merge-options{flex-direction:column;gap:8px;margin-top:4px;display:flex}.merge-btn{border:1px solid var(--color-border);background:var(--color-bg);cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 14px;transition:border-color .15s,background .15s;display:flex}.merge-btn:hover{border-color:var(--color-brand);background:var(--color-brand-muted)}.merge-btn-title{color:var(--color-text-primary);font-size:14px;font-weight:600}.merge-btn-desc{color:var(--color-text-muted);font-size:12px}.push-toggle-row{justify-content:space-between;align-items:center;display:flex}.push-toggle-row+.push-toggle-row{margin-top:14px}.push-toggle-label{color:var(--color-text-secondary);font-size:13px}.push-toggle-btn{border:.5px solid var(--color-border-strong);background:var(--color-surface-sunken);color:var(--color-text-muted);cursor:pointer;border-radius:20px;padding:4px 14px;font-size:12px;transition:background .15s,color .15s}.push-toggle-btn.on{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-surface)}.push-toggle-btn:disabled{opacity:.5;cursor:default}.profile-delete-section{padding:28px 16px 0}.profile-field .tab{padding:7px 4px;font-size:11px}.profile-field .tabs.trans-tabs{flex-wrap:wrap;margin-bottom:0}.profile-field .trans-tabs .tab{flex:30%}.profile-delete-btn{color:var(--color-danger-dark);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--color-danger-accent);text-decoration-color:var(--color-danger-accent);background:0 0;border:none;padding:0;font-size:13px}.profile-delete-confirm{background:var(--color-danger-muted);border-radius:10px;padding:14px}.profile-delete-warning{color:var(--color-text-secondary);margin-bottom:12px;font-size:13px;line-height:1.5}.profile-delete-actions{gap:8px;display:flex}.profile-delete-final{flex:1;background:var(--color-danger-dark)!important;color:var(--color-surface)!important;border-color:var(--color-danger-dark)!important}.profile-delete-final:hover{background:var(--color-danger-dark)!important}.panel-divider{background:var(--color-border-subtle);height:.5px;margin:0}.add-btn{text-align:left;width:100%;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:10px 14px;font-size:13px;transition:background .1s;display:block}.add-btn:hover{background:var(--color-bg)}.add-btn:disabled{color:var(--color-text-faint);cursor:default}.user-form{flex-direction:column;gap:10px;padding:12px 14px;display:flex}.user-form input,.user-form select{border:.5px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-text-primary);border-radius:8px;padding:8px 10px;font-size:13px}.user-form label{color:var(--color-text-muted);margin-bottom:2px;font-size:11px;display:block}.swatches{flex-wrap:wrap;gap:6px;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;transition:border-color .1s}.swatch.selected{border-color:var(--color-text-primary)}.form-btns{gap:8px;display:flex}.form-btns .btn{padding:8px;font-size:12px}.badge{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s;position:relative}.badge:hover{background:var(--color-info-bg)}.badge-override{background:var(--color-warning-bg);color:var(--color-warning-text)}.badge-override:hover{background:var(--color-warning-bg)}.badge-dot{background:var(--color-warning-text);vertical-align:middle;border-radius:50%;width:5px;height:5px;margin-bottom:1px;margin-left:4px;display:inline-block}.trans-picker{gap:4px;margin-top:8px;animation:.12s panelIn;display:flex}.trans-opt{border:.5px solid var(--color-border);background:var(--color-surface-sunken);cursor:pointer;color:var(--color-text-secondary);border-radius:99px;padding:4px 8px;font-size:11px;font-weight:500;transition:background .1s}.trans-opt:hover{background:var(--color-surface-sunken)}.trans-opt.active{background:var(--color-text-primary);color:var(--color-surface);border-color:var(--color-text-primary)}.add-verse-btn{border:1.5px solid var(--color-brand-accent);width:100%;color:var(--color-brand);cursor:pointer;background:0 0;border-radius:12px;margin-top:10px;padding:12px;font-size:15px;font-weight:600;transition:background .15s;display:block}.add-verse-btn:hover{background:var(--color-brand-muted)}.add-verse-panel{background:var(--color-surface);border:.5px solid var(--color-border);border-radius:12px;margin-top:8px;padding:14px;animation:.15s panelIn;box-shadow:0 4px 16px #00000012}.search-row{gap:8px;display:flex}.search-row input{flex:1}.verse-preview{-webkit-overflow-scrolling:touch;max-height:55vh;margin-top:12px;padding-bottom:4px;overflow-y:auto}.verse-attribution{color:var(--color-text-faint);border-top:.5px solid var(--color-border-subtle);margin-top:10px;padding-top:8px;font-size:10px;line-height:1.6}.preview-ref{margin-bottom:10px;font-size:15px;font-weight:500}.preview-block{margin-bottom:8px}.preview-label{color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px;font-size:11px}.preview-text{color:var(--color-text-primary);font-size:13px;line-height:1.7}.btn-add{background:var(--color-brand);width:100%;color:var(--color-surface);cursor:pointer;border:none;border-radius:8px;margin-top:10px;padding:10px;font-size:13px;font-weight:500;transition:background .15s}.btn-add:hover{background:var(--color-brand-dark)}.btn-add:disabled{background:var(--color-text-faint);cursor:default}.status-msg{text-align:center;margin-top:8px;font-size:12px}.status-msg.error{color:var(--color-danger-dark)}.status-msg.muted{color:var(--color-text-faint)}.status-msg.success{color:var(--color-brand-dark)}.cancel-link{text-align:center;color:var(--color-text-faint);cursor:pointer;margin-top:8px;font-size:12px;display:block}.cancel-link:hover{color:var(--color-text-secondary)}.already-msg{text-align:center;color:var(--color-text-faint);background:var(--color-surface-sunken);border-radius:8px;margin-top:10px;padding:8px;font-size:12px}.version-list{flex-direction:column;gap:8px;margin-top:4px;display:flex}.version-row{border:1px solid var(--color-border-subtle);background:var(--color-bg);border-radius:10px;flex-wrap:wrap;align-items:flex-start;gap:6px;padding:10px 12px;display:flex;position:relative}.version-row-pref{border-color:var(--color-brand-accent);background:var(--color-brand-muted)}.version-row-meta{align-items:center;gap:6px;width:100%;display:flex}.version-tag{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.version-row-pref .version-tag{color:var(--color-brand)}.version-pref-badge{color:var(--color-brand);background:var(--color-brand-subtle);border-radius:20px;padding:1px 6px;font-size:10px;font-weight:500}.version-row-text{color:var(--color-text-primary);flex:1;min-width:0;font-size:13px;line-height:1.6}.version-add-btn{cursor:pointer;background:var(--color-border-subtle);color:var(--color-text-secondary);border:none;border-radius:6px;flex-shrink:0;padding:5px 10px;font-size:12px;font-weight:500;transition:background .15s}.version-add-btn:hover{background:var(--color-border)}.version-add-btn-pref{background:var(--color-brand);color:var(--color-surface);padding:5px 14px}.version-add-btn-pref:hover{background:var(--color-brand-dark)}.ob-screen{background:var(--color-surface);z-index:200;justify-content:center;display:flex;position:fixed;inset:0;overflow-y:auto}.ob-content{flex-direction:column;align-items:stretch;gap:0;width:100%;max-width:400px;padding:48px 24px 40px;display:flex}.ob-content-full{flex-direction:column;max-width:400px;height:100%;padding:0;display:flex}.ob-content-inner{flex-direction:column;gap:0;padding:48px 24px 0;display:flex}.ob-logo{text-align:center;margin-bottom:24px}.ob-logo-bible{color:inherit}.ob-tagline{text-align:center;color:var(--color-text-secondary);margin-bottom:28px;font-size:17px}.ob-bullets{flex-direction:column;gap:12px;margin-bottom:32px;padding:0;list-style:none;display:flex}.ob-bullets li{text-align:center;color:var(--color-text-secondary);font-size:15px;line-height:1.4}.ob-bullets li:before{content:"✦";color:var(--color-brand);vertical-align:middle;margin-right:8px;font-size:10px}.ob-btn-primary{background:var(--color-brand);width:100%;color:var(--color-surface);cursor:pointer;border:none;border-radius:12px;margin-top:8px;padding:14px;font-size:16px;font-weight:600;transition:background .15s}.ob-btn-primary:hover{background:var(--color-brand-dark)}.ob-btn-primary:disabled{opacity:.5;cursor:default}.ob-links{flex-direction:column;align-items:center;gap:22px;margin-top:20px;display:flex}.ob-link{color:var(--color-brand);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}.ob-link-login{color:var(--color-text-muted);font-size:12px}.ob-dots{justify-content:center;gap:6px;margin-bottom:24px;display:flex}.ob-dot{background:var(--color-border);border-radius:50%;width:7px;height:7px;transition:background .2s,transform .2s}.ob-dot-active{background:var(--color-brand);transform:scale(1.2)}.ob-dot-done{background:var(--color-brand-accent)}.ob-title{text-align:center;margin-bottom:8px;font-size:20px;font-weight:700}.ob-note{color:var(--color-text-muted);text-align:center;margin-bottom:16px;font-size:13px;line-height:1.5}.ob-help-link{color:var(--color-info);cursor:pointer;text-align:center;background:0 0;border:none;margin-bottom:16px;font-size:12px;text-decoration:underline}.ob-translation-list{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.ob-translation-row{border:1px solid var(--color-border-subtle);background:var(--color-surface);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.ob-translation-row:hover{background:var(--color-bg);border-color:var(--color-border-strong)}.ob-translation-selected{border-color:var(--color-brand);background:var(--color-brand-muted)}.ob-translation-abbr{width:44px;color:var(--color-text-primary);flex-shrink:0;font-size:14px;font-weight:700}.ob-translation-name{color:var(--color-text-secondary);flex:1;font-size:13px}.ob-check{color:var(--color-brand);margin-left:auto;font-size:14px;font-weight:700}.ob-verse-search-wrap{margin-bottom:12px;position:relative}.ob-verse-search{border:1px solid var(--color-border);background:var(--color-bg);box-sizing:border-box;border-radius:8px;outline:none;width:100%;padding:10px 36px 10px 12px;font-size:14px}.ob-verse-search:focus{border-color:var(--color-brand)}.ob-verse-search-clear{color:var(--color-text-faint);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:14px;line-height:1;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.ob-verse-search-clear:hover{color:var(--color-text-secondary)}.ob-screen-verse{flex-direction:column;overflow:hidden}.ob-verse-screen-top{flex-direction:column;flex:1;align-items:stretch;width:100%;max-width:400px;margin:0 auto;padding:48px 24px 12px;display:flex;overflow-y:auto}.ob-verse-screen-footer{background:var(--color-surface);border-top:1px solid var(--color-surface-sunken);width:100%;max-width:400px;margin:0 auto;padding:12px 24px 28px}.ob-verse-list{flex-direction:column;gap:10px;display:flex}.ob-verse-card{border:1.5px solid var(--color-border-subtle);background:var(--color-surface);text-align:left;cursor:pointer;border-radius:12px;width:100%;padding:14px 16px;transition:border-color .15s,background .15s}.ob-verse-card:hover{border-color:var(--color-border-strong);background:var(--color-bg)}.ob-verse-selected{border-color:var(--color-brand);background:var(--color-brand-muted)}.ob-verse-card-hdr{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.ob-verse-ref{color:var(--color-text-primary);font-size:14px;font-weight:700}.ob-verse-text{color:var(--color-text-secondary);font-size:13px;line-height:1.5}.ob-verse-text-empty{color:var(--color-text-faint);font-style:italic}.ob-footer{text-align:center;color:var(--color-border-strong);margin-top:20px;font-size:11px}.ob-verse-more{border:1.5px dashed var(--color-border);width:100%;color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:12px;padding:12px;font-size:13px;transition:border-color .15s,color .15s}.ob-verse-more:hover{border-color:var(--color-text-faint);color:var(--color-text-secondary)}.ob-verse-footer{border-top:.5px solid var(--color-border-subtle);background:var(--color-surface);padding:16px;position:sticky;bottom:0}.ob-verse-footer .ob-btn-primary{margin-top:0}.ob-personalise-top{align-items:flex-start;gap:16px;margin-bottom:4px;display:flex}.ob-personalise-left{flex:1;min-width:0}.ob-avatar-preview{width:80px;height:80px;color:var(--color-text-inverse);text-shadow:0 0 4px #00000080, 0 1px 3px var(--color-overlay);border-radius:50%;justify-content:center;align-self:center;align-items:center;margin-bottom:20px;font-size:32px;font-weight:700;display:flex}.ob-avatar-side{flex-shrink:0;align-self:center;margin-bottom:0}.ob-reminder-row{justify-content:space-between;align-items:center;margin-bottom:4px;padding:10px 0;display:flex}.ob-reminder-label{color:var(--color-text-primary);font-size:15px}.ob-toggle{background:var(--color-border);cursor:pointer;border:none;border-radius:14px;flex-shrink:0;width:48px;height:28px;transition:background .2s;position:relative}.ob-toggle:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.ob-toggle-on{background:var(--color-brand)}.ob-toggle-on:after{transform:translate(20px)}.ob-field-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:16px;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.ob-swatches{margin-bottom:4px}.ob-input{border:1px solid var(--color-border);background:var(--color-bg);border-radius:8px;outline:none;width:100%;margin-bottom:4px;padding:11px 12px;font-size:15px}.ob-input:focus{border-color:var(--color-brand)}.ob-age-group{gap:8px;margin-bottom:4px;display:flex}.ob-age-btn{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 6px;transition:border-color .15s,background .15s;display:flex}.ob-age-btn:hover{background:var(--color-bg)}.ob-age-selected{border-color:var(--color-brand);background:var(--color-brand-muted)}.ob-age-label{color:var(--color-text-primary);font-size:14px;font-weight:600}.ob-age-sub{color:var(--color-text-muted);font-size:11px}.ob-account-section{margin-top:20px;margin-bottom:4px}.ob-account-toggle{text-align:center;width:100%;font-size:13px;display:block}.ob-account-form{flex-direction:column;gap:8px;display:flex}.ob-account-hdr{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.ob-account-title{font-size:14px;font-weight:600}.ob-account-skip{font-size:12px}.ob-account-error{color:var(--color-danger-dark);font-size:12px}.ob-overlay{background:var(--color-overlay);z-index:300;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.ob-overlay-center{align-items:center}.ob-popup{background:var(--color-surface);border-radius:16px 16px 0 0;width:100%;max-width:400px;max-height:70vh;padding:0 0 32px;overflow-y:auto}.ob-popup-center{border-radius:16px;max-width:340px;margin:16px}.ob-popup-hdr{border-bottom:.5px solid var(--color-border-subtle);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.ob-popup-title{font-size:15px;font-weight:600}.ob-popup-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;font-size:16px}.ob-popup-body{color:var(--color-text-secondary);padding:20px;font-size:14px;line-height:1.6}.fill-ex{background:var(--color-surface);border-radius:16px;flex-direction:column;gap:0;width:100%;max-width:480px;margin:0 auto;padding:20px 20px 28px;display:flex}.fill-ex-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.fill-ex-ref{color:var(--color-text-primary);font-size:15px;font-weight:700}.fill-ex-badge{letter-spacing:.4px;border-radius:20px;padding:3px 9px;font-size:11px;font-weight:600}.fill-ex-badge-easy{background:var(--color-brand-subtle);color:var(--color-brand-dark)}.fill-ex-badge-moderate{background:var(--color-warning-bg);color:var(--color-warning-text)}.fill-ex-badge-hard{background:var(--color-danger-bg);color:var(--color-danger-dark)}.fill-ex-progress{background:var(--color-surface-sunken);border-radius:2px;height:4px;margin-bottom:6px;overflow:hidden}.fill-ex-progress-bar{background:var(--color-brand);border-radius:2px;height:100%;transition:width .3s}.fill-ex-progress-label{color:var(--color-text-faint);margin-bottom:20px;font-size:11px}.fill-ex-verse{color:var(--color-text-primary);min-height:80px;margin-bottom:28px;font-size:17px;line-height:2}.fill-word{white-space:pre-wrap}.fill-blank{background:var(--color-surface-sunken);border-bottom:2px solid var(--color-border-strong);vertical-align:middle;color:#0000;border-radius:6px;justify-content:center;align-items:center;min-width:48px;height:28px;margin:0 2px;font-size:15px;font-weight:600;display:inline-flex;position:relative}.fill-blank-active{background:var(--color-brand-subtle);border-bottom-color:var(--color-brand)}@keyframes fill-pulse{0%,to{border-bottom-color:var(--color-brand)}50%{border-bottom-color:var(--color-brand-accent)}}.fill-blank-cursor{background:var(--color-brand);border-radius:1px;width:2px;height:16px;animation:.9s step-end infinite blink}@keyframes blink{50%{opacity:0}}.fill-blank-done{background:var(--color-brand-subtle);border-bottom-color:var(--color-brand);color:var(--color-brand-dark);font-weight:600;animation:.2s fill-pop}@keyframes fill-pop{0%{transform:scale(1.15)}to{transform:scale(1)}}.fill-options{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.fill-option{border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer;border-radius:24px;padding:10px 20px;font-size:15px;font-weight:500;transition:border-color .15s,background .15s,transform .1s}.fill-option:focus{outline:none}.fill-option:active{transform:scale(.96)}@media (hover:hover){.fill-option:hover{border-color:var(--color-brand);background:var(--color-brand-muted)}}.fill-option-wrong{border-color:var(--color-danger-dark);background:var(--color-danger-bg);color:var(--color-danger-dark);animation:.38s fill-shake}@keyframes fill-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}60%{transform:translate(5px)}80%{transform:translate(-3px)}}.fill-done{background:var(--color-brand-subtle);border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:16px;animation:.25s fill-pop;display:flex}.fill-done-icon{color:var(--color-brand-dark);font-size:20px}.fill-done-msg{color:var(--color-brand-dark);font-size:15px;font-weight:600}.type-ex-verse{color:var(--color-text-primary);cursor:text;min-height:80px;margin-bottom:16px;font-size:17px;line-height:2.1}.type-word-revealed{color:var(--color-brand-dark);font-weight:600;animation:.2s fill-pop}.type-blank{background:var(--color-surface-sunken);border-bottom:2px solid var(--color-border-strong);vertical-align:middle;color:var(--color-text-faint);border-radius:4px;align-items:center;min-width:24px;height:26px;margin:0 2px;padding:0 4px;font-size:14px;display:inline-flex}.type-blank-active{background:var(--color-brand-subtle);border-bottom-color:var(--color-brand);animation:1.2s ease-in-out infinite fill-pulse}.type-typed{color:var(--color-text-primary)}.type-remaining{color:#0000;background:var(--color-surface-sunken);letter-spacing:.5px;border-radius:3px}.type-shake{animation:.38s fill-shake}.type-ex-hint{color:var(--color-text-muted);min-height:20px;margin-bottom:20px;font-size:13px}.type-hint-letter{color:var(--color-brand);font-size:15px}.type-hidden-input{opacity:0;pointer-events:none;background:0 0;border:none;width:1px;height:1px;font-size:16px;position:fixed;bottom:0;left:0}.type-word-auto{color:var(--color-text-muted);opacity:.5;font-style:italic}.type-word-hint{color:var(--color-text-muted);opacity:.4;font-style:italic}.type-ex-controls{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.type-hint-word{color:var(--color-text-faint);margin-left:6px;font-size:12px}.type-hint-btn{border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;border-radius:20px;flex-shrink:0;padding:7px 16px;font-size:13px;transition:border-color .15s,color .15s}.type-hint-btn:hover{border-color:var(--color-brand);color:var(--color-brand)}.type-hint-btn:disabled{opacity:.4;cursor:default}.ex-actions-row{justify-content:center;gap:12px;margin-top:18px;display:flex}.ex-skip-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:20px;padding:7px 16px;font-size:13px}.ex-skip-btn:hover{color:var(--color-text-primary);text-decoration:underline}.type-hint-inline{color:var(--color-brand);font-size:14px;font-weight:700;animation:.15s fill-pop}.match-ex{flex-direction:column;gap:12px;display:flex}.match-rows{flex-direction:column;gap:10px;display:flex}.match-row{align-items:flex-start;gap:10px;display:flex}.match-verse-text{color:var(--color-text-secondary);background:var(--color-bg);border:1px solid var(--color-border-subtle);border-radius:10px;flex:1;padding:10px 12px;font-size:14px;line-height:1.5}.match-slot{border:1.5px dashed var(--color-border-strong);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:130px;min-height:42px;padding:6px;transition:border-color .15s,background .15s;display:flex}.match-slot-target{border-color:var(--color-brand);background:var(--color-brand-muted)}.match-slot-filled{border-style:solid;border-color:var(--color-border-strong)}.match-slot-correct{border-color:var(--color-brand);background:var(--color-brand-subtle)}.match-slot-wrong{border-color:var(--color-danger-dark);background:var(--color-danger-bg)}.match-slot-placeholder{color:var(--color-text-faint);font-size:11px}.match-ref-chip{background:var(--color-surface);border:1.5px solid var(--color-border);color:var(--color-text-primary);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:600;transition:border-color .15s,box-shadow .15s;display:inline-block}.match-ref-chip:hover{border-color:var(--color-brand);box-shadow:0 2px 6px #00000014}.match-chip-dragging{opacity:.45}.match-ref-in-slot{text-align:center;padding:4px 10px;font-size:12px}.match-drag-ghost{z-index:700;pointer-events:none;background:var(--color-brand);color:#fff;box-shadow:var(--shadow-md);border-radius:20px;padding:6px 12px;font-size:13px;font-weight:600;position:fixed;transform:translate(-50%,-50%)}.match-pool{background:var(--color-surface-hover);border:1.5px dashed var(--color-border);border-radius:12px;flex-wrap:wrap;gap:8px;min-height:48px;padding:12px;display:flex}.match-check-btn{margin-top:8px}.match-hint-msg{color:var(--color-danger-dark);text-align:center;margin-top:4px;font-size:13px}.match-type-input{border:1.5px solid var(--color-border);border-radius:10px;outline:none;flex-shrink:0;width:130px;padding:10px 12px;font-size:16px;transition:border-color .15s}.match-type-input:focus{border-color:var(--color-brand)}.match-type-row{flex-direction:column;gap:6px;display:flex}.match-type-controls{align-items:center;gap:8px;display:flex}.match-type-input{flex:1;min-width:0}.match-hint-btn{border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;border-radius:20px;flex-shrink:0;padding:9px 14px;font-size:13px;transition:border-color .15s,color .15s}.match-hint-btn:hover{border-color:var(--color-brand);color:var(--color-brand)}.match-slot-close{border-color:var(--color-warning-dark);background:var(--color-surface)8f0}.match-input-wrap{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.match-close-label{color:var(--color-warning-dark);padding-left:2px;font-size:11px;font-weight:600}.learn-panel{flex-direction:column;gap:0;width:100%;display:flex}.learn-step-label{color:var(--color-text-faint);text-align:center;letter-spacing:.4px;margin-bottom:12px;font-size:12px}.learn-hint{color:var(--color-text-muted);text-align:center;min-height:20px;margin:8px 0 0;font-size:13px}.learn-card-actions{flex-direction:column;align-items:stretch;gap:10px;margin-top:16px;display:flex}.learn-exercise-btn{margin-top:0}.learn-knowit-row{align-items:stretch;gap:6px;display:flex}.learn-knowit-btn{border:1.5px solid var(--color-brand);color:var(--color-brand);cursor:pointer;background:0 0;border-radius:12px;flex:1;padding:12px;font-size:15px;font-weight:600;transition:background .15s}.learn-knowit-btn:hover{background:var(--color-brand-muted)}.learn-remove-btn{border:1.5px solid var(--color-border);color:var(--color-border-strong);cursor:pointer;white-space:nowrap;background:0 0;border-radius:12px;min-width:46px;padding:12px 14px;font-size:15px;transition:border-color .2s,color .2s,background .2s,padding .25s,min-width .25s;overflow:hidden}.learn-remove-btn:hover{border-color:var(--color-danger);color:var(--color-danger)}.learn-remove-btn.learn-remove-armed{border-color:var(--color-danger);color:var(--color-surface);background:var(--color-danger);min-width:90px;padding:12px 20px}.learn-intro{background:var(--color-bg);border-radius:12px;flex-direction:column;gap:6px;margin-top:20px;padding:14px 16px;display:flex}.learn-intro-item{color:var(--color-text-secondary);margin:0;font-size:13px}@keyframes card-wobble{0%,to{transform:rotate(0)}20%{transform:rotate(-1.5deg)}60%{transform:rotate(1.5deg)}80%{transform:rotate(-.8deg)}}.card-wobble-wrap{animation:.7s card-wobble}.learn-checkup{text-align:center;align-items:center;padding:32px 16px}.learn-checkup-icon{margin-bottom:12px;font-size:48px}.learn-checkup-title{margin:0 0 10px;font-size:22px;font-weight:700}.learn-checkup-sub{color:var(--color-text-secondary);margin:0 0 28px;font-size:14px;line-height:1.6}.learn-checkup-actions{flex-direction:column;gap:12px;width:100%;max-width:320px;display:flex}.learn-repeat-btn{border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;border-radius:12px;padding:12px;font-size:15px;transition:border-color .15s,color .15s}.learn-repeat-btn:hover{border-color:var(--color-brand);color:var(--color-brand)}.revise-stats-btn{border:1.5px solid var(--color-brand-accent);color:var(--color-brand);cursor:pointer;background:0 0;border-radius:12px;padding:12px;font-size:15px;font-weight:600;transition:background .15s,border-color .15s}.revise-stats-btn:hover{background:var(--color-brand-muted);border-color:var(--color-brand)}@keyframes fill-option-wiggle{0%,to{transform:translateY(0)}30%{transform:translateY(-3px)}70%{transform:translateY(1px)}}.fill-option-intro{animation:.45s 2 both fill-option-wiggle}.adm-gate{background:var(--color-surface-hover);justify-content:center;align-items:center;min-height:100vh;display:flex}.adm-gate-box{background:var(--color-surface);border-radius:16px;width:100%;max-width:360px;padding:36px 32px;box-shadow:0 4px 24px #00000014}.adm-gate-title{color:var(--color-text-primary);margin-bottom:20px;font-size:22px;font-weight:700}.adm-gate-form{flex-direction:column;gap:12px;display:flex}.adm-gate-input{border:1.5px solid var(--color-border);border-radius:10px;outline:none;padding:10px 14px;font-size:15px;transition:border-color .15s}.adm-gate-input:focus{border-color:var(--color-brand)}.adm-gate-err{color:var(--color-danger-dark);font-size:13px}.adm-gate-btn{background:var(--color-brand);color:var(--color-surface);cursor:pointer;border:none;border-radius:10px;padding:11px;font-size:15px;font-weight:600;transition:opacity .15s}.adm-gate-btn:disabled{opacity:.55;cursor:default}.adm-dash{max-width:900px;margin:0 auto;padding:24px 16px 64px;font-family:system-ui,sans-serif}.adm-dash-hdr{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:28px;display:flex}.adm-dash-title{color:var(--color-text-primary);margin:0;font-size:24px;font-weight:700}.adm-dash-meta{align-items:center;gap:12px;display:flex}.adm-dash-ts{color:var(--color-text-muted);font-size:12px}.adm-refresh-btn{border:1.5px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:8px;padding:6px 14px;font-size:13px;transition:border-color .15s}.adm-refresh-btn:hover{border-color:var(--color-brand)}.adm-refresh-btn:disabled{opacity:.5;cursor:default}.adm-section{margin-bottom:36px}.adm-section-title{color:var(--color-text-secondary);border-bottom:1.5px solid var(--color-border-subtle);margin:0 0 14px;padding-bottom:8px;font-size:16px;font-weight:700}.adm-cards{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.adm-card{background:var(--color-bg);border-radius:12px;flex:1;min-width:130px;padding:14px 18px}.adm-card-value{color:var(--color-text-primary);font-size:26px;font-weight:700;line-height:1.1}.adm-card-label{color:var(--color-text-muted);margin-top:4px;font-size:12px}.adm-card-sub{color:var(--color-text-faint);margin-top:2px;font-size:11px}.adm-dists{flex-wrap:wrap;gap:24px;display:flex}.adm-dist{flex:1;min-width:220px}.adm-dist-title{color:var(--color-text-secondary);margin-bottom:8px;font-size:13px;font-weight:600}.adm-dist-row{align-items:center;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.adm-dist-label{width:110px;color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;overflow:hidden}.adm-dist-bar-wrap{background:var(--color-border-subtle);border-radius:4px;flex:1;height:8px;overflow:hidden}.adm-dist-bar{background:var(--color-brand);border-radius:4px;height:100%;transition:width .4s}.adm-dist-bar-blue{background:var(--color-info)}.adm-dist-count{text-align:right;width:80px;color:var(--color-text-secondary);white-space:nowrap}.adm-dist-pct{color:var(--color-text-faint)}.adm-funnel{flex-direction:column;gap:8px;display:flex}.adm-funnel-row{align-items:center;gap:8px;font-size:13px;display:flex}.adm-funnel-label{width:160px;color:var(--color-text-secondary);flex-shrink:0}.adm-event-table{flex-direction:column;gap:6px;display:flex}.adm-event-row{background:var(--color-surface-hover);border-radius:8px;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.adm-event-type{color:var(--color-text-secondary);font-size:13px}.adm-event-count{color:var(--color-text-primary);font-size:14px;font-weight:600}.adm-empty{color:var(--color-text-faint);margin:0;font-size:13px}.footer-feedback-btn{color:inherit;font-size:inherit;cursor:pointer;text-underline-offset:2px;opacity:.7;background:0 0;border:none;padding:0;text-decoration:underline;transition:opacity .15s}.footer-feedback-btn:hover{opacity:1}.feedback-modal{max-width:480px;padding:28px 28px 24px}.feedback-title{color:var(--color-text-primary);margin:0 0 18px;font-size:18px;font-weight:700}.modal-overlay{z-index:700;background:var(--color-overlay,#00000080);padding:20px;padding-top:calc(20px + env(safe-area-inset-top));justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{width:100%;max-width:480px;max-height:calc(100dvh - 40px - env(safe-area-inset-top) - env(safe-area-inset-bottom));background:var(--color-bg);border-radius:18px;position:relative;overflow-y:auto;box-shadow:0 12px 40px #00000040}.modal-close-btn{background:var(--color-surface-sunken);width:30px;height:30px;color:var(--color-text-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;top:14px;right:14px}.modal-close-btn:hover{background:var(--color-surface);color:var(--color-text-primary)}.info-modal{max-width:440px;padding:28px 28px 24px}.info-modal-title{color:var(--color-text-primary);margin:0 0 14px;font-size:18px;font-weight:700}.info-modal-body{color:var(--color-text-secondary);margin-bottom:20px;font-size:14px;line-height:1.6}.info-modal-body p{margin:0 0 12px}.info-modal-body a{color:var(--color-brand)}.info-modal-meta{color:var(--color-text-muted);font-size:12px}.feedback-form{flex-direction:column;gap:14px;display:flex}.feedback-type-row{flex-wrap:wrap;gap:8px;display:flex}.feedback-type-btn{border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;border-radius:20px;padding:6px 14px;font-size:13px;transition:border-color .15s,color .15s,background .15s}.feedback-type-btn:hover{border-color:var(--color-brand);color:var(--color-brand)}.feedback-type-active{border-color:var(--color-brand)!important;background:var(--color-brand)!important;color:var(--color-surface)!important}.feedback-textarea{box-sizing:border-box;border:1.5px solid var(--color-border);resize:vertical;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color .15s}.feedback-textarea:focus{border-color:var(--color-brand)}.feedback-footer-row{align-items:center;gap:10px;display:flex}.feedback-char-count{color:var(--color-text-faint);flex:1;font-size:12px}.feedback-error{color:var(--color-danger-dark);font-size:13px}.feedback-submit-btn{flex-shrink:0;padding:9px 20px;font-size:14px}.feedback-done{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:12px 0 8px;display:flex}.feedback-done-icon{background:var(--color-brand);width:48px;height:48px;color:var(--color-surface);border-radius:50%;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex}.feedback-done-title{color:var(--color-text-primary);font-size:17px;font-weight:700}.feedback-done-sub{color:var(--color-text-muted);margin:0;font-size:14px}.adm-feedback-list{flex-direction:column;gap:12px;display:flex}.adm-feedback-item{background:var(--color-bg);border-radius:10px;padding:12px 14px}.adm-feedback-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.adm-feedback-type{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.adm-feedback-type-bug{background:var(--color-danger-bg);color:var(--color-danger-dark)}.adm-feedback-type-feature{background:var(--color-info-bg);color:var(--color-info)}.adm-feedback-type-general{background:var(--color-brand-subtle);color:var(--color-brand-dark)}.adm-feedback-email{color:var(--color-text-muted);flex:1;font-size:12px}.adm-feedback-ts{color:var(--color-text-faint);font-size:11px}.adm-feedback-msg{color:var(--color-text-secondary);white-space:pre-wrap;margin:0;font-size:13px;line-height:1.5}.revise-browse-nav{justify-content:center;align-items:center;gap:16px;margin:8px 0 4px;display:flex}.revise-nav-btn{border:1.5px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:border-color .15s;display:flex}.revise-nav-btn:disabled{opacity:.3;cursor:default}.revise-nav-btn:not(:disabled):hover{border-color:var(--color-brand)}.revise-nav-pos{color:var(--color-text-muted);text-align:center;min-width:48px;font-size:13px}.revise-actions{margin:12px 0 4px}.revise-today-btn{width:100%}.revise-today-btn:disabled{opacity:.45;cursor:default}.revise-back-btn{color:var(--color-brand);cursor:pointer;background:0 0;border:none;padding:4px 0 10px;font-size:14px;display:block}.revise-verse-list{margin-top:16px}.revise-verse-list-hdr{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-faint);margin-bottom:8px;font-size:11px;font-weight:600}.revise-verse-row{border-bottom:.5px solid var(--color-surface-sunken);align-items:center;gap:8px;padding:8px 0;display:flex}.revise-verse-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.deck-learn-later-btn{border:1.5px solid var(--color-danger);color:var(--color-danger-dark);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;padding:4px 8px;font-size:11px;font-weight:600;transition:background .15s}.deck-learn-later-btn:hover{background:var(--color-danger-muted)}.learn-new-verse-btn{border:1.5px solid var(--color-brand)!important;color:var(--color-brand)!important;background:0 0!important}.learn-new-verse-btn:hover{background:var(--color-brand-muted)!important}.vs-overlay{z-index:500;background:var(--color-header-bg);padding-top:env(safe-area-inset-top);flex-direction:column;display:flex;position:fixed;inset:0}.vs-panel{flex-direction:column;flex-shrink:0;width:100%;max-width:480px;margin:0 auto;padding:0 20px;display:flex}.vs-sheet{background:var(--color-bg);border-radius:20px 20px 0 0;flex:1;overflow-y:auto;box-shadow:0 -1px #0000000f}.vs-sheet-inner{width:100%;max-width:480px;padding:1.25rem 20px calc(2rem + env(safe-area-inset-bottom));flex-direction:column;min-height:100%;margin:0 auto;display:flex}.vs-header{align-items:center;gap:0;height:48px;margin-bottom:12px;display:flex}.vs-header-logo{text-align:center;letter-spacing:-.3px;flex:1;font-size:17px;font-weight:700}.vs-header-spacer{flex-shrink:0;width:38px}.vs-back{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;width:38px;padding:0 6px 0 0;font-size:28px;line-height:1}.vs-header-avatar{color:#fff;width:36px;height:36px;box-shadow:0 0 0 2px var(--color-bg), 0 0 0 3.5px var(--user-colour,var(--color-brand));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:600;display:flex}.vs-meta-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.vs-rings{gap:12px;display:flex}.vs-ring-wrap{flex-direction:column;align-items:center;gap:2px;display:flex}.vs-ring-label{color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:500}.vs-version-select{color:var(--color-text-primary);background:var(--color-surface);border:1.5px solid var(--color-border);cursor:pointer;appearance:none;border-radius:8px;padding:5px 8px;font-size:13px;font-weight:600}.vs-flex-grow{flex:1}.vs-status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;width:fit-content;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.vs-status-unseen{background:var(--color-surface-sunken);color:var(--color-text-muted)}.vs-status-learning{background:var(--color-brand-subtle);color:var(--color-brand-dark)}.vs-status-mastered{color:#92400e;background:#fef3c7}.vs-ref-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.vs-ref-text{color:var(--color-text-primary);flex:1;font-size:22px;font-weight:700}.vs-ex-subhdr{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.vs-ex-ref{color:var(--color-text-primary);font-size:20px;font-weight:700}.vs-exercises{flex-direction:column;gap:10px;margin-bottom:4px;display:flex}.vs-ex-btn{background:var(--color-surface);border:1.5px solid var(--color-border);cursor:pointer;text-align:left;width:100%;color:var(--color-text-primary);border-radius:12px;padding:14px 16px;font-size:15px;font-weight:500;transition:border-color .15s,background .15s}.vs-ex-btn:hover:not(:disabled){border-color:var(--color-brand);background:var(--color-brand-muted)}.vs-ex-btn:disabled{opacity:.4;cursor:default}.vs-frequency{background:var(--color-surface-sunken);border-radius:10px;align-items:center;gap:12px;padding:10px 14px;display:flex}.vs-frequency-label{color:var(--color-text-muted);flex:1;font-size:13px}.vs-frequency-btns{gap:6px;display:flex}.vs-freq-btn{border:1.5px solid var(--color-border);cursor:pointer;background:var(--color-surface);color:var(--color-text-secondary);border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600;transition:background .15s}.vs-freq-less:hover{background:var(--color-warning-bg);border-color:var(--color-warning);color:var(--color-warning-dark)}.vs-freq-more:hover{background:var(--color-brand-muted);border-color:var(--color-brand);color:var(--color-brand-dark)}.vs-bottom-actions{gap:10px;margin-top:auto;padding-top:8px;display:flex}.vs-action-btn{cursor:pointer;border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);border-radius:10px;flex:1;padding:10px 8px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s}.vs-action-btn:hover:not(:disabled){border-color:var(--color-text-muted)}.vs-action-btn:disabled{opacity:.4;cursor:default}.vs-action-delete{color:var(--color-danger);border-color:var(--color-danger-muted)}.vs-action-delete:hover:not(:disabled){background:var(--color-danger-bg)}.vs-action-star.vs-starred{color:var(--color-star);border-color:var(--color-star);background:var(--color-star-bg)}.vs-confirm{font-weight:600;background:var(--color-danger-bg)!important;border-color:var(--color-danger)!important}.deck-add-hdr-btn{color:var(--color-brand);background:var(--color-brand-subtle);cursor:pointer;border:none;border-radius:8px;padding:5px 10px;font-size:13px;font-weight:600;transition:background .15s}.deck-add-hdr-btn:hover{background:var(--color-brand-accent)}.deck-row2{border-bottom:.5px solid var(--color-surface-sunken);transition:background .1s}.deck-row2:hover{background:var(--color-bg)}.deck-row2.deck-row-dragging{background:var(--color-brand-muted);opacity:.8}.deck-row2-main{align-items:center;gap:8px;padding:10px 4px;display:flex}.deck-ref2{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.deck-badge2{border-radius:20px;flex-shrink:0;padding:2px 7px;font-size:10px;font-weight:500}.deck-badge-easy{color:#0369a1;background:#e0f2fe}.deck-badge-mod{background:var(--color-warning-bg);color:var(--color-warning-text)}.deck-badge-hard{background:var(--color-brand-subtle);color:var(--color-brand-dark);font-weight:600}.deck-icon-btn{cursor:pointer;width:28px;height:28px;color:var(--color-text-muted);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;transition:background .15s;display:flex}.deck-info-btn:hover{background:var(--color-brand-muted);color:var(--color-brand)}.deck-learn-btn2:hover{color:var(--color-brand-dark);background:#d1fae5}.deck-delete-btn{color:var(--color-text-faint)}.deck-delete-btn:hover,.deck-delete-btn.active{background:var(--color-danger-bg);color:var(--color-danger)}.deck-row2-expanded{flex-wrap:wrap;gap:8px;padding:0 4px 10px 28px;display:flex}.deck-expand-btn{border:1.5px solid var(--color-border);background:var(--color-surface);cursor:pointer;color:var(--color-text-secondary);border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s}.deck-back-btn:hover{border-color:var(--color-warning);color:var(--color-warning-dark);background:var(--color-warning-bg)}.deck-delete-confirm-btn{color:var(--color-danger);border-color:var(--color-danger-muted)}.deck-delete-confirm-btn:hover{background:var(--color-danger-bg);border-color:var(--color-danger)}.deck-cancel-btn:hover{border-color:var(--color-text-muted)}.dp-overlay{z-index:350;background:var(--color-header-bg);padding-top:env(safe-area-inset-top);flex-direction:column;display:flex;position:fixed;inset:0}.dp-hdr-panel{flex-shrink:0;width:100%;max-width:480px;margin:0 auto;padding:0 20px}.dp-sheet{background:var(--color-bg);border-radius:20px 20px 0 0;flex:1;overflow-y:auto;box-shadow:0 -1px #0000000f}.dp-sheet-inner{width:100%;max-width:480px;padding:1.25rem 20px calc(2rem + env(safe-area-inset-bottom));margin:0 auto}.dp-title-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.dp-title{font-size:22px;font-weight:700}.dp-add-btn{background:var(--color-surface);border:.5px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600;transition:background .1s}.dp-add-btn:hover{background:var(--color-surface-hover)}.dp-empty{color:var(--color-text-faint);text-align:center;padding:20px 0;font-size:14px}.dp-row{border-bottom:.5px solid var(--color-border-subtle);touch-action:pan-y;transition:background .1s;position:relative;overflow:hidden}.dp-swipe-bg{z-index:0;background:var(--color-danger);color:#fff;justify-content:flex-end;align-items:center;gap:6px;padding-right:18px;font-size:13px;font-weight:600;display:flex;position:absolute;inset:0}.dp-row:hover .dp-row-main{background:var(--color-surface)}.dp-row-dragging{background:var(--color-brand-muted);opacity:.8}.dp-row-main{z-index:1;background:var(--color-bg);align-items:center;gap:8px;padding:11px 0;display:flex;position:relative}.dp-drag{color:var(--color-text-faint);cursor:grab;flex-shrink:0;padding:0 4px;font-size:14px}.dp-ref{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;min-width:0;font-size:14px;font-weight:500;overflow:hidden}.dp-badge{border-radius:20px;flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:500}.dp-badge-today{background:var(--color-learn-today-bg);color:var(--color-brand-dark)}.dp-badge-upnext{background:var(--color-brand-muted);color:var(--color-brand)}.dp-badge-easy{background:var(--color-info-bg);color:var(--color-info)}.dp-badge-mod{background:var(--color-warning-bg);color:var(--color-warning-text)}.dp-badge-hard{background:var(--color-brand-subtle);color:var(--color-brand-dark);font-weight:600}.dp-star{color:var(--color-star);flex-shrink:0;font-size:12px}.dp-row-btns{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:flex}.dp-learn-today-btn{cursor:pointer;background:var(--color-learn-today-bg);color:var(--color-brand-dark);white-space:nowrap;border:none;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600}.dp-learn-today-btn:hover{filter:brightness(.96)}.dp-circle-btn{cursor:pointer;background:0 0;border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;line-height:1;transition:background .15s,opacity .15s;display:flex}.dp-btn-info{color:var(--color-info)}.dp-btn-info:hover{background:var(--color-info-bg)}.dp-btn-add{color:var(--color-brand)}.dp-btn-add:hover{background:var(--color-brand-muted)}.dp-btn-del{color:var(--color-danger)}.dp-btn-del:hover,.dp-btn-del.active{background:var(--color-danger-bg)}.dp-row-options{gap:8px;display:flex}.dp-action-pill{cursor:pointer;background:0 0;border:1.5px solid;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;transition:background .15s}.dp-pill-back{color:var(--color-warning-dark)}.dp-pill-back:hover{background:var(--color-warning-bg)}.dp-pill-delete{color:var(--color-danger);border-color:var(--color-danger-muted)}.dp-pill-delete:hover{background:var(--color-danger-bg);border-color:var(--color-danger)}.dp-add-wrap{padding-top:4px}.se-wrap{flex-direction:column;gap:16px;display:flex}.se-instruction{color:var(--color-text-muted);margin:0;font-size:13px}.se-verse{background:var(--color-surface);border-radius:14px;padding:18px 16px;font-size:16px;line-height:2;box-shadow:0 1px 3px #0000000d}.se-word{color:var(--color-text-primary)}.se-blank{background:var(--color-surface-sunken);vertical-align:middle;border-bottom:2px solid var(--color-brand-accent);text-align:center;min-width:3em;height:1.4em;color:var(--color-text-muted);border-radius:4px;margin:0 2px;font-size:14px;display:inline-block}.se-blank-active{background:var(--color-brand-muted);border-bottom-color:var(--color-brand);animation:.9s ease-in-out infinite alternate se-pulse}.se-blank-done{background:var(--color-learn-today-bg);border-bottom-color:var(--color-brand);color:var(--color-brand-dark);font-weight:600}@keyframes se-pulse{0%{opacity:.7}to{opacity:1}}.se-controls{align-items:center;gap:10px;display:flex}.se-type-hint{color:var(--color-text-muted);flex:1;font-size:13px}.se-type-hint strong{color:var(--color-text-primary);font-size:15px}.se-ctrl-btns{gap:6px;display:flex}.se-ctrl-btn{border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;border-radius:8px;padding:5px 12px;font-size:12px;font-weight:600;transition:background .15s}.se-ctrl-btn:hover:not(:disabled){border-color:var(--color-text-muted)}.se-ctrl-btn:disabled{opacity:.4;cursor:default}.se-options{flex-wrap:wrap;gap:10px;display:flex}.se-option{background:var(--color-surface);border:1.5px solid var(--color-border);cursor:pointer;border-radius:20px;padding:10px 20px;font-size:15px;font-weight:500;transition:background .15s,border-color .15s,transform .1s}.se-option:hover{background:var(--color-brand-muted);border-color:var(--color-brand)}.se-option-wrong{animation:.35s se-shake;background:var(--color-danger-bg)!important;border-color:var(--color-danger)!important}@keyframes se-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.se-done{background:var(--color-brand-subtle);border-radius:12px;align-items:center;gap:10px;padding:14px;display:flex}.se-done-icon{color:var(--color-brand);font-size:20px;font-weight:700}.se-done-msg{color:var(--color-brand-dark);font-size:15px;font-weight:600}.lr-overlay{z-index:600;background:var(--color-header-bg);padding-top:env(safe-area-inset-top);flex-direction:column;display:flex;position:fixed;inset:0}.lr-panel{flex-direction:column;flex-shrink:0;width:100%;max-width:480px;margin:0 auto;padding:0 20px;display:flex}.lr-sheet{background:var(--color-bg);border-radius:20px 20px 0 0;flex-direction:column;flex:1;display:flex;overflow-y:auto;box-shadow:0 -1px #0000000f}.lr-sheet-inner{flex-direction:column;flex:1;width:100%;max-width:480px;margin:0 auto;padding:1.25rem 20px 0;display:flex}.lr-hdr{align-items:center;gap:0;margin-bottom:12px;display:flex}.lr-header-logo{text-align:center;letter-spacing:-.3px;flex:1;font-size:17px;font-weight:700}.lr-hdr-spacer{width:36px}.lr-instr-title{color:var(--color-text-primary);margin:0 0 4px;font-size:20px;font-weight:700}.lr-instructions{flex-direction:column;gap:4px;margin-bottom:16px;display:flex}.lr-instr-main{color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.5}.lr-instr-sub{color:var(--color-text-muted);margin:0;font-size:13px}.lr-verse-area{background:var(--color-surface);border-radius:16px;flex:1;min-height:120px;margin-bottom:16px;padding:24px 20px;line-height:1.75;box-shadow:0 1px 4px #0000000f}.lr-verse-ref{color:var(--color-text-primary);font-size:16px;font-weight:700;display:inline}.lr-verse-prompt{color:var(--color-text-faint);font-size:13px;font-style:italic;display:inline}.lr-chunk{color:var(--color-text-primary);font-size:16px;line-height:1.75;display:inline}.lr-chunk-new{color:var(--color-brand);font-weight:500;animation:.25s lr-fade-in}@keyframes lr-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.lr-actions{flex-direction:column;gap:10px;display:flex}.lr-actions-sticky{background:var(--color-bg);padding:16px 0 calc(24px + env(safe-area-inset-bottom));position:sticky;bottom:0}.lr-reveal-btn{width:100%}.lr-test-btn{background:var(--color-info);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:14px;font-size:16px;font-weight:700;transition:filter .15s}.lr-test-btn:hover{filter:brightness(.93)}.lr-restart-btn{border:1.5px solid var(--color-border);width:100%;color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:12px;padding:11px;font-size:14px;transition:border-color .15s}.lr-restart-btn:hover{border-color:var(--color-text-muted)}.lr-test-area{background:var(--color-surface);cursor:pointer;border:none;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;min-height:220px;padding:40px 24px;display:flex;box-shadow:0 1px 4px #0000000f}.lr-test-instruction{color:var(--color-text-primary);text-align:center;font-size:20px;font-weight:700}.lr-test-ref{color:var(--color-brand);font-size:17px;font-weight:600}.lr-test-hint{color:var(--color-text-faint);font-size:12px}.lr-done-btn{width:100%}.stats-overlay{z-index:450;background:var(--color-header-bg);padding-top:env(safe-area-inset-top);flex-direction:column;display:flex;position:fixed;inset:0}.stats-hdr-panel{flex-shrink:0;width:100%;max-width:480px;margin:0 auto;padding:0 20px}.stats-sheet{background:var(--color-bg);border-radius:20px 20px 0 0;flex:1;overflow-y:auto;box-shadow:0 -1px #0000000f}.stats-panel{width:100%;max-width:480px;padding:1.25rem 20px calc(2rem + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.stats-hdr{align-items:center;gap:12px;padding-bottom:16px;display:flex}.stats-title{color:var(--color-text-primary);font-size:22px;font-weight:700}.stats-row{border-bottom:1px solid var(--color-border);align-items:center;gap:10px;padding:12px 0;display:flex}.stats-row-icon{font-size:18px;line-height:1}.stats-row-label{color:var(--color-text-secondary);flex:1;font-size:15px}.stats-row-value{color:var(--color-text-primary);font-size:15px;font-weight:600}.stats-otnt{margin:16px 0 0}.stats-otnt-bar{background:var(--color-surface-sunken);border-radius:8px;height:12px;display:flex;overflow:hidden}.stats-otnt-ot{background:var(--color-brand)}.stats-otnt-nt{background:var(--color-info)}.stats-otnt-labels{justify-content:space-between;margin-top:5px;display:flex}.stats-otnt-lbl{font-size:12px;font-weight:600}.stats-otnt-lbl-ot{color:var(--color-brand)}.stats-otnt-lbl-nt{color:var(--color-info)}.stats-meta{color:var(--color-text-muted);padding:10px 0 4px;font-size:13px}.stats-section-hdr{justify-content:space-between;align-items:center;padding:18px 0 10px;display:flex}.stats-section-title{color:var(--color-text-primary);font-size:16px;font-weight:700}.stats-section-count{color:var(--color-text-muted);font-size:13px}.stats-books-grid{grid-template-columns:repeat(6,1fr);gap:3px;display:grid}.stats-book-cell{text-align:center;background:var(--color-surface-sunken);color:var(--color-text-faint);letter-spacing:.2px;cursor:default;border-radius:4px;padding:5px 1px;font-size:8.5px;font-weight:500;transition:background .2s,color .2s}.stats-book-active{background:var(--color-brand-subtle);color:var(--color-brand-dark);font-weight:700}.stats-verses{flex-direction:column;display:flex}.stats-verse-row{border-bottom:1px solid var(--color-border);align-items:center;gap:8px;padding:9px 0;display:flex}.stats-verse-ref{color:var(--color-text-primary);flex:1;font-size:14px;font-weight:600}.stats-verse-badge{border-radius:10px;flex-shrink:0;padding:2px 7px;font-size:11px;font-weight:600}.stats-badge-easy{background:var(--color-skill-easy-bg);color:var(--color-skill-easy)}.stats-badge-moderate{background:var(--color-skill-moderate-bg);color:var(--color-skill-moderate-text)}.stats-badge-hard{background:var(--color-skill-hard-bg);color:var(--color-skill-hard)}.stats-verse-rings{flex-shrink:0;align-items:center;gap:4px;display:flex}.stats-empty{color:var(--color-text-muted);text-align:center;padding:24px 0;font-size:14px}.av-overlay{z-index:460;background:var(--color-header-bg);padding-top:env(safe-area-inset-top);flex-direction:column;display:flex;position:fixed;inset:0}.av-hdr-panel{flex-shrink:0;width:100%;max-width:480px;margin:0 auto;padding:0 20px}.av-sheet{background:var(--color-bg);border-radius:20px 20px 0 0;flex:1;overflow-y:auto;box-shadow:0 -1px #0000000f}.av-panel{width:100%;max-width:480px;padding:1.25rem 20px calc(2rem + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.av-hdr{align-items:center;padding-bottom:8px;display:flex}.av-view{flex-direction:column;display:flex}.av-view-title{color:var(--color-text-primary);margin:0 0 20px;font-size:22px;font-weight:700}.av-hub-btns{gap:10px;margin-bottom:28px;display:flex}.av-hub-btn{background:var(--color-surface);border:1.5px solid var(--color-border);color:var(--color-text-primary);cursor:pointer;border-radius:12px;flex:1;padding:14px;font-size:16px;font-weight:600;transition:background .15s,border-color .15s}.av-hub-btn:hover{background:var(--color-brand-muted);border-color:var(--color-brand)}.av-section-hdr{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px;font-size:13px;font-weight:600}.av-verse-list{flex-direction:column;display:flex}.av-verse-row{border-bottom:1px solid var(--color-border);align-items:center;gap:10px;padding:10px 0;display:flex}.av-verse-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.av-verse-ref{color:var(--color-text-primary);font-size:14px;font-weight:600}.av-verse-preview{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.av-verse-btns{flex-shrink:0;align-items:center;gap:6px;display:flex}.av-plus-btn{border:2px solid var(--color-brand);width:30px;height:30px;color:var(--color-brand);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:700;line-height:1;transition:background .15s,color .15s;display:flex}.av-plus-btn:hover{background:var(--color-brand);color:#fff}.av-learn-row-btn{background:var(--color-brand-muted);border:1.5px solid var(--color-brand-accent);color:var(--color-brand-dark);cursor:pointer;white-space:nowrap;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:600;transition:background .15s}.av-learn-row-btn:hover{background:var(--color-brand-subtle)}.av-badge-indeck{background:var(--color-surface-sunken);color:var(--color-text-muted);white-space:nowrap;border-radius:10px;flex-shrink:0;padding:3px 8px;font-size:11px;font-weight:600}.av-badge-added{background:var(--color-brand-subtle);color:var(--color-brand-dark);white-space:nowrap;border-radius:10px;flex-shrink:0;padding:3px 8px;font-size:11px;font-weight:600}.av-search-form{gap:8px;margin-bottom:16px;display:flex}.av-search-input{border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);border-radius:10px;outline:none;flex:1;padding:10px 14px;font-size:15px;transition:border-color .15s}.av-search-input:focus{border-color:var(--color-brand)}.av-search-btn{background:var(--color-brand);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;transition:background .15s}.av-search-btn:hover:not(:disabled){background:var(--color-brand-dark)}.av-search-btn:disabled{opacity:.5;cursor:default}.av-error{color:var(--color-danger);margin:4px 0 0;font-size:13px}.av-search-result{background:var(--color-surface);border-radius:14px;flex-direction:column;gap:10px;padding:18px 16px;display:flex;box-shadow:0 1px 4px #0000000f}.av-result-ref{color:var(--color-text-primary);font-size:16px;font-weight:700}.av-result-text{color:var(--color-text-secondary);font-size:14px;line-height:1.6}.av-result-actions{align-items:center;gap:8px;display:flex}.av-pill-btn{cursor:pointer;border:none;border-radius:20px;padding:7px 16px;font-size:13px;font-weight:600;transition:opacity .15s}.av-pill-btn:hover{opacity:.85}.av-pill-deck{background:var(--color-brand-subtle);color:var(--color-brand-dark)}.av-pill-learn{background:var(--color-brand);color:#fff}.av-collection-list{flex-direction:column;gap:8px;display:flex}.av-collection-btn{background:var(--color-surface);border:1.5px solid var(--color-border);color:var(--color-text-primary);cursor:pointer;text-align:left;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 16px;font-size:15px;font-weight:500;transition:background .15s,border-color .15s;display:flex}.av-collection-btn:hover{background:var(--color-brand-muted);border-color:var(--color-brand-accent)}.av-collection-name{font-weight:600}.av-collection-count{background:var(--color-surface-sunken);color:var(--color-text-muted);border-radius:10px;padding:2px 8px;font-size:12px;font-weight:600}.av-add-all-btn{background:var(--color-brand);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-bottom:16px;padding:12px;font-size:14px;font-weight:700;transition:background .15s}.av-add-all-btn:hover:not(:disabled){background:var(--color-brand-dark)}.av-add-all-btn:disabled,.av-add-all-btn.av-add-all-done{background:var(--color-brand-subtle);color:var(--color-brand-dark);cursor:default}.sg-page{background:var(--color-bg);max-width:880px;min-height:100vh;color:var(--color-text-primary);margin:0 auto;padding:24px 20px 80px}.sg-top{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;padding-bottom:16px;display:flex}.sg-h1{margin:0 0 4px;font-size:22px;font-weight:800}.sg-sub{color:var(--color-text-muted);margin:0;font-size:13px}.sg-sub code,.sg-page code{font-family:ui-monospace,monospace;font-size:.92em}.sg-theme-btn{border-radius:var(--radius-full);cursor:pointer;border:1.5px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-primary);flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.sg-section{margin-bottom:36px}.sg-h2{border-bottom:1px solid var(--color-border-subtle);margin:0 0 14px;padding-bottom:6px;font-size:16px;font-weight:700}.sg-h3{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin:16px 0 8px;font-size:12px;font-weight:700}.sg-row{align-items:center;gap:14px;display:flex}.sg-wrap{flex-wrap:wrap}.sg-swatches{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.sg-swatch{align-items:center;gap:10px;display:flex}.sg-chip{border:1px solid var(--color-border-subtle);border-radius:8px;flex-shrink:0;width:36px;height:36px}.sg-swatch-meta{flex-direction:column;min-width:0;display:flex}.sg-swatch-meta code{font-size:12px;font-weight:600}.sg-swatch-meta span{color:var(--color-text-muted);font-size:11px}.sg-type-row{border-bottom:1px dashed var(--color-border-subtle);justify-content:space-between;align-items:baseline;gap:16px;padding:6px 0;display:flex}.sg-type-tag{color:var(--color-text-muted);flex-shrink:0;font-size:11px!important}.sg-radius-demo{background:var(--color-brand-muted);border:1.5px solid var(--color-brand-accent);justify-content:center;align-items:center;width:80px;height:56px;display:flex}.sg-radius-demo code,.sg-shadow-demo code{color:var(--color-text-secondary);font-size:11px}.sg-shadow-demo{background:var(--color-surface);border-radius:12px;justify-content:center;align-items:center;width:100px;height:64px;display:flex}.sg-icons{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:12px;display:grid}.sg-icon-cell{background:var(--color-surface);color:var(--color-text-primary);border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;display:flex}.sg-icon-cell code{color:var(--color-text-muted);font-size:11px}