:root{color-scheme:dark;--bg:#121515;--panel:#1b1f1e;--raised:#222725;--text:#f2f3ec;--muted:#a1aaa4;--line:#303832;--lime:#c7f879;--ink:#182210;--blue:#b7caff;--bad:#f1aaa2;--radius:18px;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.55}body.light{color-scheme:light;--bg:#f3f5ef;--panel:#fff;--raised:#edf1e8;--text:#1b251b;--muted:#546251;--line:#d7e0d2;--lime:#a3da47;--blue:#32559b;--bad:#ab3c32}button,input,select,textarea{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{border:1px solid var(--line);color:var(--text);background:var(--raised);padding:11px 17px;border-radius:10px;cursor:pointer;font-weight:550;transition:background .15s,transform .15s}button:hover{background:var(--line)}button:active{transform:translateY(1px)}button:disabled{opacity:.48;cursor:wait}button.primary{background:var(--lime);color:var(--ink);border-color:var(--lime)}button.primary:hover{filter:brightness(1.07)}button.ghost{background:transparent}button.small{padding:7px 12px;font-size:.875rem}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:4px}a{color:var(--blue)}h1,h2,h3,p{margin:0}h1{font-size:2.4rem;line-height:1.15;letter-spacing:-.055em;font-weight:600}h2{font-size:1.5rem;line-height:1.25;letter-spacing:-.03em;font-weight:550}h3{font-size:1.05rem;font-weight:550}p{margin-top:8px}.muted{color:var(--muted)}.eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);font-weight:550}.shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}.sidebar{padding:30px 24px;border-right:1px solid var(--line);position:fixed;width:230px;inset:0 auto 0 0;display:flex;flex-direction:column;background:var(--bg);z-index:20}.brand{display:flex;gap:10px;align-items:center;font-size:1.5rem;font-weight:650;letter-spacing:-.06em}.brand-mark{background:var(--lime);color:var(--ink);width:32px;height:32px;display:grid;place-items:center;border-radius:9px;font-size:1.4rem;font-weight:750}.sidebar nav{display:grid;gap:7px;margin-top:48px}.nav-item{background:transparent;border-color:transparent;display:flex;align-items:center;gap:14px;text-align:left;color:var(--muted);padding:12px 15px}.nav-item svg{width:20px;height:20px;flex-shrink:0}.nav-item.active{color:var(--lime);background:var(--raised);border-color:var(--line)}.side-bottom{margin-top:auto;font-size:.875rem}.side-note{border-top:1px solid var(--line);margin-top:22px;padding-top:19px;color:var(--muted);font-size:.8rem}.main-wrap{grid-column:2;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:20px 44px;min-height:80px;font-size:.875rem}.top-actions{display:flex;gap:16px;align-items:center}.top-actions .accent{color:var(--lime)}main{padding:40px 44px 60px;max-width:1390px;margin:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:32px}.page-head p{color:var(--muted);max-width:640px;margin-top:12px}.date-label{font-size:.875rem;white-space:nowrap}.dashboard{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:22px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:26px;min-width:0}.session-card{padding:32px;position:relative;overflow:hidden;min-height:345px;display:flex;flex-direction:column}.session-card:before{content:'';width:320px;height:320px;border:1px solid #c7f8791f;border-radius:50%;position:absolute;right:-160px;top:-100px;pointer-events:none}.session-card h2{font-size:2rem;max-width:390px;margin-top:22px}.session-card p{max-width:430px;color:var(--muted)}.tag{display:inline-block;border:1px solid var(--line);border-radius:7px;padding:4px 9px;font-size:.8rem;color:var(--muted)}.tag.lime{color:var(--lime);border-color:#c7f87940}.tag.blue{color:var(--blue);border-color:#b7caff40}.chips{display:flex;gap:8px;flex-wrap:wrap}.durations{margin:26px 0 22px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.durations button.selected,.filter.selected{color:var(--lime);border-color:var(--lime);background:var(--raised)}.session-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto}.focus-list{margin:24px 0 0;list-style:none;padding:0;display:grid;gap:19px}.focus-list li{display:flex;gap:14px}.focus-n{color:var(--lime);font-size:.875rem;margin-top:3px}.focus-list p{font-size:.875rem;color:var(--muted);margin-top:4px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:32px 0 16px;gap:14px}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.quick-card{cursor:pointer;display:flex;flex-direction:column;gap:10px;align-items:flex-start;text-align:left;border-radius:var(--radius);background:var(--panel);padding:23px}.quick-card:hover{border-color:var(--muted)}.mode-icon{width:39px;height:39px;border:1px solid var(--line);border-radius:11px;color:var(--blue);display:grid;place-items:center;font-size:1.2rem;font-weight:400}.quick-card p{font-size:.875rem;color:var(--muted);font-weight:400;margin:0}.quick-card .tag{margin-top:auto}.info-banner{display:flex;gap:12px;align-items:center;border:1px solid var(--line);padding:14px 18px;border-radius:12px;font-size:.875rem;color:var(--muted);margin-top:22px}.info-banner button{margin-left:auto;flex-shrink:0}.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.mode-grid .quick-card{min-height:205px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.filter{font-size:.875rem}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px}.stat .number{font-size:2rem;letter-spacing:-.045em;margin-top:8px}.stat .muted{font-size:.875rem}.skills{display:grid;gap:22px;margin-top:26px}.skill-top{display:flex;justify-content:space-between;gap:15px;font-size:.95rem}.meter{height:6px;background:var(--line);border-radius:5px;margin-top:12px;overflow:hidden}.meter span{display:block;height:100%;background:var(--lime)}.level-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted);margin-top:7px}.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.empty{padding:24px 0;color:var(--muted)}.history{display:grid;gap:0;margin-top:18px}.history-item{padding:15px 0;border-bottom:1px solid var(--line);font-size:.875rem}.history-item:last-child{border:0}.history-item .row{justify-content:space-between}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.phrase-card h3{font-size:1.25rem;color:var(--blue)}.phrase-card .example{font-size:1rem;margin:18px 0}.phrase-card .row{justify-content:space-between}.search{width:100%;max-width:460px;margin-bottom:22px}input,textarea,select{background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:12px 14px;min-width:0}textarea{resize:vertical;width:100%;line-height:1.6;min-height:150px}input[type=checkbox]{accent-color:var(--lime);width:19px;height:19px}input[type=number]{width:100px}label{display:block;font-size:.875rem}.exercise{max-width:860px;margin:auto}.exercise-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}.exercise h2{font-size:1.7rem;line-height:1.45;margin:24px 0}.exercise .prompt{margin-top:14px;white-space:pre-wrap}.task-card{padding:32px}.task-card label{margin:25px 0 10px;color:var(--muted)}.answer-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px}.hint-box{padding:16px;border-left:2px solid var(--blue);background:var(--raised);border-radius:0 8px 8px 0;font-size:.95rem;margin-top:18px}.hint-box .eyebrow{color:var(--blue);margin-bottom:5px}.word-bank,.word-answer{display:flex;gap:8px;flex-wrap:wrap;padding:15px 0;min-height:80px}.word-answer{border-bottom:1px solid var(--line);margin-bottom:10px}.word-answer button{border-color:var(--blue)}.feedback{margin-top:20px}.feedback h3{color:var(--lime)}.feedback .natural{font-size:1.4rem;line-height:1.5;margin:15px 0;color:var(--blue)}.feedback p{margin-top:14px}.feedback .chips{margin:18px 0}.why{margin:15px 0;border-top:1px solid var(--line);padding-top:16px}.why li{margin:8px 0}.feedback-actions{margin-top:24px;display:flex;gap:9px;flex-wrap:wrap}.error{color:var(--bad);margin-top:15px;font-size:.95rem}.progress-caption{font-size:.875rem;color:var(--muted)}.settings{max-width:740px}.settings .card{margin-bottom:20px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border:0}.setting-row p{font-size:.875rem;color:var(--muted);margin-top:3px}.secret{width:100%;font-family:ui-monospace,monospace;font-size:.9rem;margin:16px 0}.settings details{margin-top:16px}.settings summary{cursor:pointer;color:var(--blue)}.settings .row{margin-top:14px}.settings .card p{font-size:.95rem;color:var(--muted)}.conversation{max-width:850px;margin:auto}.chat-log{min-height:200px;margin:25px 0;display:grid;gap:18px}.chat-message{max-width:85%;padding:18px 22px;background:var(--panel);border:1px solid var(--line);border-radius:16px}.chat-message.user{margin-left:auto;background:var(--raised);border-color:#c7f87940}.chat-message .eyebrow{margin-bottom:8px}.conversation textarea{min-height:95px}.complete{text-align:center;padding:46px 30px}.complete .big-check{font-size:2.8rem;color:var(--lime);margin-bottom:18px}.complete h2{font-size:2rem}.complete .row{justify-content:center;margin-top:26px}.test-results{text-align:left;margin-top:25px}.notice{color:var(--muted);font-size:.875rem;margin-top:14px}.pill{font-size:.8rem;color:var(--muted);background:var(--raised);border-radius:20px;padding:6px 12px}.skip{position:fixed;top:-100px;left:12px;padding:10px;background:var(--lime);color:var(--ink);z-index:50}.skip:focus{top:12px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--raised);border:1px solid var(--line);border-radius:12px;padding:13px 20px;max-width:90vw;z-index:60;opacity:0;pointer-events:none;transition:opacity .2s}#toast.visible{opacity:1}dialog{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:18px;max-width:600px;width:90%;padding:28px}dialog::backdrop{background:#0009}dialog .row{margin-top:20px}.mobile-brand{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1550px){main{padding-top:55px}.dashboard{grid-template-columns:1.7fr 1fr}.session-card{min-height:380px}}
@media(max-width:1100px){.shell{grid-template-columns:185px 1fr}.sidebar{width:185px;padding:26px 15px}.topbar{padding:18px 25px}main{padding:32px 25px}.dashboard{grid-template-columns:1.4fr 1fr}.card{padding:23px}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.session-card h2{font-size:1.7rem}.session-foot{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.shell{display:block}.sidebar{inset:auto 0 0;width:100%;height:auto;padding:9px 12px max(9px,env(safe-area-inset-bottom));border:0;border-top:1px solid var(--line);background:var(--bg)}.sidebar .brand,.side-bottom{display:none}.sidebar nav{margin:0;grid-template-columns:repeat(4,1fr);gap:5px}.nav-item{flex-direction:column;gap:3px;padding:7px 2px;font-size:.75rem;border-radius:9px}.topbar{min-height:70px;padding:15px 20px}.topbar>.muted{display:none}.mobile-brand{display:flex}.top-actions{gap:12px}.top-actions .xp{display:none}main{padding:28px 20px 120px}.page-head{align-items:flex-start}.date-label{display:none}h1{font-size:2rem}.dashboard,.two-col{grid-template-columns:1fr}.session-card{min-height:320px}.session-foot{flex-direction:row;align-items:center}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.quick-card{padding:17px}.quick-card h3{font-size:1rem}.quick-card p{font-size:.8rem}.library-grid{grid-template-columns:1fr}.task-card{padding:22px}.exercise h2{font-size:1.4rem}.answer-actions{align-items:stretch;flex-direction:column-reverse}.answer-actions .primary{width:100%}.topbar .brand{font-size:1.3rem}.chat-message{max-width:95%}#toast{bottom:95px}.info-banner{align-items:flex-start;flex-direction:column}.info-banner button{margin-left:0}}
@media(max-width:460px){main{padding-left:16px;padding-right:16px}.quick-grid{grid-template-columns:1fr}.quick-grid .quick-card{display:grid;grid-template-columns:40px 1fr;gap:4px 14px}.quick-grid .mode-icon{grid-row:span 2}.quick-grid .tag{display:none}.mode-grid{grid-template-columns:1fr}.mode-grid .quick-card{min-height:155px}.session-card{padding:24px}.session-foot{flex-direction:column;align-items:stretch}.session-foot button{width:100%}.top-actions .accent{font-size:.8rem}.card{padding:21px}.setting-row{align-items:flex-start}.page-head{flex-direction:column}.stats{gap:12px}.stat .number{font-size:1.65rem}.feedback .natural{font-size:1.2rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}