@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/fonts/archivo-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/fonts/archivo-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/fonts/archivo-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}:root{--color-bg: #f3f2f2;--color-surface: #eae9e9;--color-text: #201e1d;--color-accent: #ec3013;--color-accent-hover: #c9280f;--color-divider: color-mix(in srgb, #201e1d 40%, transparent);--font-body: "Archivo", system-ui, sans-serif;--radius: 0px;--ink: #201e1d;--ink-hover: #3a3735;--paper: #ffffff;--faded: #8f8b88;--body-soft: #3a3735;--meta: #5c5855;--hairline: #e5e3e1;--hairline-2: #d8d5d3;--upcoming: #b7b3b0;--good: oklch(.55 .11 150);--good-hover: oklch(.48 .1 150);--good-underline: oklch(.72 .13 150);--good-bg: oklch(.95 .04 150);--good-bg-hover: oklch(.92 .05 150);--good-ink: oklch(.42 .09 150);--amber-bg: oklch(.94 .06 80);--amber-underline: oklch(.75 .13 75);--amber-ink: oklch(.42 .1 60);--amber-ink-hover: oklch(.36 .09 60);--week-tint: oklch(.97 .015 30)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--color-bg);color:var(--ink)}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;text-align:left;border-radius:var(--radius)}input{font:inherit;border-radius:var(--radius)}a{color:var(--ink)}.screen{min-height:100dvh;background:var(--paper);display:flex;flex-direction:column;margin:0 auto;width:100%;max-width:430px}@media (min-width: 431px){.screen{border-left:2px solid var(--ink);border-right:2px solid var(--ink)}}.screen.bg{background:var(--color-bg)}.rule-b{border-bottom:2px solid var(--ink)}.rule-t{border-top:2px solid var(--ink)}.kicker{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.kicker.red{color:var(--color-accent)}.kicker.amber{color:var(--amber-ink)}.kicker.green{color:var(--good-ink)}.kicker.muted{color:var(--meta)}.label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--meta)}.brand{display:flex;align-items:center;gap:10px;padding:22px 24px}.brand .swatch{width:22px;height:22px;display:inline-block}.brand .swatch.red{background:var(--color-accent)}.brand .swatch.ink{background:var(--ink)}.brand .name{font-size:19px;font-weight:700;letter-spacing:.02em}.form-col{padding:36px 24px;display:flex;flex-direction:column;gap:24px}.form-col h2{font-size:26px;font-weight:700;line-height:1.25}.form-col .sub{font-size:14px;line-height:1.5;color:var(--meta)}.field{display:flex;flex-direction:column;gap:8px}.input{height:54px;border:2px solid var(--ink);background:var(--paper);display:flex;align-items:center;padding:0 14px;font-size:15px;width:100%}.btn-accent{display:flex;align-items:center;height:54px;width:100%;background:var(--color-accent);color:#fff;padding:0 18px;font-size:16px;font-weight:700}.btn-accent:hover{background:var(--color-accent-hover)}.btn-outline{display:flex;align-items:center;height:54px;width:100%;border:2px solid var(--ink);color:var(--ink);padding:0 18px;font-size:16px;font-weight:700;background:var(--paper)}.btn-outline:hover{background:var(--color-surface)}.btn-quiet{display:flex;align-items:center;height:48px;color:var(--meta);padding:0 18px;font-size:14px;font-weight:600;width:100%}.footer-zone{margin-top:auto;padding:20px 24px;display:flex;flex-direction:column;gap:12px}.mini-note,.link{font-size:13px;color:var(--meta)}.setup-head{padding:18px 24px;display:flex;align-items:center;justify-content:space-between}.setup-head .kicker{font-size:12px;letter-spacing:.12em}.ticks{display:flex;gap:4px}.ticks span{width:22px;height:4px;background:var(--hairline-2)}.ticks span.on{background:var(--color-accent)}.seg-row{display:grid;grid-template-columns:repeat(4,1fr)}.seg-opt{height:50px;border:2px solid var(--ink);border-right:none;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;background:var(--paper)}.seg-opt:last-child{border-right:2px solid var(--ink)}.seg-opt.on{background:var(--ink);color:#fff;font-weight:700}.radio-row{min-height:52px;border:2px solid var(--ink);width:100%;display:flex;align-items:center;gap:12px;padding:10px 14px;font-size:14px;background:var(--paper)}.radio-row.on{font-weight:600;background:var(--color-bg)}.radio-row .dot{width:14px;height:14px;border:2px solid var(--ink);flex:none}.radio-row.on .dot{background:var(--color-accent)}.child-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px}.icon-tile{width:60px;height:60px;border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;background:var(--paper);color:var(--ink)}.icon-tile.soft{border-color:var(--upcoming);color:var(--meta);opacity:.7}.icon-tile.amber{background:var(--amber-bg);font-size:28px;font-weight:700}.dots{display:flex;gap:10px;align-items:center}.dots span{width:16px;height:16px}.dots .done{background:var(--good)}.dots .current{border:3px solid var(--ink)}.dots .todo{border:2px solid var(--upcoming)}.page-zone{flex:1;padding:36px 28px 0;display:flex;flex-direction:column;gap:32px}.sentence{font-size:42px;font-weight:600;line-height:1.6;letter-spacing:.035em;color:var(--ink);text-wrap:pretty}@media (max-width: 374px){.sentence{font-size:36px}}.sentence .w{padding:0 2px}.sentence .w.done{border-bottom:5px solid var(--good-underline)}.sentence .w.current{border-bottom:5px solid var(--ink)}.sentence .w.unread{color:var(--faded)}.sentence .w.trouble{background:var(--amber-bg);border-bottom:5px solid var(--amber-underline);color:var(--amber-ink);padding:0 6px}.support{border:2px solid var(--ink);background:var(--color-bg)}.support .kicker{padding:14px 18px 0;font-size:12px}.tiles{display:grid;gap:10px;padding:14px 18px}.tiles .tile{height:76px;background:var(--paper);border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;font-size:38px;font-weight:700;letter-spacing:.05em}.hear-row{display:flex;align-items:center;gap:14px;height:64px;margin:0 18px 18px;padding:0 18px;background:var(--ink);color:#fff;width:calc(100% - 36px);font-size:19px;font-weight:600;letter-spacing:.04em}.hear-row:hover{background:var(--ink-hover)}.action-bar{display:flex;align-items:center;gap:16px;min-height:88px;width:100%;padding:0 24px;background:var(--ink);color:#fff;font-size:21px;font-weight:700;letter-spacing:.04em}.action-bar:hover{background:var(--ink-hover)}.action-bar.amber{background:var(--amber-ink)}.action-bar.amber:hover{background:var(--amber-ink-hover)}.action-bar.green{background:var(--good)}.action-bar.green:hover{background:var(--good-hover)}.action-bar.static{cursor:default}.action-bar.static:hover{background:var(--ink)}.action-bar .sub{font-weight:600;opacity:.75;font-size:19px}.eq{display:flex;gap:5px;align-items:center;height:32px}.eq span{width:5px;height:28px;background:#fff;animation:eq .9s ease-in-out infinite}.eq span:nth-child(2){animation-delay:.15s}.eq span:nth-child(3){animation-delay:.3s}.eq span:nth-child(4){animation-delay:.45s}.eq span:nth-child(5){animation-delay:.6s}@keyframes eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.profiles{flex:1;display:flex;flex-direction:column;justify-content:center;gap:24px;padding:0 28px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.profile-card{background:var(--paper);border:2px solid var(--ink);aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%}.profile-card:hover{background:var(--amber-bg)}.profile-card .avatar{width:76px;height:76px;border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700}.profile-card .pname{font-size:20px;font-weight:700;letter-spacing:.03em}.grownups-row{padding:20px 24px;display:flex;justify-content:flex-start}.grownups{display:flex;align-items:center;gap:10px;height:48px;padding:0 16px;border:2px solid var(--upcoming);color:var(--meta);font-size:13px;font-weight:600}.home-zone{flex:1;padding:24px 20px;display:flex;flex-direction:column;gap:18px}.big-tile{flex:1.4;border:2px solid var(--ink);background:var(--good-bg);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:22px;width:100%;min-height:220px}.big-tile:hover{background:var(--good-bg-hover)}.big-tile .play-row{display:flex;align-items:center;gap:14px}.big-tile .play-badge{width:64px;height:64px;background:var(--ink);display:flex;align-items:center;justify-content:center}.big-tile .t-label{font-size:24px;font-weight:700;letter-spacing:.03em}.half-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:18px}.half-tile{border:2px solid var(--ink);background:var(--color-bg);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:18px;min-height:150px}.half-tile:hover{background:var(--color-surface)}.half-tile .t-label{font-size:17px;font-weight:700;letter-spacing:.03em}.done-dots{display:flex;align-items:center;justify-content:center;gap:10px;padding:24px 20px}.done-dots span{width:16px;height:16px;background:var(--good)}.done-title{font-size:34px;font-weight:700;letter-spacing:.03em;line-height:1.3}.won-card{border:2px solid var(--ink);background:var(--good-bg);padding:22px;display:flex;flex-direction:column;gap:14px}.won-card .kicker{font-size:12px;letter-spacing:.12em}.won-word{font-size:44px;font-weight:700;letter-spacing:.04em}.hear-self{display:flex;align-items:center;gap:12px;height:60px;background:var(--ink);color:#fff;padding:0 16px;align-self:stretch;width:100%;font-size:17px;font-weight:600;letter-spacing:.03em}.hear-self:hover{background:var(--ink-hover)}.book-note{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;color:var(--body-soft);letter-spacing:.02em}.done-actions{padding:20px;display:flex;gap:14px}.home-sq{width:84px;height:84px;border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;flex:none}.home-sq:hover{background:var(--color-bg)}.one-more{flex:1;height:84px;background:var(--good);color:#fff;display:flex;align-items:center;gap:14px;padding:0 20px;font-size:20px;font-weight:700;letter-spacing:.03em}.one-more:hover{background:var(--good-hover)}.prog-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px}.prog-head .who{font-size:20px;font-weight:700}.prog-head .when{font-size:12px;color:var(--faded)}.stats{display:grid;grid-template-columns:1fr 1fr 1fr}.stat{padding:14px 16px;border-right:1px solid var(--hairline-2)}.stat:last-child{border-right:none}.stat .n{font-size:24px;font-weight:700}.stat .n small{font-size:14px;font-weight:600;color:var(--faded)}.stat .d{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--faded);margin-top:2px}.mastery-head{padding:16px 20px 4px;display:flex;align-items:baseline;justify-content:space-between}.mastery-head .t{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.mastery-head .scale-note{font-size:11px;color:var(--faded)}.group-label{padding:14px 20px 4px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--faded)}.sound-row{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid var(--hairline)}.sound-row.week{background:var(--week-tint)}.sound-row .g{display:flex;gap:10px;align-items:baseline}.sound-row .sym{font-size:17px;font-weight:700}.sound-row .eg{font-size:12px;color:var(--faded)}.sound-row .flag{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent)}.sound-row .st{display:flex;align-items:center;gap:10px}.sound-row .st .word{font-size:12px;color:var(--meta)}.sound-row .st .word.strong{color:var(--ink)}.sound-row.off .sym,.sound-row.off .eg,.sound-row.off .st .word{color:var(--upcoming)}.sq4{display:flex;gap:3px}.sq4 span{width:10px;height:10px;border:1px solid var(--upcoming)}.sq4 span.f{background:var(--ink);border-color:var(--ink)}.sq4 span.off{border-color:var(--hairline-2)}.focus-wrap{padding:20px}.focus-card{border:2px solid var(--ink);padding:18px 20px;display:flex;flex-direction:column;gap:10px}.focus-card .f-title{font-size:18px;font-weight:700;line-height:1.35}.focus-card .f-body{font-size:14px;line-height:1.6;color:var(--body-soft);text-wrap:pretty}.focus-card .f-evidence{font-size:12px;color:var(--faded)}.center-note{font-size:14px;line-height:1.5;color:var(--faded)}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{border:2px solid var(--ink);padding:6px 10px;font-size:14px;font-weight:700}.chip small{font-weight:400;color:var(--faded);font-size:14px}.chip.amber{border-color:var(--amber-underline);background:var(--amber-bg);color:var(--amber-ink)}.chip.amber small{color:var(--amber-ink)}.start-card{border:2px solid var(--ink);padding:16px 18px;display:flex;flex-direction:column;gap:8px}.start-card p{font-size:14px;line-height:1.6;color:var(--body-soft);text-wrap:pretty}