:root{color:#f5f0e8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#f5f0e8;--muted:#a8b6a8;--line:#f5f0e833;--acid:#d7e76b;--coral:#f08b6e;background:#172421;font-family:Avenir Next,Avenir,sans-serif}body{background:#172421;min-width:320px;min-height:100vh;margin:0}#root{background:radial-gradient(circle at 80% 10%,#f08b6e2e,#0000 30rem),linear-gradient(135deg,#172421 0%,#243b31 100%);min-height:100vh}main{max-width:1180px;margin:0 auto;padding:0 6vw 6rem}.topbar{border-bottom:1px solid var(--line);letter-spacing:.12em;justify-content:space-between;align-items:center;padding:2rem 0;font-size:.72rem;display:flex}.brand{color:var(--ink);font-weight:800;text-decoration:none}.status{color:var(--muted);align-items:center;gap:.55rem;display:flex}.status-dot{background:var(--acid);border-radius:50%;width:.5rem;height:.5rem;box-shadow:0 0 0 .25rem #d7e76b1a}.intro{max-width:43rem;padding:8rem 0 6rem}.eyebrow,.card-heading,.note-footer{color:var(--acid);letter-spacing:.16em;text-transform:uppercase;font-size:.7rem}h1{letter-spacing:-.07em;margin:1.4rem 0 2rem;font-size:clamp(4rem,10vw,8.2rem);font-weight:700;line-height:.86}h1 em,.side-note em{color:var(--coral);font-family:Georgia,serif;font-weight:400}.intro-copy{color:var(--muted);max-width:29rem;font-size:1.1rem;line-height:1.55}.lesson-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:minmax(0,2fr) minmax(15rem,1fr);gap:1px;display:grid}.lesson-card,.side-note{background:#172421e0;padding:2rem}.card-heading{border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:1.25rem;display:flex}.phrase{border-bottom:1px solid var(--line);grid-template-columns:2.5rem 1fr auto;align-items:center;gap:1rem;padding:1.35rem 0;display:grid}.phrase-number{color:var(--coral);font-family:Georgia,serif;font-size:1.2rem}.phrase h2{margin:0 0 .25rem;font-size:1.25rem;font-weight:600}.phrase p{color:var(--muted);margin:0}.level{color:var(--acid);letter-spacing:.1em;border:1px solid #d7e76b80;padding:.35rem .5rem;font-size:.68rem}.side-note{flex-direction:column;justify-content:space-between;min-height:15rem;display:flex}.note-mark{color:var(--coral);font-size:2.5rem}.side-note p{letter-spacing:-.04em;margin:2rem 0;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.05}.note-footer{color:var(--muted)}.message{color:var(--muted);padding:2rem 0 0}.error{color:var(--coral)}code{color:var(--acid);font-family:monospace}@media (width<=700px){main{padding:0 1.25rem 3rem}.intro{padding:5rem 0 4rem}.lesson-grid{grid-template-columns:1fr}.lesson-card,.side-note{padding:1.25rem}.phrase{grid-template-columns:2rem 1fr}.level{grid-column:2;justify-self:start}}