:root{--paper: #fdfaf5;--card: #ffffff;--ink: #23201c;--ink-soft: #6b6459;--line: #e8e0d3;--accent: #c2542a;--accent-soft: #fbeee7;--good: #2f7d55;--good-soft: #e7f3ec;--bad: #a8331f;--bad-soft: #fbeae6;--radius: 14px;--shadow: 0 1px 2px rgb(35 32 28 / 6%), 0 8px 24px rgb(35 32 28 / 6%);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:var(--paper);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased}h1{font-size:1.6rem;margin:0 0 .3em;letter-spacing:-.01em}h2{font-size:1.05rem;margin:0 0 .6em;letter-spacing:-.01em}h3{font-size:.9rem;margin:1.4em 0 .5em;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}p{margin:0 0 1em}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.brand{display:flex;align-items:center;gap:10px;margin-bottom:22px}.brand-mark{font-size:28px;line-height:1}.brand-text{display:flex;flex-direction:column}.brand-text strong{font-size:1.15rem;letter-spacing:-.02em}.brand-text em{font-style:normal;font-size:.68rem;color:var(--ink-soft);letter-spacing:.04em}.brand-small{margin:0;gap:8px}.brand-small .brand-mark{font-size:20px}.brand-small .brand-text strong{font-size:.95rem}.brand-small .brand-text em{font-size:.6rem}.shell{display:flex;flex-direction:column;min-height:100%}.topbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 20px;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.topbar-brand{text-decoration:none;color:inherit}.child-chip{display:flex;flex-direction:column;padding:2px 12px;border-left:1px solid var(--line);line-height:1.25}.child-chip strong{font-size:.92rem}.child-chip span{font-size:.72rem;color:var(--ink-soft)}.topnav{display:flex;gap:4px;margin-left:auto}.topnav a{padding:8px 14px;border-radius:999px;text-decoration:none;color:var(--ink-soft);font-size:.9rem;font-weight:500}.topnav a:hover{background:var(--paper);color:var(--ink)}.topnav a.active{background:var(--accent-soft);color:var(--accent)}.user-chip{display:flex;align-items:center;gap:8px}.user-chip img,.avatar-fallback{width:30px;height:30px;border-radius:50%;object-fit:cover;flex:none}.avatar-fallback{display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-weight:600;font-size:.82rem}.main{flex:1}.page{max-width:760px;margin:0 auto;padding:32px 20px 56px}.footer{display:flex;flex-direction:column;gap:2px;align-items:center;padding:20px;border-top:1px solid var(--line);font-size:.72rem;color:var(--ink-soft);text-align:center}.footer-note{opacity:.8}.centre-screen{min-height:100%;display:grid;place-items:center;padding:28px 18px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);margin-bottom:20px}.signin-card{width:min(440px,100%);margin:0}.lede{color:var(--ink-soft)}.fineprint{font-size:.78rem;color:var(--ink-soft);margin:.6em 0}.input{width:100%;padding:12px 14px;font:inherit;font-size:.95rem;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink)}.input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}.btn{padding:12px 18px;font:inherit;font-size:.92rem;font-weight:600;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);cursor:pointer;transition:filter .12s ease}.btn:hover:not(:disabled){filter:brightness(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-ghost{background:transparent;border-color:transparent;color:var(--ink-soft)}.btn-ghost:hover:not(:disabled){background:var(--paper);color:var(--ink)}.btn-small{padding:6px 12px;font-size:.8rem}.field{display:block;margin-bottom:14px}.field>span{display:block;font-size:.82rem;font-weight:600;margin-bottom:6px}.field>span em{font-style:normal;font-weight:400;color:var(--ink-soft)}.stack{display:flex;flex-direction:column;gap:10px}.or{text-align:center;font-size:.75rem;color:var(--ink-soft);margin:6px 0}.google-btn{display:flex;justify-content:center;margin:4px 0 8px;min-height:44px}.btn-enter{width:100%;padding:16px 18px;font-size:1rem;margin-top:4px}.banner{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:12px 14px;border-radius:10px;font-size:.86rem;margin:12px 0}.banner.error{background:var(--bad-soft);color:var(--bad)}.banner.success{background:var(--good-soft);color:var(--good)}.link-box{display:block;width:100%;padding:10px;background:var(--card);border:1px solid var(--line);border-radius:8px;font-size:.75rem;word-break:break-all;color:var(--ink);-webkit-user-select:all;user-select:all}.people{list-style:none;margin:0;padding:0}.people li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.people li:last-child{border-bottom:none}.people img,.people .avatar-fallback{width:36px;height:36px}.people-who{display:flex;flex-direction:column;min-width:0;flex:1}.people-who strong{font-size:.92rem;display:flex;align-items:center;gap:6px}.people-who span{font-size:.76rem;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag{font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:var(--paper);border:1px solid var(--line);color:var(--ink-soft);border-radius:999px;padding:1px 7px}.role{font-size:.7rem;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--paper);color:var(--ink-soft);border:1px solid var(--line);white-space:nowrap}.role-owner{background:var(--accent-soft);color:var(--accent);border-color:transparent}.role-parent{background:var(--good-soft);color:var(--good);border-color:transparent}.invite-form{display:flex;gap:8px;flex-wrap:wrap;align-items:stretch}.invite-form .input[type=email]{flex:1 1 200px;width:auto}.invite-form select.input{flex:0 0 auto;width:auto}.spinner{width:26px;height:26px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:560px){.topbar{gap:10px;padding:10px 14px}.child-chip{border-left:none;padding-left:0}.topnav{width:100%;order:3;margin-left:0}.page{padding:22px 16px 44px}}.today-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.streak-chip{display:flex;flex-direction:column;align-items:center;flex:none;background:var(--accent-soft);color:var(--accent);border-radius:var(--radius);padding:8px 16px;line-height:1.1}.streak-chip strong{font-size:1.5rem}.streak-chip span{font-size:.64rem;text-transform:uppercase;letter-spacing:.05em}.eyebrow{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin-bottom:4px}.strategy-card h2{font-size:1.2rem;margin-bottom:.2em}.strategy-line{font-size:.95rem;color:var(--ink);margin-bottom:.6em}.strategy-card details{margin-top:6px}.strategy-card summary{cursor:pointer;font-size:.84rem;color:var(--accent);font-weight:600}.strategy-card details>*:not(summary){margin-top:.7em}.strategy-card ul,.levelkey{padding-left:1.1em;margin:.5em 0}.strategy-card li{margin-bottom:.35em;font-size:.9rem}.example{background:var(--paper);border-left:3px solid var(--accent);padding:10px 12px;border-radius:0 8px 8px 0;font-size:.88rem;font-style:italic}.tally{display:flex;gap:10px;margin-bottom:22px}.tally>div{flex:1;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:12px;text-align:center}.tally strong{display:block;font-size:1.35rem}.tally span{font-size:.68rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em}.word-card{padding:0;overflow:hidden;margin-bottom:12px}.word-card.open{border-color:var(--accent)}.word-head{display:flex;align-items:center;gap:14px;width:100%;padding:16px;background:none;border:none;cursor:pointer;text-align:left;font:inherit}.word-head:hover{background:var(--paper)}.word-emoji{font-size:2rem;line-height:1;flex:none}.word-name{display:flex;flex-direction:column;flex:1;min-width:0}.word-name strong{font-size:1.15rem}.word-name span{font-size:.78rem;color:var(--ink-soft)}.word-meta em{font-style:normal;font-size:.7rem;color:var(--ink-soft);background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:3px 9px;white-space:nowrap}.levels{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:0 12px 14px}.level{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 2px;border:1px solid var(--line);border-radius:10px;background:var(--paper);cursor:pointer;font:inherit;transition:transform .08s ease,background .12s ease}.level:hover:not(:disabled){background:var(--card);transform:translateY(-1px)}.level:disabled{opacity:.5}.level-emoji{font-size:1.15rem;line-height:1}.level-label{font-size:.6rem;color:var(--ink-soft);text-align:center}.level-4,.level-5{background:var(--good-soft);border-color:transparent}.level-4 .level-label,.level-5 .level-label{color:var(--good);font-weight:600}.undo-bar{position:sticky;bottom:12px;display:flex;align-items:center;gap:12px;justify-content:space-between;background:var(--ink);color:var(--paper);border-radius:var(--radius);padding:10px 12px 10px 16px;font-size:.85rem;box-shadow:var(--shadow);margin:16px 0}.undo-bar .btn{background:#ffffff26;border-color:transparent;color:var(--paper)}.celebrate strong{font-size:1rem}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:22px}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 10px;text-align:center}.stat strong{display:block;font-size:1.6rem;line-height:1.1}.stat span{font-size:.66rem;color:var(--ink-soft)}.stat-good{background:var(--good-soft);border-color:transparent}.stat-good strong{color:var(--good)}.chart-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.chart-head h2{margin:0}.range{display:flex;gap:4px;flex:none}.range .btn.on{background:var(--accent);border-color:var(--accent);color:#fff}.chart{display:flex;align-items:flex-end;gap:2px;height:120px;padding-top:8px}.chart-col{flex:1;height:100%;display:flex;align-items:flex-end;min-width:3px}.chart-bar{width:100%;background:var(--accent-soft);border-radius:3px 3px 0 0;min-height:2px;display:flex;align-items:flex-end}.chart-bar-good{width:100%;background:var(--good);border-radius:3px 3px 0 0}.chart-key{display:flex;gap:16px;margin-top:10px;font-size:.72rem;color:var(--ink-soft)}.chart-key i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}.key-any{background:var(--accent-soft)}.key-good{background:var(--good)}.wordrow{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.wordrow-emoji{font-size:1.5rem;line-height:1.2;flex:none}.wordrow-body{flex:1;min-width:0}.wordrow-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.wordrow-note{font-size:.72rem;color:var(--ink-soft)}.wordrow.mastered .wordrow-emoji{filter:none}.meter{height:6px;background:var(--line);border-radius:999px;overflow:hidden;margin-bottom:6px}.meter-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .3s ease}.wordrow.mastered .meter-fill{background:var(--good)}.pill{font-size:.66rem;font-weight:600;padding:2px 9px;border-radius:999px;background:var(--paper);border:1px solid var(--line);color:var(--ink-soft);white-space:nowrap}.pill-good,.pill-up{background:var(--good-soft);color:var(--good);border-color:transparent}.pill-down{background:var(--bad-soft);color:var(--bad);border-color:transparent}.wordlist{list-style:none;margin:0;padding:0}.wordlist li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.wordlist li:last-child{border-bottom:none}.wordlist li.dim{opacity:.5}.wordlist-emoji{font-size:1.4rem;flex:none}.wordlist-body{flex:1;min-width:0;display:flex;flex-direction:column}.wordlist-body strong{font-size:.95rem}.wordlist-body span{font-size:.74rem;color:var(--ink-soft)}.wordlist-actions{display:flex;gap:2px;flex:none}.chips{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 16px}.chip{padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:var(--paper);cursor:pointer;font:inherit;font-size:.87rem}.chip:hover{border-color:var(--accent)}.chip.on{background:var(--accent);border-color:var(--accent);color:#fff}.levelkey{list-style:none;padding:0}.levelkey li{display:flex;gap:11px;padding:9px 0;border-bottom:1px solid var(--line)}.levelkey li:last-child{border-bottom:none}.levelkey div{display:flex;flex-direction:column}.levelkey strong{font-size:.88rem}.levelkey span{font-size:.76rem;color:var(--ink-soft)}@media(max-width:560px){.stat-row{grid-template-columns:repeat(2,1fr)}.levels{grid-template-columns:repeat(3,1fr)}.today-head{flex-direction:row}.tally strong{font-size:1.15rem}}.practice-card{background:var(--card, #fff);border:1px solid var(--line, #e6e6ef);border-radius:20px;padding:2rem 1.25rem 1.75rem;text-align:center;margin-bottom:1.5rem}.practice-emoji{font-size:5.5rem;line-height:1}.practice-word{font-size:2.6rem;font-weight:700;letter-spacing:-.01em;margin:.35rem 0 .9rem}.recorder{margin-top:1.4rem}.record-btn{width:96px;height:96px;border-radius:50%;border:4px solid var(--accent, #4f46e5);background:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .12s ease,box-shadow .12s ease}.record-btn:disabled{opacity:.55;cursor:default}.record-btn:not(:disabled):active{transform:scale(.94)}.record-dot{width:40px;height:40px;border-radius:50%;background:var(--accent, #4f46e5);transition:border-radius .15s ease,background .15s ease}.record-btn.is-recording{border-color:#dc2626;box-shadow:0 0 0 8px #dc262624}.record-btn.is-recording .record-dot{background:#dc2626;border-radius:8px}.record-label{margin:.75rem 0 0;color:var(--muted, #6b7280);font-size:.95rem}.verdict{margin-top:1.25rem}.verdict-face{font-size:3rem;line-height:1}.verdict-line{font-size:1.35rem;font-weight:650;margin-top:.2rem}.v-good .verdict-line{color:#15803d}.v-close .verdict-line{color:#b45309}.v-again .verdict-line{color:#b91c1c}.v-unclear .verdict-line{color:#4b5563}.verdict-note{color:var(--muted, #6b7280);margin:.6rem auto 0;max-width:34rem}.sound-chips{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin:1rem 0 .25rem}.sound-chip{font-size:1.05rem;font-weight:600;padding:.35rem .7rem;border-radius:10px;border:1px solid transparent}.sound-chip em{font-style:normal;opacity:.85}.s-correct{background:#dcfce7;color:#166534;border-color:#bbf7d0}.s-wrong{background:#fee2e2;color:#991b1b;border-color:#fecaca}.s-dropped{background:#fef3c7;color:#92400e;border-color:#fde68a}.s-unclear{background:#f3f4f6;color:#6b7280;border-color:#e5e7eb}.verdict-actions{display:flex;gap:.6rem;justify-content:center;margin-top:1.2rem;flex-wrap:wrap}.soundbars{display:flex;flex-direction:column;gap:.55rem;margin-top:.9rem}.soundbar{display:grid;grid-template-columns:11rem 1fr 5rem;align-items:center;gap:.7rem}.soundbar-name{font-size:.92rem}.soundbar-pct{font-size:.9rem;text-align:right;color:var(--muted, #6b7280)}.soundbar-pct em{font-style:normal;opacity:.7}.meter-fill.good{background:#22c55e}.meter-fill.mid{background:#f59e0b}.meter-fill.low{background:#ef4444}@media(max-width:560px){.practice-emoji{font-size:4.5rem}.practice-word{font-size:2.1rem}.soundbar{grid-template-columns:8rem 1fr 4rem}}.sound-chip.is-vowel{opacity:.5;font-weight:500}