:root{font-family:Inter,ui-rounded,"SF Pro Rounded",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#251e3d;background:#f7f5ff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 10% 0%,#eee8ff 0,transparent 34%),linear-gradient(180deg,#fbfaff 0,#f5f2ff 100%)}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{max-width:1180px;margin:0 auto;padding:24px 28px 64px}.shell.narrow{max-width:720px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.brand{font-size:1.35rem;font-weight:900;letter-spacing:-.04em;display:flex;align-items:center;gap:9px}.brand>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#6d4aff;color:#fff}.brand small{font-size:.68rem;font-weight:800;color:#8b82a3;background:#ece7fb;border-radius:99px;padding:4px 8px}.profile-chip,.pill{border:1px solid #ddd6f3;background:#fff;padding:10px 14px;border-radius:999px;color:#453c5d;font-weight:800;box-shadow:0 4px 14px #5c3ad00c}.welcome{background:linear-gradient(135deg,#5733e8 0%,#7a56ff 56%,#9a72ff 100%);color:#fff;border-radius:30px;padding:44px 52px;display:grid;grid-template-columns:1.5fr .75fr;align-items:center;min-height:310px;overflow:hidden;box-shadow:0 20px 50px #5d38d12d}.welcome h1{font-size:clamp(2.2rem,5vw,4.3rem);line-height:.98;letter-spacing:-.055em;max-width:760px;margin:7px 0 18px}.welcome p:not(.eyebrow){font-size:1.05rem;max-width:620px;color:#eeeaff}.eyebrow{font-size:.72rem!important;font-weight:900;letter-spacing:.16em;color:#8579a7;margin:0 0 8px}.welcome .eyebrow{color:#d9d0ff}.hero-graphic{font-size:8rem;text-align:center;transform:rotate(7deg);filter:drop-shadow(0 18px 20px #3c248e66);position:relative}.hero-graphic span{position:absolute;right:5%;top:5%;font-size:1.2rem;background:#ffcb45;color:#46317a;padding:12px 14px;border-radius:14px;transform:rotate(-12deg);font-weight:1000}.primary,.secondary{border:0;border-radius:14px;padding:12px 18px;font-weight:900}.primary{background:#6d4aff;color:#fff;box-shadow:0 8px 18px #6d4aff33}.welcome .primary{background:#ffcb45;color:#3c2b78;box-shadow:0 10px 25px #34206644}.secondary{background:#eeeaff;color:#5d42c7}.big{min-height:52px}.jumbo{font-size:1.08rem;padding:16px 24px;margin-top:12px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.stat{background:#fff;border:1px solid #e5e0f3;border-radius:20px;padding:18px;display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}.stat>span{font-size:1.7rem;grid-row:span 2}.stat strong{font-size:1.35rem;line-height:1}.stat small{color:#8b82a0;margin-top:5px}.dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.card{background:#fff;border:1px solid #e4def4;border-radius:24px;padding:26px;box-shadow:0 12px 30px #4935870c}.card h1,.card h2{letter-spacing:-.035em;margin:4px 0 10px}.card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.chips span{padding:8px 11px;border-radius:999px;background:#f1edff;color:#5e46bd;font-weight:750}.modes-card{display:flex;flex-direction:column;gap:10px}.mode{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;border-radius:17px;background:#faf9fd;border:1px solid #ece8f5}.mode.active{background:#f1edff;border-color:#d8cffd}.mode>span{font-size:1.6rem}.mode div{display:flex;flex-direction:column}.mode small{color:#8b82a0;margin-top:2px}.mode b{font-size:.65rem;letter-spacing:.08em;color:#7257e5}.back{border:0;background:transparent;color:#655b7b;font-weight:850;padding:8px 0;margin-bottom:16px}.hero-card{text-align:center;padding:38px}.mascot,.celebration{font-size:4.5rem}.muted{color:#817990;line-height:1.55}.stack{display:flex;flex-direction:column;gap:16px;text-align:left;margin-top:24px}.stack label{display:flex;flex-direction:column;gap:7px;font-weight:800;color:#514861}.stack input,.stack textarea,.stack select{width:100%;border:2px solid #e4def1;border-radius:14px;padding:13px 14px;outline:none;background:#fcfbff;color:#271f3e}.stack input:focus,.stack textarea:focus,.stack select:focus{border-color:#7c5aff;box-shadow:0 0 0 4px #7c5aff16}.input-row{display:flex;gap:8px}.icon-button{width:52px;border:0;border-radius:14px;background:#eee9ff;font-size:1.3rem}.word-count{text-align:right;color:#8a80a3;font-size:.85rem}.practice-top{display:flex;justify-content:space-between;align-items:center}.progress{height:11px;border-radius:99px;background:#e6e0f7;margin-bottom:18px;overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,#6d4aff,#9f79ff);transition:width .35s}.practice-card{text-align:center;padding:34px}.counter{font-weight:900;color:#8b82a0;font-size:.82rem}.speaker-orb{width:105px;height:105px;border:0;border-radius:50%;display:grid;place-items:center;margin:20px auto;background:linear-gradient(145deg,#7553ff,#5d39dc);font-size:2.8rem;box-shadow:0 16px 35px #6d4aff3d;cursor:pointer;user-select:none}.answer-form{max-width:470px;margin:20px auto}.answer-input{text-align:center!important;font-size:1.35rem!important;font-weight:800!important;letter-spacing:.02em}.feedback{margin:15px auto 0;max-width:470px;padding:13px;border-radius:14px;font-weight:900}.feedback.correct{background:#e8fbef;color:#167c43}.feedback.retry{background:#fff5d9;color:#8c6710}.practice-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:16px}.practice-actions button{border:1px solid #e3def0;background:#faf9fd;border-radius:12px;padding:10px 13px;font-weight:800;color:#625875}.practice-actions button:disabled{opacity:.55;cursor:not-allowed}.score-ring{width:145px;height:145px;margin:24px auto 10px;border-radius:50%;display:grid;place-items:center;background:#eee9ff;border:12px solid #7b59ee;font-size:2rem;font-weight:1000;color:#5c40cb}.scoreline{font-weight:800;color:#6d657f}.review-box,.perfect{margin:20px auto;max-width:430px;border-radius:16px;padding:15px;background:#fff7df;color:#75591b;display:flex;flex-direction:column;gap:6px}.perfect{background:#ebfbf0;color:#167243;font-weight:900}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}@media(max-width:760px){.shell{padding:16px 14px 42px}.topbar{align-items:flex-start}.brand small{display:none}.profile-chip{max-width:48vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.welcome{grid-template-columns:1fr;padding:30px 24px;border-radius:24px}.welcome h1{font-size:2.55rem}.hero-graphic{display:none}.stats-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.practice-card{padding:24px 17px}.button-grid{grid-template-columns:1fr}.card-heading{flex-direction:column}.card-heading .secondary{align-self:flex-start}}@media(max-width:420px){.stats-grid{grid-template-columns:1fr}.welcome h1{font-size:2.2rem}.hero-card{padding:28px 20px}}

/* v0.2 handwriting + interactive modes */
.mode-button{width:100%;text-align:left;color:inherit;font:inherit;cursor:pointer}.mode-button:hover{transform:translateY(-1px);box-shadow:0 8px 18px #5235a211}.disabled-mode{opacity:.58;cursor:default}.write-card{padding-bottom:30px}.handwriting-status{max-width:560px;margin:14px auto;padding:10px 13px;border-radius:12px;font-size:.85rem;font-weight:850}.handwriting-status.ready{background:#eafaf0;color:#187745}.handwriting-status.limited{background:#fff4dd;color:#805f16}.canvas-wrap{position:relative;max-width:590px;margin:18px auto 10px;height:250px;border:2px dashed #cfc4ef;border-radius:20px;background:linear-gradient(#fff,#fdfcff);overflow:hidden;touch-action:none;box-shadow:inset 0 1px 0 #fff}.write-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.canvas-hint{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;color:#b2a8c8;font-weight:800;font-size:1.05rem;transition:opacity .2s}.canvas-hint.hidden{opacity:0}.ink-actions{display:flex;justify-content:center;gap:9px;margin:8px 0 12px}.ink-actions button{padding:9px 13px}.recognized{max-width:470px;margin:12px auto;padding:10px 13px;border-radius:12px;background:#f2eeff;color:#5d44bd}.full-button{display:block;width:min(100%,470px);margin:16px auto 0}.tiny-warning{font-size:.78rem;color:#9a6a1a;max-width:500px;margin:12px auto 0}.practice-actions button:not(:disabled):hover,.ink-actions button:hover{background:#f1edff}@media(max-width:600px){.canvas-wrap{height:220px}.write-card{padding:22px 14px}.ink-actions{justify-content:stretch}.ink-actions button{flex:1}}

/* v0.3 parent vocabulary manager + recorded pronunciation */
.manager-head{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:start;margin-bottom:22px}.manager-head .back{margin:4px 0}.manager-head h1{margin:2px 0 4px;font-size:2.2rem}.list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.list-card{display:flex;flex-direction:column;gap:16px}.list-card.current-list{border-color:#8064ef;box-shadow:0 12px 30px #6246d91a}.list-card-top{display:flex;justify-content:space-between;gap:14px}.list-card h2{margin:4px 0}.list-badges{display:flex;gap:6px}.badge{font-size:.62rem;font-weight:950;letter-spacing:.08em;background:#eeeaf7;color:#776e8b;border-radius:99px;padding:5px 8px}.active-badge{background:#e9f9ee;color:#197344}.kebab{border:0;background:#f2edff;border-radius:12px;width:42px;height:42px}.mini-words{display:flex;flex-wrap:wrap;gap:6px}.mini-words span{font-size:.82rem;background:#f6f3ff;color:#6653aa;border-radius:99px;padding:6px 9px}.list-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.danger-soft{border:0;background:#fff0f0;color:#a83a43;border-radius:12px;padding:10px 13px;font-weight:850}.archive{margin-top:24px}.archive>summary{font-weight:900;color:#665d79;cursor:pointer;margin-bottom:14px}.editor-card{max-width:900px;margin:0 auto}.editor-title-row{display:flex;align-items:start;justify-content:space-between;gap:16px}.editor-title-row h1{font-size:2.1rem}.record-note{display:flex;gap:14px;align-items:flex-start;background:#f3efff;border:1px solid #ded4ff;border-radius:18px;padding:16px;margin:20px 0}.record-note>span{font-size:1.8rem}.record-note p{margin:4px 0 0;color:#756b8c}.word-toolbar{display:flex;justify-content:space-between;align-items:center;margin:22px 0 12px}.word-rows{display:flex;flex-direction:column;gap:9px}.word-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;border:1px solid #ebe5f5;background:#fcfbff;border-radius:16px;padding:11px 12px}.word-number{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eee9ff;color:#644bd1;font-weight:900}.word-main{display:flex;flex-direction:column;min-width:0}.word-main strong{font-size:1.06rem}.word-main small{margin-top:3px;color:#8b82a0}.word-row-actions{display:flex;gap:6px}.icon-action{width:40px;height:40px;border:0;background:#f1edfa;border-radius:11px}.icon-action.record{background:#ede7ff}.icon-action.danger{background:#fff0f0}.empty-words,.empty-card{text-align:center;color:#8b82a0;padding:30px}.optional{font-weight:500;color:#9a91aa;font-size:.8rem}.recording-card{text-align:center;padding:40px}.mic-big{font-size:5rem}.record-status{max-width:430px;margin:20px auto 8px;background:#f6f3ff;color:#6e6386;padding:12px;border-radius:13px;font-weight:850}.record-status.live{background:#ffe9ec;color:#a62c3c;animation:pulse 1s infinite}.record-timer{font-size:2.7rem;font-weight:1000;letter-spacing:-.05em;margin:10px}.record-buttons{display:flex;justify-content:center;gap:10px;margin:18px 0}.record-primary,.stop-button{min-width:135px;border:0;border-radius:15px;padding:14px 18px;font-weight:950}.record-primary{background:#e4344f;color:white}.stop-button{background:#272135;color:white}.record-buttons button:disabled{opacity:.4;cursor:not-allowed}.existing-audio{display:flex;justify-content:center;align-items:center;gap:12px;margin:20px auto;background:#f0fbf4;color:#206b43;border-radius:14px;padding:12px;max-width:430px}.recording-source{max-width:470px;margin:14px auto;padding:10px 13px;border-radius:12px;font-size:.85rem;font-weight:850}.recording-source.ready{background:#eafaf0;color:#187745}.recording-source.limited{background:#fff4dd;color:#805f16}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:99;background:#2f2940;color:white;padding:12px 18px;border-radius:12px;font-weight:850;box-shadow:0 14px 35px #0003;max-width:min(90vw,560px);text-align:center}.toast.success{background:#1d7b4b}.toast.warn{background:#8b6515}@keyframes pulse{50%{opacity:.68}}@media(max-width:800px){.manager-head{grid-template-columns:1fr}.manager-head .primary{justify-self:start}.list-grid{grid-template-columns:1fr}.word-row{grid-template-columns:36px 1fr}.word-row-actions{grid-column:2;flex-wrap:wrap}.editor-title-row{flex-direction:column}.record-buttons{flex-direction:column;align-items:stretch}.record-primary,.stop-button{width:100%}}

/* v0.4 faster list setup + mobile handwriting self-check */
.setup-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 8px}.setup-actions button{min-height:46px}.bulk-card{max-width:760px;margin:0 auto}.bulk-card textarea{font-size:1.05rem;line-height:1.7;resize:vertical}.rapid-progress{height:10px;border-radius:99px;background:#eee9f7;overflow:hidden;max-width:430px;margin:16px auto}.rapid-progress>div{height:100%;background:linear-gradient(90deg,#ef4b68,#7a59ee);transition:width .3s}.mobile-canvas{height:320px}.self-check-area{max-width:520px;margin:14px auto}.reveal-card{background:#f6f3ff;border:1px solid #ded6fb;border-radius:18px;padding:18px;text-align:center}.reveal-card small{display:block;text-transform:uppercase;letter-spacing:.1em;color:#8d82a6;font-weight:900}.reveal-card strong{display:block;font-size:2rem;margin:8px 0;color:#4b35af}.reveal-card p{margin:0 0 14px;color:#756d87}.self-grade-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.success-button{border:0;border-radius:13px;background:#1f9958;color:white;font-weight:950;padding:12px 14px}.write-card{overscroll-behavior:contain}.write-canvas{touch-action:none;-webkit-user-select:none;user-select:none}.canvas-wrap{overscroll-behavior:contain}
@media(max-width:600px){.setup-actions{display:grid;grid-template-columns:1fr}.setup-actions button{width:100%}.mobile-canvas{height:42vh;min-height:260px;max-height:430px;border-width:3px}.self-grade-buttons{grid-template-columns:1fr}.speaker-orb{width:88px;height:88px;margin:12px auto;font-size:2.3rem}.practice-card.write-card{padding-left:10px;padding-right:10px}.write-card h1{margin-bottom:4px}.write-card .muted{margin-top:4px}.ink-actions button{min-height:46px}}
.top-actions{display:flex;align-items:center;gap:10px}.account-link{text-decoration:none;padding:10px 14px;border-radius:999px;border:1px solid #e0daf0;background:#fff;color:#4f3a78;font-weight:800;font-size:.88rem}.account-link:hover{background:#f6f2ff}@media(max-width:640px){.top-actions{gap:6px}.account-link{padding:9px 10px;font-size:0}.account-link::first-letter{font-size:1rem}}