@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Source+Serif+4:opsz,wght@8..60,400;8..60,600&display=swap";:root{color-scheme:light;--bg: #f4efe5;--bg-accent: #efe0c8;--panel: rgba(255, 252, 247, .92);--panel-strong: #fff9f1;--line: rgba(53, 40, 20, .14);--text: #1f1b16;--muted: #6b6257;--brand: #0e7c66;--brand-dark: #0a5d4c;--brand-soft: rgba(14, 124, 102, .12);--accent: #d97706;--rose: #b74d6f;--violet: #5a53c8;--shadow: 0 18px 60px rgba(73, 47, 18, .12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Space Grotesk,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(217,119,6,.22),transparent 28%),radial-gradient(circle at right 10%,rgba(90,83,200,.18),transparent 24%),linear-gradient(180deg,#fbf6ef 0%,var(--bg) 55%,#efe3d5 100%)}#root{min-height:100vh}button,input,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:320px 1fr;min-height:100vh}.sidebar{padding:24px;border-right:1px solid var(--line);background:linear-gradient(180deg,#fff8ecf2,#f5e7d6cc);display:flex;flex-direction:column;gap:18px}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-hero-panel{width:min(1120px,100%);display:grid;grid-template-columns:1.15fr .85fr;gap:24px;padding:28px;background:radial-gradient(circle at top right,rgba(14,124,102,.15),transparent 26%),radial-gradient(circle at left center,rgba(217,119,6,.16),transparent 24%),var(--panel-strong);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:28px}.auth-copy h1{margin:10px 0 14px;font-size:clamp(2.3rem,4vw,4rem);line-height:.98}.auth-copy>p{max-width:700px;margin:0;color:var(--muted);font-size:1.05rem;line-height:1.8}.auth-feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.auth-feature-card{padding:18px;border-radius:20px;border:1px solid var(--line);background:#fff9}.auth-feature-card p{margin:8px 0 0;color:var(--muted);line-height:1.65}.auth-panel{display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:24px;border:1px solid var(--line);background:#ffffffc2;align-self:center}.brand-card,.nav-card,.panel,.hero-panel,.status-strip,.review-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px}.brand-card{padding:24px}.brand-card h1{margin:8px 0 12px;font-size:2rem;line-height:1}.eyebrow,.card-label{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--muted);margin:0}.nav-card,.panel{padding:20px}.tab-list,.topic-list,.stack{display:flex;flex-direction:column;gap:10px}.tab-button,.topic-button,.question-button,.ghost-button,.primary-button,.secondary-button,.mini-button{border:1px solid var(--line);border-radius:16px;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}.tab-button,.topic-button,.question-button{background:#ffffffb8;color:var(--text)}.tab-button,.topic-button{padding:12px 14px;display:flex;justify-content:space-between;align-items:center}.tab-button.active,.topic-button.active,.question-button.active,.mini-button.active{background:linear-gradient(135deg,#0e7c6629,#5a53c81f);border-color:#0e7c6647;transform:translateY(-1px)}.ghost-button,.secondary-button,.mini-button{padding:10px 14px;background:#ffffff9e}.primary-button{padding:12px 16px;background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;border:0}.primary-button:disabled{cursor:wait;opacity:.72}.secondary-button{background:#d977061a}.mini-button{flex:1}.card-row,.lesson-header,.question-meta,.action-row,.hero-panel,.hero-meta,.review-headline{display:flex;align-items:center;justify-content:space-between;gap:12px}.content{padding:24px;display:flex;flex-direction:column;gap:18px}.hero-panel{padding:26px 28px;background:linear-gradient(135deg,#0e7c661f,#d977061a),var(--panel-strong)}.hero-panel h2{margin:8px 0 10px;font-size:2.2rem}.hero-meta{flex-wrap:wrap}.hero-meta span,.pill,.score-pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;font-size:.84rem;border:1px solid var(--line);background:#ffffffb3}.status-strip{padding:14px 18px;display:flex;gap:8px;align-items:center}.grid{display:grid;gap:18px}.two-columns{grid-template-columns:1fr 1fr}.learn-grid{grid-template-columns:1.45fr .9fr}.practice-grid{grid-template-columns:.95fr 1.35fr}.bullet-grid,.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-panel,.step-card,.lesson-preview,.hint-box,.prompt-preview,.review-detail,.progress-row,.profile-box,.auth-box{background:#fff9;border:1px solid var(--line);border-radius:18px;padding:16px}.mini-panel ul,.lesson-section ul,.hint-box ul,.review-grid ul,.review-detail ul{margin:10px 0 0;padding-left:18px}.mini-panel li,.lesson-section li,.hint-box li,.review-grid li,.review-detail li{margin-bottom:6px;color:var(--muted)}.lesson-preview h3,.practice-panel h3{margin:0 0 8px}.lesson-preview p,.step-card p,.mini-panel p,.question-button p,.muted-text,.review-summary,.prompt-text,.lesson-note,.profile-box p,.auth-box p{color:var(--muted)}.lesson-note{padding:14px;border-radius:16px;background:#0e7c6614}.question-button{padding:14px 16px;text-align:left;display:flex;justify-content:space-between;gap:12px}.question-meta{flex-direction:column;align-items:flex-end}.auth-switch{display:flex;gap:8px}.text-input,.answer-textarea,.review-textarea{width:100%;border:1px solid var(--line);border-radius:18px;background:#ffffffdb;padding:14px 16px}.answer-textarea{min-height:220px;resize:vertical}.review-textarea{min-height:180px;resize:vertical}.input-label{display:inline-block;margin:8px 0 10px;font-weight:700}.prompt-text{font-family:"Source Serif 4",serif;font-size:1.08rem;line-height:1.7}.progress-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.progress-bar{flex:0 0 180px;height:12px;border-radius:999px;overflow:hidden;background:#1f1b1614}.progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--accent))}.review-card{padding:18px}.review-card.compact{box-shadow:none}.score-pill.score-good{background:#0e7c6624}.score-pill.score-mid{background:#d9770624}.score-pill.score-low{background:#b74d6f24}.review-grid,.review-detail{margin-top:14px}.review-detail p{margin:10px 0 0;color:var(--muted);line-height:1.7}@media (max-width: 1180px){.auth-hero-panel,.app-shell,.two-columns,.learn-grid,.practice-grid,.review-grid,.bullet-grid{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.auth-feature-list{grid-template-columns:1fr}}@media (max-width: 760px){.auth-screen,.sidebar,.content{padding:16px}.auth-hero-panel,.hero-panel{padding:20px}.hero-panel h2{font-size:1.8rem}.progress-row,.card-row,.lesson-header,.hero-panel{align-items:flex-start;flex-direction:column}.progress-bar{width:100%;flex-basis:auto}}