:root{--paper: #faf8f3;--paper-2: #f2efe8;--surface: #ffffff;--surface-2: #f4f1ea;--ink: #28313f;--ink-2: #4a5260;--ink-3: #6e7585;--hair: #e6e1d6;--hair-2: #d4cebf;--accent: #4f7ca6;--accent-ink: #3f6890;--accent-soft: #4f7ca61f;--gold: #c9a24a;--shadow: 24 30 45;--serif: "Newsreader", Georgia, serif;--sans: "Hanken Grotesk", system-ui, sans-serif;--verse-font: var(--serif);--d: 1;--pad: calc(20px * var(--d));--gap: calc(12px * var(--d))}[data-theme=dark]{--paper: #15171c;--paper-2: #1b1e25;--surface: #21252e;--surface-2: #272c36;--ink: #f0ebe0;--ink-2: #c4cad4;--ink-3: #9aa1ac;--hair: #323845;--hair-2: #3d4452;--accent: #6f9cc4;--accent-ink: #8fb4d4;--accent-soft: #6f9cc426;--gold: #d8b25c;--shadow: 0 0 0}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .35s ease,color .35s ease}a{color:var(--accent-ink)}[data-theme=dark] .muted,[data-theme=dark] .faint,[data-theme=dark] .verse{font-weight:500}.screen{width:100%;max-width:440px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding:var(--pad)}.grow{flex:1}.grow-half{flex:.5}.app-loader{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.app-loader .mark{width:88px;height:88px;animation:logo-pulse 1.4s ease-in-out infinite}.app-loader .lbl{font-size:14px;letter-spacing:.04em;color:var(--ink-3)}@keyframes logo-pulse{0%,to{opacity:.5;transform:scale(.97)}50%{opacity:1;transform:scale(1)}}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.between{justify-content:space-between}.center{text-align:center}.gap6{gap:6px}.gap8{gap:8px}.gap10{gap:10px}.gap12{gap:12px}.gap14{gap:14px}.mt-auto{margin-top:auto}.ref{font-family:var(--serif);font-weight:600;letter-spacing:.01em;color:var(--accent-ink)}.verse{font-family:var(--verse-font);line-height:1.42;color:var(--ink)}.h-serif{font-family:var(--serif);font-weight:500;letter-spacing:-.01em;color:var(--ink);margin:0}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.hint{font-size:14.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:600}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;flex:0 0 auto}.wm{display:flex;align-items:center;gap:8px}.wm svg{width:24px;height:24px;color:var(--accent)}.wm .nm{font-family:var(--serif);font-size:21px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}.txt-link{font-size:15.5px;color:var(--accent-ink);font-weight:600;text-decoration:none;background:none;border:0;cursor:pointer;padding:0;font-family:var(--sans)}.txt-link svg{width:22px;height:22px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px;margin:-10px;background:none;border:0;cursor:pointer;color:var(--ink-2);font-family:var(--sans)}.icon-btn svg{width:25px;height:25px}.pill{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--accent-ink);background:var(--accent-soft);border-radius:100px;padding:6px 13px}.pill.line{background:transparent;border:1px solid var(--hair-2);color:var(--ink-2)}.pill .dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.btn{display:flex;align-items:center;justify-content:center;gap:9px;font-family:var(--sans);font-size:19px;font-weight:600;border-radius:14px;padding:15px 18px;border:1.5px solid transparent;cursor:pointer;width:100%;background:var(--surface-2);color:var(--ink);transition:filter .2s,opacity .2s}.btn:hover{filter:brightness(.98)}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 8px 18px -10px var(--accent)}.btn.ghost{background:transparent;border-color:var(--hair-2);color:var(--ink)}.btn.sm{padding:10px 14px;font-size:15.5px;border-radius:11px}.btn svg{width:19px;height:19px}.btn.danger{color:#c2603f;border-color:#c2603f55;background:transparent}.brandbtn svg{width:18px;height:18px}.field{display:flex;align-items:center;gap:10px;width:100%;border:1.5px solid var(--hair-2);border-radius:13px;padding:14px 15px;background:var(--surface);font-size:16.5px;color:var(--ink-2)}.field:focus-within{border-color:var(--accent)}.field .lab{color:var(--ink-3);font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;flex:0 0 auto}.field input{flex:1;min-width:0;border:0;background:transparent;outline:none;font-family:var(--sans);font-size:16.5px;font-weight:600;color:var(--ink);text-align:right}.field input::placeholder{color:var(--ink-3);font-weight:500}.field .val{margin-left:auto;color:var(--ink);font-weight:600;display:flex;align-items:center;gap:6px}.field select{flex:1;min-width:0;margin-left:auto;border:0;background:transparent;outline:none;cursor:pointer;font-family:var(--sans);font-size:16.5px;font-weight:600;color:var(--ink);text-align:right;text-align-last:right;-moz-appearance:none;appearance:none;-webkit-appearance:none}.field select:disabled{color:var(--ink-3);cursor:default}.field.col{flex-direction:column;align-items:stretch;gap:7px}.field.col .lab{align-self:flex-start}.field.col select{text-align:left;text-align-last:left}@media (pointer: coarse){.field,.field input,.field select{font-size:18px}}.seg{display:flex;background:var(--surface-2);border-radius:12px;padding:4px;gap:4px;border:1px solid var(--hair)}.seg button{flex:1;border:0;background:transparent;font-family:var(--sans);font-size:15px;font-weight:600;color:var(--ink-2);padding:10px 6px;border-radius:9px;cursor:pointer}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:0 2px 6px -3px rgb(var(--shadow)/.5)}[data-theme=dark] .seg button.on{background:var(--accent);color:#fff}.card{background:var(--surface);border:1px solid var(--hair);border-radius:18px;padding:16px}.card.raised{box-shadow:0 14px 30px -18px rgb(var(--shadow)/.5)}.ordiv{display:flex;align-items:center;gap:12px;color:var(--ink-3);font-size:12px;font-weight:600;letter-spacing:.06em}.ordiv:before,.ordiv:after{content:"";flex:1;height:1px;background:var(--hair)}.lrow{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid var(--hair);border-radius:15px;background:var(--surface)}.lrow .ic{flex:0 0 auto;width:38px;height:38px;border-radius:11px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;color:var(--accent)}.lrow .ic svg{width:19px;height:19px}.lrow .tt{flex:1;min-width:0;display:flex;flex-direction:column}.deck-hero{position:relative;height:296px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.deck-hero .dc{position:absolute;width:212px;height:268px;border-radius:22px;background:var(--surface);border:1px solid var(--hair);box-shadow:0 18px 36px -22px rgb(var(--shadow)/.55)}.deck-hero .dc.b3{transform:rotate(7deg) translate(14px);background:var(--surface-2)}.deck-hero .dc.b2{transform:rotate(-5deg) translate(-12px)}.deck-hero .dc.b1{transform:rotate(2.5deg)}.deck-hero .face{position:relative;width:212px;height:268px;border-radius:22px;background:var(--surface);border:1px solid var(--hair);box-shadow:0 26px 44px -24px rgb(var(--shadow)/.6);padding:22px 20px;display:flex;flex-direction:column}.form-error{color:#c2603f;font-size:14px;font-weight:600;margin:0}.form-note{color:var(--ink-2);font-size:15px;line-height:1.55;margin:0}.install-note{background:var(--accent-soft);border:1px solid var(--accent);border-radius:13px;padding:14px 15px;color:var(--ink-2);font-size:15px;line-height:1.55;margin:0}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:rgb(var(--shadow) / .45);display:flex;align-items:flex-end;justify-content:center;animation:scrim-in .18s ease}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}.sheet{width:100%;max-width:440px;background:var(--surface);border-radius:26px 26px 0 0;padding:14px 22px calc(24px + env(safe-area-inset-bottom));border-top:1px solid var(--hair);box-shadow:0 -20px 50px -20px rgb(var(--shadow)/.5);display:flex;flex-direction:column;max-height:88dvh;overflow-y:auto;animation:sheet-in .24s cubic-bezier(.2,.8,.2,1)}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{width:40px;height:4px;border-radius:100px;background:var(--hair-2);margin:0 auto 16px;flex:0 0 auto}.nav-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:1.5px solid var(--hair-2);border-radius:13px;padding:13px 14px;background:var(--surface);font-family:var(--sans);font-size:16.5px;font-weight:600;color:var(--ink);cursor:pointer;text-align:left}.nav-row svg{width:20px;height:20px;color:var(--ink-3)}.metarow{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto}.count{font-size:15px;font-weight:600;color:var(--ink-2);letter-spacing:.04em;white-space:nowrap}.count b{color:var(--ink)}.streak{display:flex;align-items:center;gap:6px;font-size:14.5px;font-weight:600;color:var(--accent-ink);white-space:nowrap}.streak svg{width:18px;height:18px}.flipcard{flex:1;min-height:0;border-radius:22px;background:var(--surface);border:1px solid var(--hair);box-shadow:0 20px 40px -26px rgb(var(--shadow)/.5);padding:26px 22px;display:flex;flex-direction:column}.tapflip{display:flex;align-items:center;justify-content:center;gap:8px;background:none;border:0;cursor:pointer;width:100%}.tapflip .ic{width:26px;height:26px;border-radius:50%;border:1.4px solid var(--hair-2);display:flex;align-items:center;justify-content:center;color:var(--ink-3)}.tapflip .ic svg{width:13px;height:13px}.ratings{display:flex;flex-direction:column;gap:10px}.rate{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:1.5px solid var(--hair-2);border-radius:14px;padding:15px;background:var(--surface);font-family:var(--sans);font-size:18px;font-weight:600;color:var(--ink);cursor:pointer}.rate:disabled{opacity:.55;cursor:default}.rate .k{width:9px;height:9px;border-radius:50%}.rate.again .k{background:#c2603f}.rate.hard .k{background:#c9954a}.rate.good .k{background:var(--accent)}.rate.easy .k{background:#6f8c5f}.rate.good{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.rate .rl{display:flex;flex-direction:column;align-items:flex-start;line-height:1.12}.rate small{font-size:12px;font-weight:500;color:var(--ink-3);letter-spacing:.01em;margin-top:2px}.rate.good small{color:var(--accent-ink);opacity:.85}.complete{display:flex;flex-direction:column;align-items:center;text-align:center;gap:13px}.medallion{width:86px;height:86px;border-radius:50%;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;color:var(--accent)}.medallion svg{width:48px;height:48px}.complete h2{font-family:var(--serif);font-weight:500;font-size:32px;line-height:1.12;margin:4px 0 0;letter-spacing:-.01em;color:var(--ink)}.complete p{font-size:16.5px;color:var(--ink-2);margin:0;max-width:250px;line-height:1.5}.spinner{width:26px;height:26px;border-radius:50%;border:2.5px solid var(--hair-2);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fill-center{min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:14px}