:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f4f7f2;--muted:#94a49e;--paper:#0b1110;--accent:#361769;--line:#26332f}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% -10%, #24143d 0, transparent 32%), var(--paper);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif}button,select{font:inherit}button,select,a{-webkit-tap-highlight-color:transparent}button{border:1px solid var(--line);min-height:46px;color:var(--ink);cursor:pointer;background:#121a18;border-radius:8px;padding:11px 17px}button:hover:not(:disabled){background:#21172e}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,select:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #d6c4f2}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1280px;margin:auto;padding:32px 48px;display:flex}.brand{letter-spacing:-1px;color:var(--ink);font-family:inherit;font-size:30px;text-decoration:none}.brand span{letter-spacing:1.6px;margin-top:8px;font:9px Arial,sans-serif;display:block}.badge{letter-spacing:1.5px;border:1px solid #35443f;border-radius:20px;padding:9px 12px;font-size:10px}.workspace{grid-template-columns:340px minmax(0,1fr);gap:60px;max-width:1280px;margin:auto;padding:52px 48px;display:grid}.eyebrow{color:var(--muted);letter-spacing:2px;margin:12px 0 25px;font-size:10px}h1{letter-spacing:-1.5px;margin:0 0 20px;font-family:inherit;font-size:40px;font-weight:400;line-height:1.18}h1 em{color:#d6c4f2;font-weight:400}.intro{color:var(--muted);max-width:300px;margin-bottom:38px;font-size:15px;line-height:1.7}label{margin-bottom:10px;font-size:12px;font-weight:700;display:block}select{width:100%;min-height:48px;color:var(--ink);background:0 0;border:1px solid #35443f;border-radius:8px;padding:12px}.lesson-note{background:#151e1b;border-radius:12px;margin-top:25px;padding:24px}.lesson-note span{letter-spacing:1.6px;font-size:9px}h2{margin:17px 0 10px;font:600 26px/1.2 Inter,ui-sans-serif,system-ui,sans-serif}.lesson-note p,.privacy{color:var(--muted);font-size:13px;line-height:1.7}.privacy{padding:12px 3px}.conversation{border:1px solid var(--line);text-align:center;background:#121a18;border-radius:18px;padding:25px 32px 24px;box-shadow:0 15px 45px #20392c06}.session-top{letter-spacing:1.3px;color:var(--muted);border-bottom:1px solid #26332f;justify-content:space-between;padding-bottom:22px;font-size:9px;display:flex}.status{min-height:18px;margin:25px 0;font-size:12px}.status i{background:#d6c4f2;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.status i.recording{background:#e5bd78}.tutor-avatar{color:#d6c4f2;background:#281741;border-radius:29px;place-items:center;width:78px;height:78px;margin:0 auto 17px;font:italic 40px Georgia,serif;display:grid;transform:rotate(-7deg)}.speaker{letter-spacing:2px;color:var(--muted);font-size:9px}.tutor-text{max-width:450px;min-height:88px;margin:18px auto 0;font:32px/1.3 Georgia,serif}.translation{color:var(--muted);min-height:22px;font-size:13px;line-height:1.6}.student{text-align:left;background:#0c1311;border-radius:9px;min-height:80px;margin:25px 0;padding:16px 20px}.student span{color:var(--muted);letter-spacing:1.4px;font-size:9px}.student p{margin:8px 0 0;font-size:15px}.student small{font-size:11px}.primary-controls,.secondary-controls{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.primary{background:var(--accent);color:#fff;border-color:#d6c4f2;padding:14px 24px}.primary span{margin-left:30px}.primary:hover:not(:disabled){background:#4c258a}.secondary-controls{margin-top:16px}.secondary-controls button{background:0 0;border:none;padding:10px;font-size:12px}.encouragement{color:var(--muted);margin:24px 0 0;font-size:11px;line-height:1.6}.hint{white-space:pre-line;text-align:left;background:#30283c;border-radius:8px;padding:13px;font-size:14px;line-height:1.7}.error{color:#ffd0d0;background:#4b2020;border-radius:8px;padding:13px;font-size:14px;line-height:1.6}footer{border-top:1px solid var(--line);max-width:1184px;color:var(--muted);margin:0 auto 30px;padding:23px 0;font-size:11px;line-height:1.8}footer span{letter-spacing:.8px;margin-top:8px;display:block}.lesson-words{padding:0;font-size:13px;list-style:none}.lesson-words li{border-top:1px solid #35443f;margin:12px 0;padding-top:12px}.lesson-words li div{flex-wrap:wrap;justify-content:space-between;gap:6px;display:flex}.lesson-words li p{margin:8px 0 0}.lesson-words li p span{display:block}.lesson-words li p span[lang]{color:var(--ink)}.lesson-examples summary{cursor:pointer;padding:10px 0;font-size:13px}.custom-lesson label{margin-top:22px}.custom-lesson textarea{resize:vertical;width:100%;min-height:160px;color:var(--ink);background:#121a18;border:1px solid #35443f;border-radius:8px;padding:12px;font:14px/1.6 Arial,sans-serif}.custom-lesson textarea:focus-visible{outline-offset:3px;outline:3px solid #d6c4f2}.custom-lesson textarea:disabled{opacity:1;color:var(--muted);background:#0b1110}.lesson-words{max-height:410px;padding-right:8px;overflow-y:auto}.conversation{align-self:start;position:sticky;top:20px}.lesson-words span{letter-spacing:0;font-size:12px}.learning{border:1px solid var(--line);background:#121a18;border-radius:18px;max-width:1184px;margin:0 auto 40px;padding:30px}.learning-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.learning-heading .eyebrow{margin:0 0 10px}.learning h2{margin:0 0 15px}.storage-label{color:#d6c4f2;font-size:12px}.learning-note,.empty{color:var(--muted);font-size:13px;line-height:1.7}.settings{border-block:1px solid var(--line);margin:20px 0;padding:18px 0}.settings summary{cursor:pointer;padding:6px 0;font-weight:700}.settings fieldset{border:none;grid-template-columns:repeat(3,1fr);gap:18px;padding:20px 0 0;display:grid}.settings input:not([type=checkbox]){width:100%;font:inherit;border:1px solid var(--line);border-radius:8px;padding:14px}.settings select,.settings input{margin-top:8px}.settings .check-label{align-items:center;gap:10px;display:flex}.learning-notice{background:#151e1b;border-radius:8px;padding:12px;font-size:13px}.learning-stats{grid-template-columns:repeat(3,1fr);gap:20px;margin:26px 0;display:grid}.learning-stats strong{margin-bottom:8px;font:600 34px/1.2 Inter,ui-sans-serif,system-ui,sans-serif;display:block}.learning-stats span{color:var(--muted);font-size:12px}.progress-columns{grid-template-columns:1fr 1fr;gap:40px;display:grid}.learning h3{font:23px/1.3 Inter,ui-sans-serif,system-ui,sans-serif}.word-list,.practice-list{padding:0;list-style:none}.word-list li{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:14px 0;display:flex}.word-list span,.practice-list span{color:var(--muted);margin-top:7px;font-size:12px;display:block}.word-list small{text-align:right;font-size:11px;line-height:1.8}.practice-list li{border-bottom:1px solid var(--line);padding:14px 0}.data-controls{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.data-controls button{font-size:12px}.delete-confirm{background:#4b2020;border-radius:8px;margin-top:15px;padding:15px}.delete-confirm button{margin-right:8px}@media (max-width:900px){.learning{margin:0 24px 30px}}@media (max-width:700px){.learning{padding:22px}.settings fieldset,.progress-columns{grid-template-columns:1fr}.learning-heading{flex-direction:column;align-items:start;gap:0}.word-list li{flex-wrap:wrap}.learning-stats{gap:10px}}@media (max-width:900px){.workspace{grid-template-columns:270px minmax(0,1fr);gap:25px;padding:30px 24px}.topbar{padding:24px}h1{font-size:34px}.conversation{padding:22px}footer{margin:0 24px}}@media (max-width:700px){.workspace{grid-template-columns:1fr;padding-top:25px}h1{font-size:35px}.intro{max-width:none;margin-bottom:20px}.lesson-note{padding:18px}.lesson-words{max-height:220px}.conversation{position:static}.eyebrow{margin-top:0}.badge{padding:8px;font-size:8px}.brand{font-size:25px}.brand span{font-size:7px}.tutor-text{font-size:28px}}@media (prefers-contrast:more){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--muted:#d0ddd6;--line:#82988e}button:disabled{opacity:.65}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.account-bar{background:#151e1b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;font-size:13px;display:flex}.account-bar button{margin-left:8px;padding:8px 12px;font-size:12px}.account-page{padding:24px}.account-card{border:1px solid var(--line);background:#121a18;border-radius:18px;max-width:560px;margin:35px auto;padding:28px}.account-card h1{font-size:32px}.account-card p,.account-card small{color:var(--muted);line-height:1.65}.account-card fieldset{border:0;gap:18px;padding:0;display:grid}.account-card label{display:block}.account-card input{box-sizing:border-box;border:1px solid var(--line);width:100%;font:inherit;border-radius:8px;margin:8px 0;padding:14px}.account-options{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.account-options button{font-size:13px}.account-error{background:#4b2020;max-width:560px;margin:20px auto;padding:15px}@media (max-width:700px){.account-card{margin:24px 16px;padding:22px}.account-bar{padding:12px 16px}}.usage-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin:1.5rem 0;display:grid}.usage-stats>div{overflow-wrap:anywhere;flex-direction:column;gap:.3rem;min-width:0;display:flex}.usage-stats strong{font-size:1.6rem;font-weight:500}.usage-stats span{font-size:.8rem}.topbar-actions{align-items:center;gap:18px;display:flex}.settings-panel{width:min(920px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);background:#121a18;border:1px solid #35443f;border-radius:18px;padding:28px}.settings-panel::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000a}.settings-panel-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.settings-panel-heading .eyebrow{margin:0}.settings-panel .learning{background:#0c1311;margin:20px 0 0;padding:22px}.settings-panel .settings fieldset{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-panel .settings fieldset>*{min-width:0}.tts-controls{border-top:1px solid var(--line);grid-column:1/-1;margin-top:12px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.settings-grid>*{min-width:0}.settings-grid small{color:var(--muted);font-weight:400;line-height:1.6;display:block}.advanced-speech,.advanced-speech .settings-grid{margin-top:20px}.reference-field{grid-column:1/-1}@media (max-width:700px){.topbar-actions{gap:10px}.settings-panel{padding:20px}.settings-panel .settings fieldset,.settings-grid{grid-template-columns:1fr}.settings-panel-heading{align-items:start}.settings-panel-heading h2{margin-top:10px}.settings-panel-heading .eyebrow{font-size:8px}}input,textarea,select{color:var(--ink);font:inherit;background-color:#0c1311}input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #d6c4f2}a{color:#d6c4f2}.language-note{color:var(--muted);margin-bottom:24px;font-size:12px;line-height:1.6}.admin-page{max-width:1248px;margin:auto;padding:32px}.admin-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.admin-page .learning{margin:0 0 28px}.admin-page p{line-height:1.6}.admin-notice{background:#281741;border-radius:10px;padding:18px}.admin-accounts{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.admin-account{border:1px solid var(--line);border-radius:12px;min-width:0;padding:20px}.admin-account h3,.invite-list strong,.account-bar span{overflow-wrap:anywhere}.admin-account fieldset{border:0;gap:14px;padding:0;display:grid}.admin-account input,.invite-form input{border:1px solid #35443f;border-radius:8px;width:100%;margin-top:8px;padding:12px}.invite-form{align-items:end;gap:18px;display:flex}.invite-form label{flex:1;margin:0}.invite-list{padding:0;list-style:none}.invite-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:15px 0;display:flex}.invite-list li>div{min-width:0}.invite-list span{color:var(--muted);margin-top:6px;font-size:13px;display:block}.admin-pagination{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}@media (max-width:700px){.admin-page{padding:24px 16px}.admin-accounts{grid-template-columns:1fr}.admin-heading,.invite-form{flex-direction:column;align-items:stretch}.topbar{flex-wrap:wrap;gap:16px}}