:root{color-scheme:dark;--bg:#0d0c10;--surface:#18181e;--line:#45454e;--text:#f1f1f5;--muted:#bcbcc7;--accent:#ff897d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:1rem/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}main{max-width:1200px;margin:auto;padding:1.5rem}a{color:var(--accent);text-underline-offset:4px}nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}header{padding:2rem 0 1.2rem;max-width:780px}h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1.12;letter-spacing:-.035em;margin:.6rem 0 1rem}h2{font-size:1.15rem;margin:0 0 .8rem}p{margin:.6rem 0;color:var(--muted)}strong{color:var(--text)}.eyebrow{color:var(--accent);font-size:.875rem;letter-spacing:.12em}.small{font-size:.875rem}.layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);gap:1.5rem}.studio,aside section{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:1.25rem;min-width:0}.lesson-head{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:1rem}.lesson-head span{font-size:.875rem;color:var(--muted)}#conversation{display:flex;flex-direction:column;gap:1rem;max-height:510px;min-height:210px;overflow:auto;padding:.25rem .35rem .5rem 0;scroll-margin:1rem}.message{padding:1rem;border-left:3px solid var(--accent);background:#23232b;white-space:pre-wrap;overflow-wrap:anywhere}.message.student{background:#302024;border-color:#bb7371;align-self:flex-end;max-width:92%}.speaker{display:block;font-weight:650;font-size:.875rem;color:var(--accent);margin-bottom:.35rem}.student .speaker{color:#f4bcb7}#choices,.controls{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}button{font:inherit;cursor:pointer;border-radius:6px;border:1px solid #676771;padding:.65rem .9rem;background:#292930;color:var(--text);min-height:44px}button:hover{background:#3a3035}#send{background:#a62e24;border-color:#ee796d}button:disabled{opacity:.6;cursor:default}label{display:block;margin-bottom:.4rem}textarea{width:100%;font:inherit;background:#101014;border:1px solid #777784;border-radius:6px;color:var(--text);padding:.75rem;resize:vertical}a:focus-visible,button:focus-visible,textarea:focus-visible,#conversation:focus-visible{outline:3px solid #ffc0b8;outline-offset:4px}aside{display:flex;flex-direction:column;gap:1rem}.source{display:block;padding:.75rem 0}.source span{display:block;color:var(--muted);font-size:.875rem}dt{font-weight:650;margin-top:.75rem}dd{margin:0;color:var(--muted);font-size:.9375rem}footer{margin-top:2rem;font-size:.875rem;color:var(--muted)}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:var(--bg);padding:1rem;z-index:2}@media(max-width:780px){main{padding:1rem}.layout{grid-template-columns:1fr}header{padding-top:1.2rem}#conversation{max-height:450px}.studio,aside section{padding:1rem}}