:root{--bg:#fff7fb;--paper:#fff;--ink:#432b43;--muted:#735e75;--pink:#c83d82;--pink-soft:#fce4f0;--lavender:#eee7fb;--line:#eadce9;--green:#256044;--red:#aa2548;--shadow:0 8px 32px #693f6510;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,var(--bg),#f5f1ff);color:var(--ink);font:16px/1.55 'Trebuchet MS',system-ui,sans-serif;min-height:100dvh}button,input,textarea,select{font:inherit}button,a,input,select,textarea,label.photo-button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7b4cb7;outline-offset:3px}[hidden]{display:none!important}h1{font-size:clamp(23px,3vw,31px);line-height:1.2;margin:.25rem 0 .8rem}h2{font-size:21px;line-height:1.4;margin:0 0 .8rem}p{margin:.5rem 0 1rem}button{border:0;border-radius:14px;padding:10px 16px;min-height:44px}input,select,textarea{border:1.5px solid #ceb8ce;border-radius:12px;padding:11px 13px;background:var(--paper);color:var(--ink);max-width:100%}label{display:block;font-weight:600;margin-bottom:6px}input:not([type=radio]),select{width:100%}.primary{background:var(--pink);color:#fff;font-weight:700}.secondary{background:var(--lavender);color:#58377a;font-weight:600}.quiet{background:transparent;color:var(--muted)}.danger{background:#fbe7ed;color:#9a163f;font-weight:600}.muted,.footnote,.privacy-small{color:var(--muted)}.muted{font-size:14px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#995076;margin:0 0 7px}.row{display:flex;align-items:center;gap:10px;margin-top:14px}.row>input,.row>select{flex:1;min-width:0}.wrap{flex-wrap:wrap}.row>button{flex-shrink:0}.card,.exercise-card{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow);margin:20px 0}.login-shell{min-height:100dvh;display:grid;place-items:center;padding:25px 16px}.login-card{background:#ffffffed;border:1px solid var(--line);border-radius:28px;padding:30px;width:min(100%,440px);box-shadow:var(--shadow)}.login-card h1,.login-card>p,.unicorn{text-align:center}.unicorn{font-size:58px;margin-bottom:6px}.login-card input{margin-bottom:16px}.login-card>.primary{width:100%}.privacy-small{font-size:12px;line-height:1.6;margin:15px 0 0}.role-tabs{display:flex;background:#f4eff8;padding:4px;border-radius:14px;margin:22px 0}.role-tabs button{flex:1;background:transparent;padding:8px}.role-tabs .selected{background:white;box-shadow:0 2px 8px #38263b15;font-weight:700;color:var(--pink)}.error{color:var(--red);font-size:14px}.app-header{display:flex;align-items:center;justify-content:space-between;padding:14px max(18px,calc((100vw - 1000px)/2));background:linear-gradient(100deg,#ffdbec,#e4d7fa);gap:12px;min-height:83px}.brand{display:flex;align-items:center;gap:12px}.brand-icon{font-size:34px}.brand strong{display:block;font-size:22px}.brand small{display:block;font-size:12px}.header-actions{display:flex;align-items:center;gap:6px}.icon-button{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;padding:0;background:var(--pink-soft);font-size:20px;flex:none}.navigation{display:flex;gap:5px;padding:12px max(12px,calc((100vw - 1000px)/2));background:#fffbfe;border-bottom:1px solid var(--line);overflow-x:auto}.navigation button{background:transparent;color:var(--muted);white-space:nowrap;flex:none;font-size:14px}.navigation .active{background:var(--pink-soft);color:#8a2258;font-weight:700}.view{max-width:1000px;margin:auto;padding:28px 24px 50px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:14px}.status{max-width:952px;margin:12px auto;padding:12px 18px;border-radius:14px;background:#fff1d4;color:#684815}.chat-view{display:flex;flex-direction:column;min-height:calc(100dvh - 158px);padding-bottom:12px}.chat-messages{flex:1;min-height:230px;padding:15px 0;display:flex;flex-direction:column;gap:18px}.message{max-width:90%;border-radius:20px;padding:15px 18px;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:var(--shadow);background:var(--paper);align-self:flex-start}.message.me{align-self:flex-end;background:#f8d7e9;max-width:80%}.message .source{display:block;font-size:11px;line-height:1.4;color:var(--muted);border-top:1px solid var(--line);padding-top:9px;margin-top:12px;white-space:normal}.message img{max-height:200px;max-width:100%;border-radius:12px;display:block;margin:0 0 10px}.welcome{padding:25px 0 15px;max-width:650px}.welcome p{font-size:17px}.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.chips button{background:var(--paper);border:1px solid var(--line);color:var(--ink)}.composer{display:flex;align-items:flex-end;gap:10px;background:var(--paper);border:1px solid var(--line);padding:12px;border-radius:24px;position:sticky;bottom:0;box-shadow:var(--shadow)}.composer textarea{resize:none;flex:1;min-width:0;border:0;min-height:44px;max-height:160px;padding:10px 4px}.send{background:var(--pink);color:white;border-radius:50%;width:44px;height:44px;padding:0;font-size:21px;flex:none}.footnote{font-size:11px;text-align:center;margin:10px 6px}.photo-preview{display:flex;gap:12px;align-items:center;background:#fff;padding:12px;border-radius:15px;margin:10px 0;font-size:12px}.photo-preview img{max-width:80px;max-height:70px;border-radius:8px}.photo-preview span{flex:1}.history-item{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:17px;background:white;margin:10px 0;padding:5px}.history-open{background:transparent;color:var(--ink);text-align:left;flex:1;min-width:0}.history-open strong,.history-open small{display:block;overflow:hidden;text-overflow:ellipsis}.history-open small{color:var(--muted);font-size:12px}.practice-toolbar{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;margin:25px 0}.practice-toolbar select{margin-bottom:14px}.badge{display:inline-block;background:#e7f4ed;color:var(--green);font-size:12px;padding:5px 10px;border-radius:20px;margin-bottom:15px}.exercise-card h2{font-size:23px}.answer-choices{display:grid;gap:9px;margin:15px 0}.choice{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;gap:12px;align-items:center;cursor:pointer}.choice input{width:18px;height:18px;accent-color:var(--pink);flex:none}.choice:has(input:checked){border-color:var(--pink);background:var(--pink-soft)}.hint{padding:14px;background:#fff4d6;border-radius:12px}.exercise-result{background:#edf7f0;border-radius:15px;padding:18px;white-space:pre-wrap;margin:18px 0}.exercise-result.incorrect{background:#fff2df}.summary{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.summary div{background:white;border-radius:16px;padding:14px 20px;border:1px solid var(--line);flex:1;min-width:130px}.summary strong{display:block;font-size:27px;color:#9d376c}.summary span{font-size:13px;color:var(--muted)}.progress-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.skill-card{padding:20px;background:white;border:1px solid var(--line);border-radius:20px}.skill-card h2{font-size:18px}.skill-card p{font-size:13px;color:var(--muted)}.skill-card .skill-subject{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#965078}.skill-card button{font-size:13px;padding:8px 12px}.memory-list{padding:0;list-style:none}.memory-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.memory-list li span{overflow-wrap:anywhere}.attempt-item{border-bottom:1px solid var(--line);padding:12px 0;font-size:14px}.attempt-item p{margin:3px 0}.attempt-item small{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.recording{background:#c83d82;color:#fff}dialog{border:1px solid var(--line);border-radius:23px;padding:26px;width:min(94vw,460px);color:var(--ink);box-shadow:var(--shadow)}dialog::backdrop{background:#30203588}dialog p{white-space:pre-line}dialog .row{justify-content:flex-end}#reset-skill{margin-bottom:5px}
@media(max-width:620px){.app-header{padding:12px 14px}.header-actions .quiet{font-size:12px;padding:8px}.navigation{padding:8px;gap:0}.navigation button{font-size:12px;padding:10px}.view{padding:22px 15px 30px}.chat-view{padding-bottom:10px}.section-top{align-items:flex-start}.section-top .secondary{font-size:12px;padding:8px;max-width:130px}.chat-messages{min-height:210px}.message{max-width:96%;padding:14px;font-size:15px}.message.me{max-width:90%}.composer{gap:6px;padding:9px}.composer .icon-button{width:36px;height:40px;font-size:18px}.send{width:40px;height:40px}.row{flex-wrap:wrap}.row input,.row select{flex-basis:100%}.progress-grid{grid-template-columns:1fr}.card,.exercise-card{padding:19px}.goals-card .row button{width:100%}.login-card{padding:25px 22px}.welcome{padding-top:18px}.status{margin:8px 12px}.photo-preview span{font-size:11px}.footnote{font-size:10px}}
@media(max-width:620px){.navigation button{flex:1;padding:9px 5px;font-size:11px}.navigation{gap:0;padding:7px 5px}.navigation button[hidden]{display:none!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}