@font-face{font-family:Tiempos Text;src:url(/fonts/tiempos-text-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-light.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--fg:#1b1b1b;--fg-dark:#212121;--fg-muted:#838383;--fg-muted2:#919191;--fg-muted3:#999;--fg-muted4:#9e9e9e;--fg-faint:#a1a1a1;--fg-light:#b4b4b4;--bg:#fff;--surface:#fff;--surface-header:#f5f5f5;--bg-alt:#f5f5f5;--bg-badge:#efefef;--bg-tag:#e6e6e6;--bg-tag2:#dcdcdc;--border:#d9d9d9;--border-light:#e6e6e6;--border-sidebar:#e0e0e0;--brand:#0c4133;--brand-strong:#255b4d;--brand-strong-hover:#1c4b3f;--brand-badge:#417a6b;--brand-nav-hover:#eef2f0;--fg-warm:#807b6e;--label-warm:#8e8a7e;--blue:#bee5fd;--blue-text:#2d688d;--blue-bg:#5c5c5c;--green-bg:#e1f2e6;--green-dot:#37be5d;--dark-notches:#06172a;--notch-idle:var(--border);--ease-out-quad:cubic-bezier(.25, .46, .45, .94);--accent:#255b4d;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none}body{min-height:100dvh}a{color:var(--accent);text-decoration:none}.main-inner>div>h2{font-variant-numeric:oldstyle-nums;letter-spacing:-.02em;color:var(--brand);margin-bottom:1.25rem;font-family:Tiempos Text,Times,serif;font-size:2rem;font-weight:400}button{font-family:inherit;font-size:inherit;border:1px solid var(--border);background:var(--surface);color:var(--fg);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:5px;padding:.5rem 1rem;transition:background .12s}a,[role=button]{touch-action:manipulation}button:enabled:active,[role=button]:active{transition-duration:.1s;transform:scale(.98)}@media (hover:hover) and (pointer:fine){button:hover{background:var(--bg-alt)}}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}@media (hover:hover) and (pointer:fine){button.primary:hover{background:var(--brand-strong-hover)}}button.danger{color:#fff;background:#c00;border-color:#c00}select,input,textarea{border:1px solid var(--border);background:var(--surface);border-radius:5px;padding:.4rem .6rem;font-family:inherit;font-size:16px}.app{align-items:stretch;height:100dvh;display:flex;overflow:clip}.main{overscroll-behavior-y:contain;flex-direction:column;flex:1;min-width:0;padding:1.5rem 2rem 4rem;display:flex;overflow-y:auto}:is(.main:has(>.main-inner>.explore),.main:has(>.main-inner>.settings)){padding-top:2rem}.main-inner{flex-direction:column;flex:1;width:100%;max-width:674px;margin:0 auto;display:flex}.main-inner:has(>.explore){max-width:1100px}.main-inner:has(>.streaks-page){max-width:960px}.sidebar{border-right:1px solid var(--border-sidebar);background:#f5f5f5;flex-direction:column;flex-shrink:0;align-items:center;width:50px;padding:14px 0 16px;display:flex;position:relative}.sidebar-beta,.mobile-beta{color:#2d698e;white-space:nowrap;background:#def3fe;border-left:1px solid #2d698e24;border-radius:0 5px 5px 0;justify-content:center;align-items:center;gap:2px;padding:4px 8px 4px 6px;font-size:12px;line-height:1.4;display:flex;position:absolute;top:14px;left:100%}.sidebar-beta img,.mobile-beta img{flex-shrink:0;display:block}.mobile-beta{border:0;border-radius:5px;padding:2px 6px 2px 4px;position:static}.mobile-nav-brand{align-items:center;gap:12px;display:flex}.sidebar-top{flex-direction:column;align-items:center;display:flex}.nav-logo-button{background:0 0;border:0;place-items:center;min-height:44px;padding:0;display:grid}@media (hover:hover) and (pointer:fine){.nav-logo-button:hover{background:0 0}}.nav-logo-button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.sidebar-logo-button{width:44px;min-height:24px;margin-bottom:16px}.sidebar-logo{width:22px;height:24px;display:block}.sidebar-divider{background:#e2e2e2;width:32px;height:1px;margin-bottom:16px}.rail-btn{color:#626262;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:box-shadow .12s,color .12s;display:inline-flex}.rail-btn+.rail-btn{margin-top:12px}@media (hover:hover) and (pointer:fine){.rail-btn:hover{color:var(--brand);box-shadow:inset 0 0 0 1px var(--border)}}.rail-btn:active{color:var(--brand);box-shadow:inset 0 0 0 1px var(--fg-muted2)}.sidebar-bottom{flex-direction:column;align-items:center;gap:12px;margin-top:auto;display:flex}.profile-menu-container{flex-direction:column;align-items:center;display:flex;position:relative}.profile-menu-container:after{content:"";pointer-events:auto;width:14px;position:absolute;top:-12px;bottom:-12px;left:100%}.profile-menu-trigger{border-radius:50%;overflow:hidden}.profile-avatar{object-fit:cover;border-radius:50%;width:24px;height:24px;display:block}.profile-menu{z-index:1001;background:var(--surface);opacity:0;pointer-events:none;border-radius:10px;width:220px;padding:4px;transition:opacity .15s,transform .15s;position:absolute;bottom:0;left:calc(100% + 10px);transform:translate(-4px);box-shadow:0 0 0 1px #0000000d,0 8px 24px #0000001a}.profile-menu-container--open .profile-menu{opacity:1;pointer-events:auto;transform:translate(0)}@media (hover:hover) and (pointer:fine){.profile-menu-container:hover .profile-menu,.profile-menu-container:focus-within .profile-menu{opacity:1;pointer-events:auto;transition-delay:40ms;transform:translate(0)}}.profile-menu-header{border-bottom:1px solid var(--border-light);align-items:center;gap:10px;padding:8px 10px;display:flex}.profile-menu-avatar{object-fit:cover;width:28px;height:28px;color:var(--fg-muted);border-radius:50%;flex-shrink:0;display:block}.profile-menu-avatar--fallback{background:var(--bg-alt);padding:5px}.profile-menu-names{flex-direction:column;gap:1px;min-width:0;display:flex}.profile-menu-fullname{color:var(--fg);font-size:13px;font-weight:500;line-height:1.3}.profile-menu-email{color:var(--fg-muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;line-height:1.3;overflow:hidden}.profile-menu-error{color:#b42318;padding:6px 10px;font-size:12px}.profile-menu-header+.profile-menu-item{margin-top:4px}.profile-menu-item{width:100%;color:var(--fg);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:400;line-height:1.4;transition:background-color .12s;display:flex}.profile-menu-item:hover{background:var(--bg-alt)}.profile-menu-item:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.rail-tooltip-positioner{z-index:1000}.rail-tooltip{-webkit-backdrop-filter:blur(6px);color:var(--bg);white-space:nowrap;opacity:0;transition:opacity .1s var(--ease-out-quad), translate .1s var(--ease-out-quad);background:#1b1b1be0;border-radius:6px;padding:3px 8px 5px;font-size:13px;line-height:1.4;translate:0;box-shadow:0 2px 8px #0000002e}.rail-tooltip[data-open]{opacity:1;translate:2px}.rail-tooltip[data-starting-style],.rail-tooltip[data-ending-style]{opacity:0;translate:0}.main-inner:has(>.home-welcome){max-width:692px}.home{flex-direction:column;align-items:center;padding-top:max(40px,50dvh - 355px);display:flex}.home h1,.home-welcome h1,.home-complete h1{color:var(--brand);font-family:Tiempos Text,Georgia,serif;font-weight:400;line-height:1.4}.home-greeting{text-align:center;font-size:48px}.home-subtitle{color:var(--fg-warm);text-align:center;font-size:16px;line-height:1.4}.home-preview{width:100%;margin-top:50px}.home-card-stack{background:var(--surface);isolation:isolate;border-radius:13px;justify-content:center;align-items:center;height:435px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #0000001f,0 4px 4px -2px #0000000d,0 15px 15px -9px #0000000d}.home-card-stack:before{content:"";border:9px solid var(--bg-alt);pointer-events:none;z-index:-1;border-radius:20px;position:absolute;inset:-9px}.home-action{color:#fff;background:#0c4234;border:0;border-radius:130px;justify-content:center;align-items:center;gap:10px;padding:10px 18px 10px 22px;font-size:16px;font-weight:500;line-height:1.4;display:inline-flex}.home-action img{flex-shrink:0;display:block}.home-card-stack .home-action{gap:6px}@media (hover:hover) and (pointer:fine){.home-action:hover{background:var(--brand-strong-hover)}}.home-action:active,.home-action.active{transform:translateY(1px)}.home-action:focus-visible{outline:2px solid var(--brand);outline-offset:4px}.home-action--secondary{color:#2c2c2c;background:#f0f0f0;padding:10px 17px}@media (hover:hover) and (pointer:fine){.home-action--secondary:hover{background:var(--border-light)}}.home-notches{flex-wrap:wrap;justify-content:center;gap:7px;margin-top:45px;display:flex}.home-notches span{background:var(--border);border-radius:22px;width:4px;height:12px}.home-brand{color:#1f4435;align-items:center;display:flex}.home-brand img{object-fit:contain;width:148px;height:41px;display:block}.home-welcome{text-align:center;flex-direction:column;align-items:center;padding-top:max(40px,50dvh - 194px);display:flex}.home-welcome h1,.home-complete h1{font-size:38px}.home-welcome h1{text-wrap:pretty;margin-top:48px}.home-description{color:#6c6c6c;text-wrap:pretty;font-size:18px;line-height:1.5}.home-welcome .home-description{max-width:644px;margin-top:12px}.home-welcome .home-action{margin-top:32px}.home-complete{width:100%;max-width:563px;margin-left:auto;padding-top:max(40px,50dvh - 244px)}.home-complete h1{margin-top:39px}.home-complete .home-description{margin-top:12px;font-size:16px}.home-stats{border:1px solid #e2e2e2;border-radius:10px;grid-template-columns:repeat(4,auto);gap:40px;width:fit-content;max-width:100%;margin-top:31px;padding:14px 20px;display:grid}.home-stats dt{letter-spacing:.6px;color:var(--fg-muted);text-transform:uppercase;white-space:nowrap;font:400 12px/1.4 IBM Plex Mono,monospace}.home-stats dd{color:var(--brand);margin-top:6px;font-size:18px;line-height:1.4}.home-complete .home-action{margin-top:42px}.home-loading{display:none}@media (width<=750px){.home-greeting{font-size:38px}.home-preview{width:calc(100% - 18px);margin-top:40px}.home-card-stack{height:clamp(260px,45dvh,435px)}.home-welcome h1,.home-complete h1{font-size:30px}.home-description{font-size:16px}.home-complete{margin-inline:auto}.home-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%}}.home-review-heading{text-align:center}.home--review-preview .review-header{position:absolute;inset:0 0 auto}.home--review-preview .review-card{cursor:default;--review-preview-ring:9px}.review-preview-action{place-items:center;display:grid;position:absolute;inset:0}.review-preview-action .home-action{pointer-events:auto}.home--review-preview .review-footer{margin-top:34px}.review-notch-slot{display:grid}.review-notch-slot>div{grid-area:1/1}@media (width<=750px){.home--review-preview .review-card{min-height:clamp(260px,45dvh,435px)}}.review-screen{flex-direction:column;flex:1;justify-content:center;gap:0;display:flex}.review-card-area{flex-direction:column;display:flex}.review-surface{isolation:isolate;border-radius:20px;position:relative}@media (prefers-reduced-motion:reduce){.review-card.review-card--voice{transition:none}}.review-surface-bg-clip{z-index:-1;pointer-events:none;border-radius:20px;position:absolute;inset:0;overflow:hidden}.review-surface-bg{background:var(--surface-header);pointer-events:none;border-radius:20px;position:absolute;inset:0}.review-header{border-radius:20px 20px 0 0;align-items:center;gap:.5rem;margin-bottom:0;padding:10px 1rem 23px;font-size:.875rem;display:flex}.review-card-area .review-footer--recording{color:#848484;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;min-height:0;margin-top:0;padding:0 14px;font-size:.875rem;display:flex;overflow:hidden}.review-footer-controls{flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:52px;display:flex}.review-correctness,.review-transcript-toggle{align-items:center;gap:.45rem;display:inline-flex}.review-transcript-toggle{color:#979797;font:inherit;cursor:pointer;background:0 0;border:0;padding:3px 0 3px 8px}@media (hover:hover) and (pointer:fine){.review-transcript-toggle:hover,.review-footer-controls:hover .review-transcript-toggle{color:#505050}}.review-footer-controls{cursor:pointer}@media (hover:hover) and (pointer:fine){.review-footer-controls:hover .review-transcript-toggle{background:#eee}}.review-transcript-toggle svg{transition:transform .18s}.review-transcript-toggle.is-open svg{transform:rotate(-90deg)}.review-transcript{box-sizing:border-box;color:#666;text-align:left;overflow-wrap:anywhere;width:100%;padding:0 0 14px;font-size:.875rem;line-height:1.5}.review-header .header-actions>button{color:var(--fg-muted);background:0 0;border:none;border-radius:8px;justify-content:flex-end;align-items:center;gap:.4rem;padding:.35rem .5rem;font-size:.8125rem;display:flex}.review-header .edit-btn.editing{color:var(--fg)}.review-card .verse-text-input{width:100%;font:inherit;letter-spacing:inherit;color:inherit;text-align:inherit;resize:none;box-shadow:0 0 0 8px var(--surface), 0 0 0 9px #00000024;background:0 0;border:none;border-radius:2px;margin:2px 0 0;padding:0;transition:box-shadow .12s;display:block;overflow:hidden}.review-card .verse-text-input:focus{box-shadow:0 0 0 8px var(--surface), 0 0 0 9px #00000052;outline:none}.edit-actions{justify-content:center;align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.edit-actions .edit-save{background:var(--fg);color:var(--surface);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.8125rem;display:inline-flex}.edit-actions .edit-save:disabled{opacity:.4;cursor:default}.edit-actions .edit-hint{color:var(--fg-muted);font-size:.6875rem}.review-header .status-pill{background:0 0;align-items:center;gap:.3rem;padding:.2rem 0;font-size:.75rem;display:inline-flex}.status-pill.reviewed{color:var(--fg-muted);background:0 0}.status-pill.reviewed .dot{display:none}.status-pill.version{color:var(--fg-muted);background:0 0;border-radius:0}.review-header .sep-dot{background:#b4b4b4;border-radius:50%;flex-shrink:0;width:3px;height:3px;display:inline-block}.review-card{background:var(--surface);min-height:435px;box-shadow:0 0 0 1px #00000012, 0 4px 4px -2px #0000000d, 0 15px 15px -9px #0000000d, 0 0 0 var(--review-preview-ring,0px) var(--bg-alt);z-index:1;cursor:pointer;border-radius:20px;flex-direction:column;padding:36px 50px 24px;transition:box-shadow .65s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden}.review-card .reference{font-variant-numeric:oldstyle-nums;color:var(--fg-dark);text-align:center;flex:1;justify-content:center;align-items:center;font-family:Tiempos Text,Times,serif;font-size:2rem;font-weight:400;display:flex}.review-card .reference-top{color:#7d7d7d;text-align:center;font-family:Inter,-apple-system,sans-serif;font-size:18px;font-weight:500}.review-card .verse-text{text-wrap:pretty;font-variant-numeric:oldstyle-nums;color:#212121;letter-spacing:-.58px;text-align:left;flex:1;align-items:center;padding-block:36px;font-family:Tiempos Text,Times,serif;font-size:1.5rem;font-weight:400;line-height:1.4;display:flex}.verse-small-caps{font-variant-caps:all-small-caps}.verse-text--reserve-bottom{margin-bottom:43px}.review-card .verse-text--scroll{-webkit-overflow-scrolling:touch;align-items:flex-start;max-height:calc(100dvh - 340px);padding-block:24px;overflow-y:auto}.review-card .verse-text--scroll::-webkit-scrollbar{width:6px}.review-card .verse-text--scroll::-webkit-scrollbar-track{background:0 0}.review-card .verse-text--scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.show-answer{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0c4234;border-radius:999px;justify-content:center;align-self:center;align-items:center;gap:.6rem;height:43px;padding:10px 18px;font-size:1rem;font-weight:400;transition:background-color .2s,transform .2s,color .2s;display:inline-flex}@media (hover:hover) and (pointer:fine){.show-answer:hover{background:var(--brand-strong-hover);color:#fff}}.show-answer.active{background:var(--brand-strong-hover);color:#fff}.show-answer.active .key-badge{color:#fff;background:#ffffff29}@media (hover:hover) and (pointer:fine){.show-answer:hover .key-badge{color:#fff;background:#ffffff29}}.show-answer .key-badge svg path{transition:fill .2s}.show-answer.active .key-badge svg path{fill:#fff}@media (hover:hover) and (pointer:fine){.show-answer:hover .key-badge svg path{fill:#fff}}.show-answer:active,.show-answer.active{transform:translateY(2px)}.show-answer .key-badge{color:#ffffffc7;background:#ffffff1f;border-radius:5px;justify-content:center;align-items:center;padding:6px;font-family:IBM Plex Mono,monospace;font-size:.8125rem;font-weight:300;transition:background-color .2s,color .2s;display:inline-flex}.rating-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:32px;min-height:43px;display:flex}.rating-buttons button{color:#505050;background:0 0;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem .75rem;font-size:16px;font-weight:400;transition:background-color .2s,transform .2s,color .2s;display:flex}.rating-buttons button:enabled.active{background:var(--bg-alt);color:#1b1b1b}@media (hover:hover) and (pointer:fine){.rating-buttons button:enabled:hover{background:var(--bg-alt);color:#1b1b1b}}.rating-buttons button:enabled.active .kb{color:#1b1b1b;background:#e0e0e0}@media (hover:hover) and (pointer:fine){.rating-buttons button:enabled:hover .kb{color:#1b1b1b;background:#e0e0e0}}.rating-buttons button:enabled.grade-again.active{color:#8a3a3a;background:#fdeeee}@media (hover:hover) and (pointer:fine){.rating-buttons button:enabled.grade-again:hover{color:#8a3a3a;background:#fdeeee}}.rating-buttons button:enabled.grade-again.active .kb{color:#8a3a3a;background:#f5dada}@media (hover:hover) and (pointer:fine){.rating-buttons button:enabled.grade-again:hover .kb{color:#8a3a3a;background:#f5dada}}.rating-buttons button:enabled:active,.rating-buttons button:enabled.active{transform:translateY(2px)}.rating-buttons button .kb{color:#7e7e7e;background:#f0f0f0;border-radius:5px;justify-content:center;align-items:center;width:18px;height:22px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:400;transition:background-color .2s,color .2s;display:inline-flex}.review-footer{color:var(--fg-muted3);justify-content:center;align-items:center;gap:0;margin-top:36px;font-size:.8125rem;display:flex;position:relative}.review-footer .count{font-variant-numeric:tabular-nums;align-items:center;gap:.5rem;font-size:.8125rem;line-height:1;display:inline-flex;position:absolute;right:24px}.review-footer .count .count-badge{border-radius:4px;align-items:center;gap:.125rem;padding:.1rem .3125rem;display:inline-flex}.review-footer .count .count-badge svg{position:relative;top:1px}.review-footer .count .count-badge--pass{color:#4ea579;background:#ddfae166}.review-footer .count .count-badge--fail{color:#da6c6c;background:#f7dfdf40}.review-footer .count .count-remaining{color:var(--fg-muted3)}.review-footer .undo-btn{color:var(--fg-muted3);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-size:.8125rem;transition:color .2s;display:flex;position:absolute;left:24px}@media (hover:hover) and (pointer:fine){.review-footer .undo-btn:hover{color:#505050}}.review-footer .undo-icon{align-items:center;margin-right:6px;transition:color .2s;display:inline-flex;transform:scaleY(-1)}.review-footer .undo-kb{background:var(--bg-badge);color:#7e7e7e;border-radius:5px;justify-content:center;align-items:center;margin-left:6px;padding:2px 6px;font-family:IBM Plex Mono,monospace;font-size:.7rem;display:inline-flex;overflow:hidden}.review-footer .workload{align-items:center;gap:.5rem;display:flex;position:absolute;left:24px}.review-footer .workload .dot{background:var(--fg-light);border-radius:50%;width:3px;height:3px}.review-footer .progress-notches{touch-action:pan-y;align-items:center;height:34px;display:flex}.review-footer .notch-wrapper{cursor:pointer;touch-action:none;align-items:center;height:34px;padding:0 3.5px;display:flex;position:relative}.review-footer .notch-wrapper.intermediate:before{content:"";top:calc(50% - var(--notch-height,12px) / 2 + 1px);z-index:1;width:2px;height:calc(var(--notch-height,12px) * .5);pointer-events:none;background:#fff;border-radius:22px;position:absolute;left:50%;transform:translate(-50%)}.review-footer .notch-wrapper:after{content:"";width:4px;height:var(--notch-height,12px);background:var(--notch-color,var(--notch-idle));transform-origin:50%;border-radius:22px;transition:none;display:block}.review-footer .notch-wrapper.just-done{animation:.4s cubic-bezier(.34,1.56,.64,1) notchBounce}.review-footer.review-footer--stacked{flex-direction:column;gap:16px}.review-footer--stacked .footer-meta{align-items:center;gap:16px;display:flex}.review-footer--stacked .undo-btn,.review-footer--stacked .workload,.review-footer--stacked .count{position:static}@keyframes notchBounce{0%{scale:1}50%{scale:1 1.25}to{scale:1}}.binary-buttons{justify-content:center;gap:.75rem;display:flex}.binary-buttons button{border-radius:5px;min-width:110px;padding:.5rem 1rem;font-weight:500}.passage-list{flex-direction:column;gap:.5rem;display:flex}.passage-card{border:1px solid var(--border-light);background:var(--surface);cursor:pointer;text-align:left;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.25rem;font-weight:400;transition:background .12s,border-color .12s;display:flex}@media (hover:hover) and (pointer:fine){.passage-card:hover{background:var(--bg-alt);border-color:var(--border)}}.passage-card-label{color:var(--fg);font-size:1.05rem;font-weight:500}.passage-card-meta{color:var(--fg-muted);font-size:.8rem}.passage-verse{border-bottom:1px solid var(--border-light);padding:.6rem 0}.passage-verse .ref{color:var(--fg-muted);font-size:.8125rem;font-weight:600}.passage-verse .text{margin-top:.2rem;font-family:Times New Roman,Times,serif;font-size:1.05rem;line-height:1.6}.passage-verse.hidden .text{color:#0000;background:var(--bg-alt);border-radius:4px;padding:.3rem 0}.passage-due{color:var(--fg-muted);font-size:.7rem}.passage-due.overdue{color:#c00}.passage-current{background:var(--surface);border-radius:12px;margin-bottom:.5rem;padding:1rem}.passage-current .ref{color:var(--fg-muted);font-size:.8125rem;font-weight:600}.passage-current .text{margin-top:.3rem;font-family:Times New Roman,Times,serif;font-size:1.1rem;line-height:1.6}.passage-current .text.hidden{color:#0000;background:var(--bg-alt);border-radius:4px}.card{background:var(--surface);border:1px solid var(--border-light);border-radius:12px;margin-bottom:1rem;padding:1.5rem}.muted{color:var(--fg-muted)}.cue{text-align:center;padding:2rem 1rem;font-size:1.3rem;font-weight:600}.progress{color:var(--fg-muted3);text-align:center;margin-bottom:.5rem;font-size:.8125rem}.summary{flex-direction:column;gap:0;display:flex}.summary-row{border-bottom:1px solid var(--border-light);justify-content:space-between;padding:.6rem 0;font-size:.9rem;display:flex}.summary-row:last-child{border-bottom:none}.field-map{grid-template-columns:auto 1fr;align-items:center;gap:.5rem 1rem;margin:1rem 0;display:grid}.note-preview{background:var(--bg-alt);border-radius:6px;margin:.5rem 0;padding:.75rem;font-size:.875rem}.note-preview .field{gap:.5rem;padding:.2rem 0;display:flex}.note-preview .field-name{color:var(--fg-muted);min-width:80px;font-weight:600}.failures{border:1px solid var(--border-light);border-radius:6px;max-height:300px;margin:1rem 0;overflow-y:auto}.failures table{border-collapse:collapse;width:100%;font-size:.8125rem}.failures th,.failures td{border-bottom:1px solid var(--border-light);text-align:left;padding:.3rem .5rem}.failures th{background:var(--bg-alt)}.failures input{width:100%;font-size:.8125rem}.section-title{margin:1.25rem 0 .5rem;font-size:1rem;font-weight:600}.spacer{height:.75rem}code{background:var(--bg-badge);border-radius:3px;padding:.1em .3em;font-family:IBM Plex Mono,monospace;font-size:.875em}.explore{flex-direction:column;display:flex}.explore-controls{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.explore-controls select,.explore-search{padding:.3rem .5rem;font-size:.8125rem}.explore-search{flex:1;min-width:160px}.explore-count{color:var(--fg-muted);margin-left:auto;font-size:.8125rem}.explore-table-wrap{border:1px solid var(--border-light);background:var(--surface);border-radius:12px;overflow-x:auto}.explore-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:.8125rem}.explore-table th,.explore-table td{text-align:left;border-bottom:1px solid var(--border-light);padding:.55rem .75rem}.explore-table thead th{background:var(--surface-header);color:var(--fg-muted);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;font-weight:600;position:sticky;top:0}@media (hover:hover) and (pointer:fine){.explore-table thead th:hover{color:var(--fg)}}.explore-table tbody tr:last-child td{border-bottom:none}@media (hover:hover) and (pointer:fine){.explore-table tbody tr:hover{background:var(--bg-alt)}}.explore-table .num{text-align:right;font-variant-numeric:tabular-nums}.explore-table .explore-ref{white-space:nowrap;font-weight:600}.explore-table .sort-arrow{color:var(--fg-muted2);font-size:.7rem}.explore-edit-col{text-align:right;width:1%}.explore-table thead .explore-edit-col{cursor:default}@media (hover:hover) and (pointer:fine){.explore-table thead .explore-edit-col:hover{color:var(--fg-muted)}}.explore-edit-btn{border:1px solid var(--border);background:var(--surface);border-radius:5px;padding:.25rem .6rem;font-size:.75rem}.explore-empty{text-align:center;color:var(--fg-muted);padding:2rem 1rem}.explore-check-col{width:1%;padding-left:.6rem!important;padding-right:.25rem!important}.explore-check-col input[type=checkbox]{cursor:pointer;accent-color:var(--accent);margin:0}.cbx{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex;position:relative}.cbx input[type=checkbox]{opacity:0;cursor:pointer;z-index:1;margin:0;position:absolute;inset:0}.cbx-box{border:1px solid var(--border);background:var(--surface);border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;transition:background .12s,border-color .12s;display:flex;position:relative}@media (hover:hover) and (pointer:fine){.cbx:hover .cbx-box{border-color:var(--fg-muted)}}.cbx input[type=checkbox]:checked~.cbx-box,.cbx input[type=checkbox]:indeterminate~.cbx-box{background:var(--accent);border-color:var(--accent)}.cbx input[type=checkbox]:focus-visible~.cbx-box{outline:2px solid var(--accent);outline-offset:2px}.cbx-indicator{color:#fff;pointer-events:none;width:14px;height:14px}.explore-table tbody tr.selected{background:var(--brand-nav-active)}.explore-bulkbar{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.75rem;padding:.75rem 1rem;display:flex;position:sticky;bottom:0;box-shadow:0 -2px 8px -4px #0000001a}.explore-bulk-count{font-size:.875rem;font-weight:600}.explore-bulk-version{align-items:center;gap:.4rem;display:flex}.explore-bulk-version input{width:150px;padding:.3rem .5rem;font-size:.8125rem}.modal-backdrop{z-index:100;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:12px;width:100%;max-width:480px;max-height:90dvh;padding:1.5rem;overflow-y:auto;box-shadow:0 20px 50px -10px #0000004d}.modal-field{flex-direction:column;gap:.3rem;margin-bottom:1rem;display:flex}.modal-field>span{color:var(--fg-muted);font-size:.8rem;font-weight:600}.modal-field input,.modal-field textarea{border:1px solid var(--border);background:var(--surface);resize:vertical;border-radius:6px;padding:.5rem .6rem;font-family:inherit;font-size:16px}.modal-error{color:#c00;margin-bottom:.75rem;font-size:.8rem}.modal-actions{justify-content:flex-end;gap:.5rem;display:flex}.header-actions{grid-template-columns:1fr;margin-left:auto;display:grid}.header-actions>*{grid-area:1/1;justify-self:stretch}.review-header .hint-btn{transition:opacity .2s ease-out}.review-header .hint-btn svg{color:#757575}@media (hover:hover) and (pointer:fine){.review-header .hint-btn:hover,.review-transcript-toggle:hover{background:#0000000d}}.review-header .hint-btn[aria-pressed=true]{color:#505050;background:#0000000d}.review-header .hint-btn[aria-pressed=true] svg{color:inherit}.review-card--expanded .show-answer{margin-top:auto}.hint-text{white-space:pre-wrap;margin:-16px;padding:16px;animation:1.3s ease-out hint-diagonal-reveal;display:block;-webkit-mask-image:linear-gradient(to bottom right,#000 37%,#0000 63%);mask-image:linear-gradient(to bottom right,#000 37%,#0000 63%);-webkit-mask-position:16% 16%;mask-position:16% 16%;-webkit-mask-size:400% 400%;mask-size:400% 400%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes hint-diagonal-reveal{0%{-webkit-mask-position:80% 80%;mask-position:80% 80%}to{-webkit-mask-position:16% 16%;mask-position:16% 16%}}.hint-sharp{animation:hint-character-sharpen .175s ease-out var(--hint-sharpen-delay,0s) backwards, hint-character-fade .175s ease-out var(--hint-sharpen-delay,0s) backwards}@keyframes hint-character-sharpen{0%{filter:blur(6px)}to{filter:blur()}}@keyframes hint-character-fade{0%{opacity:.3}to{opacity:1}}.hint-text--revealed{animation:none;-webkit-mask-image:none;mask-image:none}.hint-text--revealed .hint-sharp{animation:none}.hint-text--revealed .hint-blur{filter:none;opacity:1;animation:hint-character-sharpen var(--hint-sharpen-duration,.2s) ease-out var(--hint-sharpen-delay,0s) backwards, hint-character-fade calc(var(--hint-sharpen-duration,.2s) * 1.8) ease-out var(--hint-sharpen-delay,0s) backwards}@media (prefers-reduced-motion:reduce){.hint-sharp{filter:none;opacity:1;animation:none}.hint-text{animation:none;-webkit-mask-image:none;mask-image:none}.hint-text--revealed .hint-blur{filter:none;opacity:1;animation:none}}.hint-blur{filter:blur(6px);opacity:.3}.review-card--expanded .verse-text{white-space:pre-wrap;margin-inline:-16px;padding-inline:16px}.rating-buttons button:disabled{opacity:.35;cursor:not-allowed}@media (width<=480px){.review-card--expanded{padding-inline:24px}.review-header{flex-wrap:wrap}}.review-card:focus-visible{outline:2px solid var(--brand);outline-offset:4px}.review-card--voice{position:relative}.review-card--voice:not(.review-card--expanded){place-items:center;display:grid}.review-card--voice:not(.review-card--expanded)>.reference{position:relative;bottom:24px}.review-surface--recitation-result .review-card--expanded .verse-text{padding-inline:calc(26px - var(--review-inline-inset,0px))}.answer-actions{cursor:default;justify-content:center;align-items:center;gap:0;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.show-verse-slot{flex-shrink:0;overflow:visible}.show-verse-slot .show-answer{white-space:nowrap;width:max-content}.answer-actions .recitation{cursor:default;color:#fff;will-change:width;background:#0c4234;border-radius:999px;grid-template-columns:minmax(0,1fr);place-items:center;width:43px;height:43px;margin:0;padding:0;transition:width .45s cubic-bezier(.22,1,.36,1);display:grid;position:relative;overflow:hidden}.answer-actions .recitation-status:empty{display:none}.recitation-idle button{width:43px;height:43px}.answer-actions .recitation{flex-shrink:0;transition-property:width,background-color}.answer-actions .recitation:not(.recitation--active){transition-duration:.45s}.answer-actions .recitation--active{width:131px}.recitation-idle,.recitation-recording{will-change:transform, opacity;grid-area:1/1}.recitation-idle{transition:opacity .15s,transform .15s}.recitation-recording{opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;transform:scale(.95)}.recitation--active .recitation-idle{opacity:0;pointer-events:none;transform:scale(.7)}.recitation--active .recitation-recording{opacity:1;pointer-events:auto;transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1);transform:scale(1)}.recitation-controls.recitation-recording{box-sizing:border-box;color:#363636;align-items:center;gap:5px;padding:4px}.recitation-recording button{color:inherit;background:0 0}.recitation-controls.recitation-recording button{color:#363636;background:0 0}@media (hover:hover) and (pointer:fine){.recitation-controls.recitation-recording button:hover{background:#e5e5e5}}.recitation-controls.recitation-recording svg{width:24px;height:24px}.recitation-spinner{animation:.9s linear infinite recitation-spinner-rotate}@keyframes recitation-spinner-rotate{to{transform:rotate(360deg)}}.recitation-controls.recitation-recording button{border-radius:50%;width:35px;height:35px}.recitation-error{width:240px;position:absolute;bottom:calc(100% + 12px)}@media (prefers-reduced-motion:reduce){.answer-actions .recitation,.recitation-idle,.recitation-recording,.recitation--active .recitation-recording{will-change:auto;transition:none}.recitation-spinner{animation:none}}.recitation-controls{flex-shrink:0;gap:.4rem;display:flex}.recitation-controls button{color:#303030;cursor:pointer;background:#f0f0f0;border:0;border-radius:50%;place-items:center;width:40px;height:43px;padding:0;line-height:0;transition:background-color .2s,color .12s;display:grid}@media (hover:hover) and (pointer:fine){.recitation-controls button:hover{color:#000;background:#e5e5e5}.recitation-controls button:hover:disabled{color:#303030;background:#f0f0f0}}.recitation-controls.recitation-idle button{color:#fff;background:#0c4234;border-radius:999px;width:auto;min-width:43px;padding:10px 18px}@media (hover:hover) and (pointer:fine){.recitation-controls.recitation-idle button:hover{background:var(--brand-strong-hover);color:#fff}}.recitation-controls button:focus-visible{outline-offset:3px;outline:2px solid #505050}.recitation-controls button:disabled{cursor:default}.recitation-controls.recitation-recording button:disabled{opacity:1}.recitation-spinner{pointer-events:none}.recitation-controls svg{width:20px;height:20px;display:block}.recitation-status{color:#666;text-align:right;font-size:.75rem;line-height:1.3}.recitation-correct{background:#dff2e4;border-radius:3px}.recitation-missed{text-underline-offset:4px;-webkit-text-decoration:underline #bc4141;text-decoration:underline #bc4141;text-decoration-thickness:2px}.recitation-transcript-missed{-webkit-text-decoration:underline #bc4141;text-decoration:underline #bc4141;text-decoration-thickness:1px}.recitation-feedback{color:#666;margin-top:1rem;font-size:.8rem;line-height:1.5}.recitation-feedback p{margin:.35rem 0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.recitation-waveform{color:#363636;flex-shrink:0;align-items:center;gap:5px;height:24px;display:flex}.recitation-waveform span{transform-origin:50%;background:currentColor;border-radius:999px;width:3px;height:4px;transition:height 80ms linear}@media (hover:hover) and (pointer:fine){.answer-actions .recitation:not(.recitation--active):has(.recitation-idle button:hover){background:var(--brand-strong-hover)}}.answer-actions .recitation .recitation-idle button{background:0 0;transition:color .12s}@media (hover:hover) and (pointer:fine){.answer-actions .recitation .recitation-idle button:hover{background:0 0;transition:color .12s}}.answer-actions .recitation.recitation--active{color:#fff;background:#0c4234}.answer-actions .recitation.recitation--active .recitation-recording button{color:#fff;background:0 0}@media (hover:hover) and (pointer:fine){.answer-actions .recitation.recitation--active .recitation-recording button:hover{color:#fff;background:#ffffff29}}.answer-actions .recitation.recitation--active .recitation-waveform{color:#fff}.add-verse-backdrop{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#e2e2e299;animation:.22s ease-out both add-verse-backdrop-in;position:fixed;inset:0}.add-verse-backdrop.is-closing{animation:.15s ease-in both add-verse-backdrop-out}.add-verse-modal{z-index:101;background:var(--surface);color:#151515;border-radius:20px;width:min(946px,100vw - 4rem);max-height:calc(100dvh - 112px);animation:.26s cubic-bezier(.22,1,.36,1) both add-verse-modal-in;position:fixed;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000012,0 4px 4px -2px #0000000d,0 15px 15px -9px #0000000d}.add-verse-modal.is-closing{animation:.15s ease-in both add-verse-modal-out}.add-verse-body{border-radius:inherit;grid-template-columns:1fr 1fr;max-height:calc(100dvh - 112px);display:grid;overflow-y:auto}.add-verse-close{width:32px;height:32px;color:var(--fg);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:-36px;right:-36px}@media (hover:hover) and (pointer:fine){.add-verse-close:hover{background:0 0}}.add-verse-close:focus-visible{outline:2px solid var(--brand);outline-offset:3px}@media (width<=1058px){.add-verse-close{right:0}}.add-verse-form{box-sizing:border-box;flex-direction:column;min-width:0;padding:2rem 38px;display:flex}.add-verse-title{margin:0;font:500 16px/1.4 Inter,-apple-system,sans-serif}.add-verse-description{color:#707070;margin:5px 0 1rem;font-size:14px;line-height:1.5}.add-verse-input-row{grid-template-columns:minmax(0,230fr) minmax(0,145fr);gap:18px;margin-bottom:14px;display:grid}.add-verse-field{flex-direction:column;gap:4px;min-width:0;display:flex}.add-verse-field label{white-space:nowrap;font-size:14px;font-weight:500;line-height:1.4}.add-verse-field label span{color:#979797;font-size:12px;font-weight:400}.add-verse-field input,.add-verse-field textarea{box-sizing:border-box;width:100%;max-width:none;font:inherit;background:var(--surface);color:#151515;border:1px solid #e5e5e5;border-radius:10px;margin:0;padding:9px 11px;font-size:16px;line-height:1.4}.add-verse-field input{height:40px}.add-verse-field textarea{resize:vertical;height:128px;min-height:128px}.add-verse-field input::placeholder,.add-verse-field textarea::placeholder{color:#8f8f8f;opacity:1}.add-verse-field input:focus-visible,.add-verse-field textarea:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.add-verse-field[data-invalid] label{color:#b42318}.add-verse-field[data-invalid] input,.add-verse-field[data-invalid] textarea{background:snow;border-color:#b42318}.add-verse-field[data-invalid] input:focus-visible,.add-verse-field[data-invalid] textarea:focus-visible{outline-color:#b42318}.add-verse-field-error{color:#b42318;margin-top:2px;font-size:12px;line-height:1.4}.add-verse-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:2rem;display:flex}.add-verse-import{align-items:center;gap:6px;display:inline-flex}.add-verse-actions button{color:#0b0b0b;background:0 0;border:0;border-radius:130px;margin:0;padding:8px 16px;font-size:14px;font-weight:500;line-height:1.4}@media (hover:hover) and (pointer:fine){.add-verse-actions button:hover{background:var(--bg-alt)}}.add-verse-actions .add-verse-import{color:var(--brand);background:0 0;border-radius:0;padding:0}@media (hover:hover) and (pointer:fine){.add-verse-actions .add-verse-import:hover{text-underline-offset:3px;background:0 0;text-decoration:underline}}.add-verse-actions button.primary{background:var(--brand-strong);color:#fff;padding-inline:18px}@media (hover:hover) and (pointer:fine){.add-verse-actions button.primary:hover{background:var(--brand-strong-hover)}}.add-verse-actions button.primary:disabled{color:#989898;opacity:1;background:#f0f0f0}.add-verse-preview{background-color:#fbfbfb;background-image:radial-gradient(circle,#2d2d2d1a 1px,#0000 1px);background-size:12px 12px;border-left:1px solid #eaeaea;min-width:0;position:relative}.add-verse-preview-label{color:#005e99;white-space:nowrap;background:#def3fe;border-radius:0 0 6px 6px;align-items:center;gap:5px;padding:6px 14px;font-size:12px;line-height:1.4;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.add-verse-preview-label img{width:14px;height:14px}.add-verse-preview-stack{overflow-wrap:anywhere;background:#f2f2f2;border-radius:15px;min-width:0;height:min(279px,100% - 80px);position:absolute;top:50%;left:38px;right:44px;transform:translateY(-50%)}.add-verse-preview-toolbar{color:#838383;background:#f2f2f2;border-radius:15px 15px 0 0;justify-content:space-between;align-items:center;height:30px;padding:0 12px 0 16px;font-size:10px;display:flex}.add-verse-preview-edit{color:#838383;background:0 0;border:0;align-items:center;gap:4.5px;margin:0;padding:0;font-size:10.5px;display:flex}.add-verse-preview-edit img{width:9px;height:9px}.add-verse-preview-card{box-sizing:border-box;background:var(--surface);border-radius:15px;grid-template-rows:20px minmax(0,1fr) 20px;gap:10px;height:calc(100% - 30px);padding:22px 31px;display:grid;box-shadow:0 0 0 1px #00000012,0 4px 4px -2px #0000000d,0 15px 15px -9px #0000000d}.add-verse-preview-reference{text-align:center;color:#7d7d7d;font-size:14px;font-weight:500;line-height:1.4}.add-verse-preview-text{letter-spacing:-.36px;white-space:pre-wrap;max-height:100%;color:var(--fg-dark);align-self:center;font-family:Tiempos Text,Georgia,serif;font-size:18px;line-height:1.4;overflow-y:auto}@media (width<=700px){.add-verse-body{grid-template-columns:1fr}.add-verse-form{padding:28px 24px 24px}.add-verse-preview{display:none}.add-verse-input-row{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px}.add-verse-field label span{display:block}.add-verse-input-row .add-verse-field{justify-content:flex-end}}@keyframes add-verse-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes add-verse-modal-in{0%{opacity:0;transform:translate(-50%,calc(12px - 50%))scale(.98)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes add-verse-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes add-verse-modal-out{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,calc(6px - 50%))scale(.985)}}@media (prefers-reduced-motion:reduce){.add-verse-backdrop,.add-verse-modal{animation:none}}.main-inner:has(>.settings){max-width:808px}.settings{padding-block:16px 48px}.settings-header{margin-bottom:32px}.settings-header h2{letter-spacing:-.02em;color:var(--brand);margin:0 0 6px;font-family:Tiempos Text,Georgia,serif;font-size:36px;font-weight:400}.settings-header p{color:var(--fg-muted);font-size:14px}.settings-section+.settings-section{margin-top:32px}.settings-section>h3{color:var(--fg);margin:0 0 12px;font-size:18px;font-weight:600}.settings-box{border:1px solid var(--border-light);background:var(--surface);border-radius:16px;overflow:hidden}.settings-row{background:#f7f7f7;justify-content:space-between;align-items:center;gap:32px;padding:24px;display:flex}.settings-row+.settings-row,.settings-import+.settings-row{border-top:1px solid var(--border-light)}.settings-row-copy{flex:1;min-width:0}.settings-row-copy h4,.settings-row-heading{margin:0 0 5px;font-size:14px;font-weight:500;line-height:1.5;display:block}.settings-row-title{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:5px;display:flex}.settings-row-title h4{margin-bottom:0}.sync-status-badge{color:#2d698e;white-space:nowrap;background:#def3fe;border:1px solid #2d698e24;border-radius:999px;align-items:center;gap:4px;padding:2px 7px 2px 5px;font-size:12px;font-weight:500;line-height:1.4;display:inline-flex}.sync-status-badge--synced{color:#187752;background:#e4f5ed;border-color:#18775229}.sync-status-badge--syncing svg{animation:1s linear infinite settings-sync-spin}@keyframes settings-sync-spin{to{transform:rotate(360deg)}}.settings-row-copy p{color:#707070;margin:0;font-size:13px;line-height:1.6}.settings button{border:1px solid var(--border);color:var(--fg);background:0 0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;margin:0;padding:8px 15px;font-size:13px;font-weight:500;transition:background-color .12s,color .12s,border-color .12s;display:inline-flex}@media (hover:hover) and (pointer:fine){.settings button:not(.primary):not(.danger):not(.settings-delete):not(.settings-link-button):enabled:hover{background:var(--fg);color:#fff;border-color:var(--fg)}}.settings button.primary{border-color:var(--brand-strong);color:var(--brand-strong);background:0 0}@media (hover:hover) and (pointer:fine){.settings button.primary:enabled:hover{background:var(--brand-strong-hover);border-color:var(--brand-strong-hover);color:#fff}.settings button:disabled:hover{background:var(--surface)}.settings button.primary:disabled:hover{background:#0c4234}}.settings button.settings-link-button{color:var(--brand);background:0 0;border:0;border-radius:0;padding:0}@media (hover:hover) and (pointer:fine){.settings button.settings-link-button:hover:enabled{color:var(--brand-strong-hover);text-underline-offset:3px;background:0 0;text-decoration:underline}.settings button.settings-link-button:disabled:hover{color:var(--brand);background:0 0}}.settings button:focus-visible,.settings input:focus-visible,.settings textarea:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.settings input.settings-limit{text-align:center;border-radius:10px;flex-shrink:0;width:80px;padding:8px 10px;font-size:16px}.settings-toggle{color:var(--fg-muted);align-items:center;gap:10px;font-size:13px;display:flex}.settings-switch{background:var(--border);cursor:pointer;border:0;border-radius:999px;width:40px;height:24px;padding:2px;transition:background-color .12s;display:inline-flex;position:relative}.settings-switch[data-checked]{background:var(--brand-strong)}.settings-switch-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .16s;display:block;transform:translate(0);box-shadow:0 1px 3px #0000002e}.settings-switch[data-checked] .settings-switch-thumb{transform:translate(16px)}.settings-row--stacked{flex-direction:column;align-items:stretch;gap:16px}.settings textarea{resize:vertical;border:1px solid var(--border-light);width:100%;min-height:92px;color:var(--fg);background:#fff;border-radius:10px;padding:12px;font:16px/1.7 IBM Plex Mono,monospace}.settings-parameter-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-status{color:#707070;font-size:12px}.settings-actions{flex-wrap:wrap;gap:8px;display:flex}.settings button.settings-delete{color:#b42318;background:0 0;border-color:#ecd4d1}@media (hover:hover) and (pointer:fine){.settings button.settings-delete:enabled:hover{color:#fff;background:#b42318;border-color:#b42318}}.settings-error{color:#b42318;font-size:13px}.settings-import>.card{box-shadow:none;border:0;border-radius:0;margin:0;overflow-x:auto}.settings-import-picker{flex-wrap:wrap}.settings-import-picker .settings-row-copy{flex-basis:240px}@media (width<=600px){.settings{padding-top:0}.settings-header{margin-bottom:28px}.settings-row{flex-wrap:wrap;gap:16px;padding:20px}.settings-row-copy{flex-basis:100%}:is(.settings-row:has(.settings-limit) .settings-row-copy,.settings-row:has(.settings-toggle) .settings-row-copy){flex-basis:55%}.settings-parameter-footer{flex-direction:column;align-items:flex-start}.home-welcome{flex:1;justify-content:center;padding-top:0}.home-welcome .home-brand{display:none}.home-welcome h1{line-height:1.3}}.mobile-nav{display:none}@media (width<=600px){.app{flex-direction:column}.sidebar{display:none}.main{min-height:0;padding-inline:max(20px, env(safe-area-inset-left,0px)) max(20px, env(safe-area-inset-right,0px));padding-bottom:calc(4rem + env(safe-area-inset-bottom,0px))}.mobile-nav{z-index:50;padding-top:env(safe-area-inset-top,0px);border-bottom:1px solid var(--border-sidebar);background:#f5f5f5;flex-shrink:0;display:block;position:relative}.mobile-nav-bar{justify-content:space-between;align-items:center;height:60px;padding-inline:20px 12px;display:flex}.mobile-nav-bar img{display:block}.mobile-nav-toggle{width:44px;height:44px;color:var(--brand);background:0 0;border:0;border-radius:7px;place-items:center;padding:0;display:grid}.mobile-nav-menu{top:100%;border-bottom:1px solid var(--border-sidebar);background:#f5f5f5;padding:8px 12px 12px;position:absolute;inset-inline:0;box-shadow:0 8px 12px #0000000d}.mobile-nav-menu button{width:100%;min-height:44px;color:var(--fg);text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:12px;padding:10px 12px;display:flex}.mobile-nav-menu button[aria-current=page]{background:var(--border-light);color:var(--brand)}@media (hover:hover) and (pointer:fine){.mobile-nav-menu button:hover,.mobile-nav-toggle:hover{background:var(--border-light);color:var(--brand)}}.mobile-nav button:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}}@media (width<600px){.review-card{--review-verse-font-factor:.85}.review-card .reference-top{font-size:16px}}@media (width<=600px){.show-answer .key-badge,.rating-buttons button .kb,.review-footer .undo-kb{display:none}}.grade-label-mobile{display:none}@media (width<=600px){.rating-buttons{gap:12px}.rating-buttons .grade-good,.rating-buttons .grade-easy,.rating-buttons .grade-label-desktop{display:none}.rating-buttons .grade-label-mobile{align-items:center;gap:10px;display:inline-flex}.rating-buttons button{color:#fff;background:#0c4234;border-radius:130px;justify-content:center;padding:10px 20px;font-weight:500;line-height:1.4}.rating-buttons button:enabled.active{background:var(--brand-strong-hover);color:#fff}@media (hover:hover) and (pointer:fine){.rating-buttons button:enabled:hover{background:var(--brand-strong-hover);color:#fff}}.rating-buttons button.grade-again{background:#b42318;order:-1}.rating-buttons button:enabled.grade-again.active{color:#fff;background:#941d14}@media (hover:hover) and (pointer:fine){.rating-buttons button:enabled.grade-again:hover{color:#fff;background:#941d14}}.rating-buttons button:enabled:active,.rating-buttons button:enabled.active{transform:translateY(1px)}.rating-buttons button:focus-visible{outline:2px solid var(--brand);outline-offset:4px}.review-card{padding-inline:30px}}.account-loading{background:var(--bg);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.account-loading-card{background:var(--surface);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:380px;padding:44px 56px;animation:.2s ease-out both account-loading-in;display:flex;box-shadow:0 0 0 1px #0000000d,0 4px 12px #0000000a,0 16px 40px #00000008}@keyframes account-loading-in{0%{opacity:0}to{opacity:1}}.loading-dots{justify-content:center;align-items:center;gap:6px;height:24px;display:flex}.loading-dots span{background:var(--brand);border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite loading-breathe}.loading-dots span:nth-child(2){animation-delay:.18s}.loading-dots span:nth-child(3){animation-delay:.36s}.loading-dots--muted span{background:var(--fg-muted)}@keyframes loading-breathe{0%,to{opacity:.3}50%{opacity:1}}.account-loading-title{letter-spacing:-.02em;color:var(--brand);white-space:nowrap;font-family:Tiempos Text,Georgia,serif;font-size:20px;font-weight:400;line-height:1.4}.account-loading-subtitle{color:var(--fg-muted);font-size:14px;line-height:1.5}@media (prefers-reduced-motion:reduce){.account-loading-card{animation:none}.loading-dots span{opacity:.6;animation:none}}@media (width<=600px){.account-loading-card{padding:36px 32px}}.activity-page{padding:16px 0 48px}.activity-header{margin-bottom:24px}.activity-header h2{letter-spacing:-.02em;color:var(--brand);margin:0 0 6px;font-family:Tiempos Text,Georgia,serif;font-size:36px;font-weight:400}.activity-header p{color:var(--fg-muted);margin:0;font-size:14px}.activity-card{border:1px solid var(--border-light);background:var(--surface);border-radius:16px}.streak-summary{grid-template-columns:repeat(3,1fr);margin-bottom:16px;display:grid;overflow:hidden}.streak-summary>div{flex-direction:column;gap:2px;padding:18px 20px;display:flex}.streak-summary>div+div{border-left:1px solid var(--border-light)}.streak-summary strong{color:var(--brand);font-size:24px;font-weight:500;line-height:1.15}.streak-summary-streak strong{align-items:center;gap:6px;display:inline-flex}.streak-summary-streak svg{color:#d7762a;flex:none}.streak-summary span{color:var(--fg-muted);font-size:12px}.heatmap-card{padding:22px 24px 18px}.activity-card-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px;display:flex}.activity-card-heading h3{font-size:16px;font-weight:600}.heatmap-total{color:var(--fg-muted);font-size:12px}.heatmap-scroll{padding-bottom:3px;overflow:auto hidden}.heatmap{gap:8px;display:flex}.heatmap-weekdays{width:14px;color:var(--fg-muted);text-align:center;flex:0 0 14px;grid-template-rows:repeat(7,12px);gap:4px;font-size:9px;line-height:12px;display:grid}.heatmap-grid{flex:none;grid-template-rows:repeat(7,12px);grid-auto-columns:12px;grid-auto-flow:column;gap:4px;display:grid}.heatmap-day{aspect-ratio:1;background:#f0f0f0;border-radius:3px;width:12px;height:12px;display:block}.heatmap-day--0{background:#f0f0f0}.heatmap-day--1{background:#cfe4dc}.heatmap-day--2{background:#91c2af}.heatmap-day--3{background:#57947c}.heatmap-day--4{background:var(--brand-strong)}.heatmap-day--outside{visibility:hidden}.heatmap-tooltip-positioner{z-index:20}.heatmap-tooltip{background:var(--fg);max-width:220px;color:var(--surface);border-radius:7px;padding:7px 10px;font-size:12px;line-height:1.3;box-shadow:0 5px 16px #0000002e}.heatmap-legend{color:var(--fg-muted);justify-content:flex-end;align-items:center;gap:5px;margin-top:15px;font-size:11px;display:flex}.heatmap-legend .heatmap-day{width:11px;height:11px}@media (width<=600px){.main-inner:has(>.streaks-page){max-width:100%}.activity-page{padding-top:0}.activity-header h2{font-size:32px}.streak-summary{grid-template-columns:1fr}.streak-summary>div+div{border-top:1px solid var(--border-light);border-left:0}.streak-summary>div{padding:14px 10px}.streak-summary strong{font-size:20px}.streak-summary span{font-size:11px}.heatmap-card{padding-inline:16px}.heatmap{gap:5px}.heatmap-weekdays{flex-basis:11px;grid-template-rows:repeat(7,9px);gap:2px;width:11px;font-size:8px;line-height:9px}.heatmap-grid{grid-template-rows:repeat(7,9px);grid-auto-columns:9px;gap:2px}.heatmap-day{border-radius:2px;width:9px;height:9px}.heatmap-legend .heatmap-day{width:10px;height:10px}}