:root{--bg: #0f1115;--surface: #1a1d24;--surface2: #232831;--border: rgba(255, 255, 255, .08);--border2: rgba(255, 255, 255, .15);--text: #f1f3f5;--text2: #b6bdc8;--text3: #8b93a1;--teal: #2dd4a7;--teal-dim: rgba(45, 212, 167, .14);--red: #f87171;--amber: #fbbf24;--green: #34d399;--blue: #60a5fa}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,Segoe UI,Roboto,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.45;-webkit-font-smoothing:antialiased}button{font-family:inherit}.app{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;padding:22px 18px 28px}.spacer{flex:1}.app-head{display:flex;align-items:center;gap:11px}.app-title{font-size:19px;font-weight:600;letter-spacing:-.2px}.app-sub{font-size:12px;color:var(--text2)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:13px 14px}.stat-due{background:var(--teal-dim);border-color:#2dd4a752}.stat-num{font-size:26px;font-weight:700;letter-spacing:-.5px}.stat-due .stat-num{color:var(--teal)}.stat-lab{font-size:12px;color:var(--text2);margin-top:1px}.sec-lab{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--text3);margin:20px 2px 9px;font-weight:600}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{font-size:12.5px;padding:7px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--text2);cursor:pointer}.chip-on{background:#fff;color:#0f1115;border-color:#fff;font-weight:600}.cta{width:100%;border:none;border-radius:15px;background:var(--teal);color:#06281f;padding:14px;display:flex;flex-direction:column;align-items:center;gap:1px;cursor:pointer}.cta:disabled{opacity:.4;cursor:default}.cta-main{font-size:16px;font-weight:700;letter-spacing:.2px}.cta-sub{font-size:12px;font-weight:600;opacity:.7}.cta-ghost{width:100%;margin-top:9px;border:1px solid var(--border2);border-radius:15px;background:#ffffff05;color:var(--text);padding:12px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease}.cta-ghost:hover:not(:disabled){background:#ffffff0f;border-color:var(--text3)}.cta-ghost:active:not(:disabled){transform:scale(.98)}.cta-ghost:disabled{opacity:.45;cursor:default}.cta-accent{border-color:#2dd4a773;color:var(--teal);background:var(--teal-dim)}.cta-accent:hover:not(:disabled){background:#2dd4a738;border-color:var(--teal)}.btn-row{display:flex;gap:10px;margin-top:14px}.btn-row .cta-ghost{margin-top:0}.study-top{display:flex;justify-content:space-between;align-items:center}.cat-tag{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--text2);font-weight:500}.cat-tag .dot{width:8px;height:8px;border-radius:50%;background:var(--teal)}.prog-txt{font-size:13px;color:var(--text3);font-weight:600;font-variant-numeric:tabular-nums}.link-exit{background:none;border:none;color:var(--text3);font-size:13px;cursor:pointer;padding:0}.pbar{height:4px;border-radius:99px;background:var(--surface2);margin-top:10px;overflow:hidden}.pbar>i{display:block;height:100%;background:var(--teal);border-radius:99px;transition:width .25s}.flashcard{background:linear-gradient(165deg,#1e222b 0%,var(--surface) 55%,#15181e 100%);border:1px solid var(--border);border-radius:22px;margin-top:16px;padding:34px 22px;display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;justify-content:center;cursor:pointer;min-height:230px;box-shadow:0 14px 36px #0000006b,inset 0 1px #ffffff0a;transition:transform .12s ease,box-shadow .2s ease}.flashcard:active{transform:scale(.992)}.fc-hint{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--text3);margin-bottom:18px;font-weight:600}.fc-verb{font-size:32px;font-weight:750;letter-spacing:-.5px;line-height:1.15}.fc-mean{font-size:16px;color:var(--teal);margin-top:10px;font-weight:500}.fc-div{width:40px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--border2),transparent);margin:20px 0}.fc-en{font-size:15px;color:var(--text);font-style:italic;line-height:1.55}.fc-vi{font-size:13.5px;color:var(--text2);margin-top:8px;line-height:1.55}.fc-cols{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:18px}.fc-col{font-size:12px;padding:5px 11px;border-radius:999px;background:var(--teal-dim);color:var(--teal);border:1px solid rgba(45,212,167,.25)}.rate-hint{text-align:center;font-size:13px;color:var(--text2);margin:16px 0 10px}.rate-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.rate{border:none;border-radius:12px;padding:11px 4px 9px;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer}.r-lab{font-size:13px;font-weight:700}.r-int{font-size:10.5px;font-weight:600;opacity:.85}.r-again{background:#f8717124;color:var(--red)}.r-hard{background:#fbbf2424;color:var(--amber)}.r-good{background:#34d39924;color:var(--green)}.r-easy{background:#60a5fa24;color:var(--blue)}.kbd-hint{text-align:center;font-size:11px;color:var(--text3);margin-top:12px}.done-check{width:64px;height:64px;border-radius:50%;background:var(--teal-dim);border:1px solid rgba(45,212,167,.35);display:flex;align-items:center;justify-content:center;margin:40px auto 0;font-size:30px}.done-title{text-align:center;font-size:21px;font-weight:700;margin-top:18px}.done-sub{text-align:center;font-size:13.5px;color:var(--text2);margin-top:4px}.done-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.ds{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:15px;text-align:center}.ds-num{font-size:28px;font-weight:700}.ds-lab{font-size:12px;color:var(--text2);margin-top:2px}.next-due{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px;margin-top:10px;display:flex;justify-content:space-between;align-items:center}.nd-lab{font-size:12.5px;color:var(--text2)}.nd-val{font-size:13.5px;font-weight:600;color:var(--teal)}.empty-msg{text-align:center;color:var(--text2);font-size:14px;margin-top:28px;line-height:1.6}.field{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:11px;color:var(--text);font-size:14px;padding:11px 13px;resize:vertical}.field::placeholder{color:var(--text3)}.field:focus{outline:none;border-color:#2dd4a766}select.field{cursor:pointer}.prod-toggle{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--text);margin-top:14px;cursor:pointer}.prod-toggle input{width:16px;height:16px;accent-color:var(--teal)}.rate-suggest{outline:2px solid currentColor;outline-offset:1px}.streak-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;font-size:13px;color:var(--text2)}.streak-bar>span{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:6px 12px}.story-text{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;font-size:16px;line-height:1.7;margin-top:16px}.assess-level{display:flex;align-items:center;gap:16px;background:var(--teal-dim);border:1px solid rgba(45,212,167,.32);border-radius:18px;padding:18px 20px}.assess-cefr{font-size:40px;font-weight:800;color:var(--teal);line-height:1;letter-spacing:-1px}.assess-sum{font-size:14px;color:var(--text);line-height:1.5}.assess-list{list-style:none;display:flex;flex-direction:column;gap:7px}.assess-list li{font-size:14px;color:var(--text);padding-left:16px;position:relative;line-height:1.5}.assess-list li:before{content:"•";position:absolute;left:2px;color:var(--text3)}.trend{display:flex;align-items:flex-end;gap:6px;height:96px;margin-top:18px}.trend-bar{flex:1;min-width:12px;background:var(--teal-dim);border:1px solid rgba(45,212,167,.35);border-bottom:none;border-radius:6px 6px 0 0;position:relative;min-height:8px}.trend-bar>span{position:absolute;top:-16px;left:0;right:0;text-align:center;font-size:9.5px;color:var(--text2);font-weight:600}.tag-row{display:flex;align-items:center;gap:10px;font-size:13px}.tag-name{width:120px;flex:0 0 auto;color:var(--text)}.tag-bar{flex:1;height:8px;background:var(--surface2);border-radius:99px;overflow:hidden}.tag-bar>i{display:block;height:100%;background:var(--amber);border-radius:99px}.tag-count{width:18px;text-align:right;color:var(--text2);font-variant-numeric:tabular-nums}.plan{display:flex;flex-direction:column;gap:8px}.plan-step{display:flex;align-items:center;gap:11px;width:100%;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:12px 14px;color:var(--text);font-size:14px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.plan-step:hover{background:#ffffff0a;border-color:var(--text3)}.plan-check{width:22px;height:22px;flex:0 0 auto;border-radius:50%;border:1.5px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--text3)}.plan-done{border-color:#2dd4a766;background:var(--teal-dim)}.plan-done .plan-check{background:var(--teal);border-color:var(--teal);color:#06281f;font-weight:800}.plan-done .plan-label{color:var(--text2)}.plan-label{flex:1}.plan-go{color:var(--teal);font-weight:700}.hero{background:linear-gradient(160deg,rgba(45,212,167,.16),var(--surface) 70%);border:1px solid rgba(45,212,167,.3);border-radius:20px;padding:18px;margin-top:14px;box-shadow:0 12px 30px #00000059}.hero-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.hero-lab{font-size:12px;color:var(--text2)}.hero-level{font-size:38px;font-weight:800;color:var(--teal);line-height:1;letter-spacing:-1px}.hero-meta{display:flex;flex-direction:column;gap:5px;align-items:flex-end;font-size:12.5px;color:var(--text2)}.hero .cta{box-shadow:0 8px 20px #2dd4a740}.hero .btn-row{margin-top:10px}.voice-setup{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px 14px;margin-top:12px;display:flex;flex-direction:column;gap:8px}.vs-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:var(--text2)}.lookup-word{cursor:pointer;border-bottom:1px dotted rgba(255,255,255,.25)}.lookup-word:active,.lookup-word:hover{color:var(--teal);border-bottom-color:var(--teal)}.lookup-pop{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface2);border:1px solid var(--border2);border-radius:12px;padding:10px 14px;margin-top:10px;font-size:14px;line-height:1.45}.chat-log{display:flex;flex-direction:column;gap:10px;margin-top:16px;overflow-y:auto;max-height:52vh}.bubble{max-width:85%;padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.5}.bubble-user{align-self:flex-end;background:var(--teal-dim);border:1px solid rgba(45,212,167,.3)}.bubble-ai{align-self:flex-start;background:var(--surface);border:1px solid var(--border)}.coach-note{border:1px solid;border-radius:16px;padding:14px 16px;margin-top:14px;font-size:14px;line-height:1.6;animation:coach-in .22s ease}.coach-head{display:flex;align-items:center;gap:9px;font-weight:700;font-size:13.5px;margin-bottom:7px}.coach-ava{width:30px;height:30px;border-radius:50%;background:var(--surface2);display:inline-flex;align-items:center;justify-content:center;font-size:16px}.coach-body{color:var(--text)}@keyframes coach-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.cta{transition:transform .1s ease,filter .15s ease}.cta:hover:not(:disabled){filter:brightness(1.05)}.cta:active:not(:disabled){transform:scale(.985)}.rate{transition:transform .1s ease,filter .15s ease}.rate:hover{filter:brightness(1.25)}.rate:active{transform:scale(.95)}.pbar>i{background:linear-gradient(90deg,var(--teal),#5be3c0)}.field:focus{box-shadow:0 0 0 3px #2dd4a726}.manage-link{background:none;border:1px solid var(--border2);border-radius:999px;color:var(--text2);font-size:12.5px;padding:6px 12px;cursor:pointer}