@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.00az9qtie3ho1.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.3j-a226dh71aj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.2gwoz23eiro2t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.p.0i3h3th1vs4m7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0zr6hhvz-h9nw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}._3r6zXa_className{font-family:Geist,Geist Fallback;font-style:normal}._3r6zXa_variable{--font-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.27spqqad3wyeo.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.3f4zuumv8svu0.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.34r5yzckw0h2s.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.2jyz_zw3a8jit.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.p.30bdpjkrtcces.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.1v5bejj26fx9h.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.oBKvSq_className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.oBKvSq_variable{--font-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--bg:#f2eee6;--surface:#faf8f3;--surface-2:#e9e4d9;--text:#1f1d26;--muted:#6b6878;--label:#6b4fe8;--line:#e0dacd;--orange:#ff6b2c;--orange-ink:#2a0f02;--purple:#6b4fe8;--good:#1d8f62;--good-bg:#e3f1e8;--bad:#c9432e;--bad-bg:#f8e5df;--warn-bg:#f6edd6;--card-bg:#fbf9f4;--card-glow-a:#6b4fe838;--card-glow-b:#ff6b2c29;--nav-bg:#26203ef2;--nav-ink:#b3adcc;--dot-off:#ddd7ca;--shadow:0 1px 2px #281e140a, 0 8px 24px #281e1412;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#16171b;--surface:#202127;--surface-2:#2a2b32;--text:#f2f1ee;--muted:#9b9ba5;--line:#33343c;--orange:#ff7a3d;--purple:#8f74ff;--good:#4fd19a;--good-bg:#173328;--bad:#ff7a64;--bad-bg:#3a1f1b;--warn-bg:#3a3020;--card-bg:#1e1f25;--card-glow-a:#8f74ff6b;--card-glow-b:#ff7a3d57;--nav-bg:#2a2b32f0;--nav-ink:#8e8e98;--dot-off:#2f3037;--label:#a996ff;--shadow:0 1px 2px #0000004d, 0 10px 30px #00000040;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans), system-ui, sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;min-height:100dvh}button,textarea,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.mono{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--label);font-size:11px}.shell{max-width:440px;min-height:100dvh;padding:0 16px calc(96px + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.topbar{padding:calc(14px + env(safe-area-inset-top)) 0 10px;justify-content:space-between;align-items:center;display:flex}.brand{letter-spacing:-.02em;font-size:17px;font-weight:600}.brand span{color:var(--orange)}.icon-btn{background:var(--surface);border:1px solid var(--line);border-radius:999px;place-items:center;width:40px;height:40px;display:grid}.icon-btn svg{width:18px;height:18px}.daybar{justify-content:space-between;align-items:center;margin:4px 0 10px;display:flex}.dots{grid-template-columns:repeat(20,1fr);gap:4px;margin-bottom:14px;display:grid}.dots i{aspect-ratio:1;background:var(--dot-off);border-radius:50%}.dots i.on{background:var(--orange)}.dots i.over{background:var(--purple)}.card{background:radial-gradient(120% 80% at 0% 0%, var(--card-glow-a), transparent 60%), radial-gradient(110% 80% at 100% 100%, var(--card-glow-b), transparent 60%), var(--card-bg);border:1px solid var(--line);min-height:280px;box-shadow:var(--shadow);text-align:left;width:100%;transform-style:preserve-3d;border-radius:28px;flex-direction:column;padding:20px 20px 18px;transition:transform .18s,opacity .18s;display:flex;position:relative}.card.flip-out{opacity:.6;transform:perspective(900px)rotateY(88deg)}.card.front{cursor:pointer;min-height:max(300px,100dvh - 330px)}.card.back{min-height:max(300px,100dvh - 330px)}.card-head{justify-content:space-between;align-items:center;display:flex}.phrase{letter-spacing:-.025em;word-break:break-word;margin:34px 0 30px;font-size:clamp(30px,9vw,40px);font-weight:600;line-height:1.08}.phrase .opt{color:var(--muted);font-weight:400}.card-foot{align-items:center;gap:10px;margin-top:auto;display:flex}.speak{background:var(--text);width:44px;height:44px;color:var(--bg);border-radius:999px;flex:none;place-items:center;display:grid}.speak svg{width:20px;height:20px}.speak.sm{background:var(--surface-2);width:32px;height:32px;color:var(--text)}.speak.sm svg{width:15px;height:15px}.phrase-sm{letter-spacing:-.02em;margin:14px 0 4px;font-size:22px;font-weight:600}.tr{color:var(--orange);margin:2px 0 16px;font-size:20px;font-weight:500;line-height:1.35}.examples{gap:10px;display:grid}.ex{align-items:flex-start;gap:10px;font-size:15.5px;line-height:1.5;display:flex}.ex mark{color:inherit;box-shadow:inset 0 -.45em 0 var(--card-glow-a);background:0 0;font-weight:600}.actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.btn{border-radius:999px;justify-content:center;align-items:center;gap:8px;height:54px;padding:0 20px;font-size:16px;font-weight:600;transition:transform 80ms,opacity .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn svg{flex:none;width:20px;height:20px}.btn[disabled]{opacity:.5;cursor:default}.btn.primary{background:var(--orange);color:var(--orange-ink)}.btn.ghost{background:var(--surface);border:1px solid var(--line)}.btn.dark{background:var(--text);color:var(--bg)}.btn.block{width:100%}.write{background:var(--surface);border:1px solid var(--line);border-radius:24px;margin-top:14px;padding:14px}.write label{color:var(--muted);margin:2px 4px 8px;font-size:14px;display:block}.write label b{color:var(--text)}.write textarea{resize:vertical;border:1px solid var(--line);background:var(--bg);border-radius:16px;width:100%;min-height:96px;padding:12px 14px;font-size:16px;line-height:1.45}.write .row{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.hint{color:var(--muted);font-size:13px}.err{color:var(--bad);margin:8px 4px 0;font-size:13px}.fb{border:1px solid var(--line);background:var(--surface);border-radius:24px;margin-top:14px;padding:16px}.fb.correct{background:var(--good-bg);border-color:#0000}.fb.incorrect,.fb.not_used{background:var(--bad-bg);border-color:#0000}.fb.pending{background:var(--warn-bg);border-color:#0000}.fb h3{margin:0 0 6px;font-size:16px}.fb .yours{text-decoration:line-through;-webkit-text-decoration-color:var(--bad);text-decoration-color:var(--bad);opacity:.75;margin:6px 0;font-size:15px}.fb .fixed{margin:6px 0;font-size:16px;font-weight:500}.fb p{margin:6px 0;font-size:15px;line-height:1.5}.tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.tag{font-family:var(--font-mono), monospace;background:var(--surface);border:1px solid var(--line);color:var(--label);text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:3px 8px;font-size:11px}.nav{left:50%;bottom:calc(14px + env(safe-area-inset-bottom));background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;border-radius:999px;gap:4px;padding:6px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #00000040}.nav button{color:var(--nav-ink);border-radius:999px;flex-direction:column;align-items:center;gap:2px;min-width:64px;padding:8px 14px;font-size:11px;display:flex}.nav button svg{width:20px;height:20px}.nav button.on{background:var(--orange);color:var(--orange-ink)}.h1{letter-spacing:-.02em;margin:6px 0 4px;font-size:26px;font-weight:600}.sub{color:var(--muted);margin:0 0 16px;font-size:15px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:22px;margin-bottom:12px;padding:16px}.grid2{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.big{letter-spacing:-.04em;margin-top:10px;font-size:44px;font-weight:600;line-height:1}.bar{background:var(--surface-2);border-radius:999px;height:10px;margin-top:12px;overflow:hidden}.bar>i{background:linear-gradient(90deg, var(--purple), var(--orange));border-radius:999px;height:100%;display:block}.matrix{grid-template-columns:repeat(7,1fr);gap:6px;margin-top:12px;display:grid}.matrix i{aspect-ratio:1;background:var(--dot-off);border-radius:50%}.matrix i.l1{background:color-mix(in srgb, var(--orange) 35%, var(--dot-off))}.matrix i.l2{background:color-mix(in srgb, var(--orange) 70%, var(--dot-off))}.matrix i.l3{background:var(--orange)}.matrix i.today{outline:2px solid var(--purple);outline-offset:1px}.item{border-top:1px solid var(--line);padding:14px 0}.item:first-child{border-top:0;padding-top:2px}.item .meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.seg{background:var(--surface-2);border-radius:999px;gap:4px;margin-bottom:12px;padding:4px;display:inline-flex}.seg button{color:var(--muted);border-radius:999px;padding:8px 14px;font-size:14px}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.empty{text-align:center;color:var(--muted);padding:30px 10px}.mode{background:var(--surface);border:1px solid var(--line);border-radius:999px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:6px 6px 6px 14px;display:flex}.mode button{background:var(--surface-2);border-radius:999px;padding:6px 12px;font-size:13px}.sheet-bg{z-index:30;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);width:100%;max-width:440px;padding:18px 16px calc(24px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0}.sheet h2{margin:4px 0 14px;font-size:20px}.sheet{max-height:92dvh;overflow-y:auto}.welcome h2{letter-spacing:-.02em;margin:6px 0 8px;font-size:24px}.welcome .panel{margin-bottom:10px}.welcome ol{gap:6px;margin:0;padding-left:20px;font-size:15px;line-height:1.45;display:grid}.mono b,.welcome b{color:var(--text)}.field{margin-bottom:16px}.field .mono{margin-bottom:8px;display:block}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading{min-height:60dvh;color:var(--muted);place-items:center;display:grid}.toast{left:50%;top:calc(14px + env(safe-area-inset-top));background:var(--text);color:var(--bg);z-index:40;border-radius:999px;max-width:calc(100% - 32px);padding:10px 16px;font-size:14px;position:fixed;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.card{transition:none}.spinner{animation-duration:2s}}