:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f7f1e7;background:#12151c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #12151c;--panel: #1d222d;--paper: #f7f1e7;--paper-strong: #fff8ed;--ink: #1d1d1f;--muted: #786f63;--burgundy: #7b1e2b;--gold: #c9a66b;--success: #2f7d52;--warning: #c9822b;--danger: #b03a2e;--line: rgba(247, 241, 231, .18)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#7b1e2b3d,#12151c00 360px),var(--bg)}button,input,select,textarea{font:inherit}button{min-height:44px;border:0;border-radius:8px;background:var(--burgundy);color:var(--paper);padding:.7rem 1rem;font-weight:750;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:2px}input,select,textarea{width:100%;border:1px solid rgba(29,29,31,.18);border-radius:8px;background:#fffdf8;color:var(--ink);padding:.8rem}textarea{resize:vertical}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.25rem,5vw,2rem);margin-bottom:0}h2{font-size:1.45rem;line-height:1.15}h3{font-size:1.05rem}.app-shell{max-width:1180px;margin:0 auto;min-height:100vh;padding:1rem 1rem 6.7rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0 1rem}.topbar img{border-radius:14px;box-shadow:0 10px 30px #00000047}.main-content,.page-stack{display:grid;gap:1rem}.bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:10;display:flex;gap:.4rem;overflow-x:auto;padding:.65rem;background:#12151cf5;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav button{flex:0 0 auto;min-width:92px;min-height:42px;padding:.45rem .25rem;background:transparent;color:var(--paper);border:1px solid transparent;font-size:.78rem}.bottom-nav button.active{background:var(--paper);color:var(--burgundy)}.hero-panel,.control-panel,.form-panel,.action-card,.module-card,.lesson-reader,.quiz-card,.flashcard-panel,.scenario-practice,.result-panel,.log-card,.stat-card,.lesson-block{border-radius:8px;background:var(--paper);color:var(--ink);box-shadow:0 18px 50px #0003}.hero-panel{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem;overflow:hidden}.hero-panel p:last-child{margin-bottom:0}.control-panel,.form-panel,.action-card,.lesson-reader,.flashcard-panel,.scenario-practice,.result-panel{padding:1rem}.grid{display:grid;gap:1rem}.grid.two,.grid.three,.grid.four{grid-template-columns:1fr}.course-layout,.course-study-layout,.module-list{display:grid;gap:1rem}.module-card{padding:1rem}.course-study-sidebar{display:grid;gap:1rem}.course-study-intro,.course-study-reader,.theory-article{border-radius:8px;background:var(--paper);color:var(--ink);padding:1rem;box-shadow:0 18px 50px #0003}.course-study-reader{display:grid;gap:1rem}.course-module-card{display:grid;gap:.55rem;width:100%;background:var(--paper);color:var(--ink);border:1px solid rgba(247,241,231,.25);text-align:left}.course-module-card.active{outline:3px solid var(--gold)}.course-module-card small{display:block;margin-top:.2rem;color:var(--muted)}.mini-progress{display:block;width:100%;height:8px;overflow:hidden;border-radius:999px;background:#1d1d1f1f}.mini-progress span{display:block;height:100%;background:var(--burgundy)}.lesson-list,.choice-list,.quiz-stack,.log-list{display:grid;gap:.7rem}.lesson-pill,.choice-list button{display:flex;align-items:center;justify-content:space-between;width:100%;background:#fffdf8;color:var(--ink);border:1px solid rgba(29,29,31,.12);text-align:left}.lesson-pill small{display:block;margin-top:.2rem;color:var(--muted);font-weight:700}.lesson-pill.active,.choice-list button.selected,.segmented button.active{border-color:var(--burgundy);background:#f2dfe2;color:var(--burgundy)}.choice-list button.correct-choice{border-color:var(--success)}.course-reader-header{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-radius:8px;background:var(--paper);border-bottom:1px solid rgba(29,29,31,.12);padding-bottom:.8rem}.reader-progress{display:grid;place-items:center;min-width:86px;border-radius:8px;background:#fffdf8;padding:.7rem}.reader-progress strong{color:var(--burgundy);font-size:1.35rem}.reader-progress span{color:var(--muted);font-size:.75rem;text-align:center}.section-tabs{display:grid;gap:.5rem}.section-tabs button{background:#fffdf8;color:var(--ink);border:1px solid rgba(29,29,31,.12);text-align:left}.section-tabs button.active{background:#f2dfe2;color:var(--burgundy);border-color:var(--burgundy)}.theory-article{box-shadow:none;border:1px solid rgba(29,29,31,.1)}.theory-article p{line-height:1.65}.section-context-panel{display:grid;gap:.45rem;margin-top:.9rem;border-left:4px solid var(--gold);background:#fff8ea;padding:.85rem 1rem}.section-context-panel p{margin:0}.context-list{display:grid;gap:.45rem;margin:.2rem 0 0;padding-left:1.1rem}.service-highlight{border-color:var(--burgundy);background:#f6e8ea}.sticky-actions{position:static}.module-chapter{display:grid;gap:.5rem}.reading-mode .course-study-sidebar{position:static}.reading-mode .course-study-reader{font-size:1.08rem;line-height:1.75}.reading-mode .theory-article,.reading-mode .lesson-block,.reading-mode .module-chapter{box-shadow:none}.lesson-header,.section-title-row,.button-row,.info-strip{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.lesson-block{padding:1rem;border:1px solid rgba(29,29,31,.08);box-shadow:none}.lesson-reader{display:grid;gap:.8rem}.key-rule{background:#fff6df;border-left:5px solid var(--gold)}.challenge-block,.scenario-block{background:#f6e8ea}.learning-target{background:#eef6f0;border-left:5px solid var(--success)}.exam-trap{background:#fff2e3;border-left:5px solid var(--warning)}.sommelier-note,.compare-prompt{background:#f5f0ff;border-left:5px solid var(--burgundy)}.quiz-block,.task-block,.recap-block{background:#fffdf8}.feedback{margin-top:.8rem;border-radius:8px;padding:.8rem}.feedback p:last-child{margin-bottom:0}.feedback.correct{background:#2f7d521f;border:1px solid rgba(47,125,82,.35)}.feedback.warning{background:#c9822b24;border:1px solid rgba(201,130,43,.35)}.segmented{display:flex;flex-wrap:wrap;gap:.5rem}.segmented button{background:#fffdf8;color:var(--ink);border:1px solid rgba(29,29,31,.12)}.field-grid{display:grid;gap:.75rem;grid-template-columns:1fr}label{display:grid;gap:.35rem;color:var(--ink);font-weight:700}.toggle-row{display:flex;align-items:center;gap:.5rem}.toggle-row input{width:auto}.primary-action{width:100%}.badge{display:inline-flex;align-items:center;width:fit-content;min-height:28px;border-radius:999px;padding:.25rem .65rem;font-size:.78rem;font-weight:800}.badge.gold{background:#f1ddb2;color:#533b10}.badge.burgundy{background:var(--burgundy);color:var(--paper)}.badge.success{background:var(--success);color:#fff}.eyebrow{margin-bottom:.35rem;color:var(--burgundy);font-size:.75rem;font-weight:850;text-transform:uppercase;letter-spacing:0}.muted,.warning-text{color:var(--muted)}.warning-text{font-weight:750}.progress-ring{--progress: 0%;display:grid;flex:0 0 106px;width:106px;height:106px;place-items:center;border-radius:999px;background:conic-gradient(var(--burgundy) var(--progress),#e6d6bd 0)}.progress-ring>div{display:grid;place-items:center;width:78px;height:78px;border-radius:999px;background:var(--paper-strong)}.progress-ring strong{font-size:1.25rem}.progress-ring span{font-size:.75rem;color:var(--muted)}.info-strip{border-radius:8px;padding:1rem;background:var(--panel);border:1px solid var(--line)}.info-strip.compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));color:var(--paper)}.info-strip div{display:grid;gap:.2rem}.info-strip strong{color:var(--gold)}.info-strip span{color:var(--paper)}.mini-stat,.stat-card,.mini-card{padding:.9rem}.mini-stat{display:grid;gap:.2rem;border-radius:8px;background:var(--panel);border:1px solid var(--line)}.mini-card{border-radius:8px;background:#fffdf8;color:var(--ink);border:1px solid rgba(29,29,31,.1)}.mini-card p:last-child{margin-bottom:0}.timer-bar{position:sticky;top:.5rem;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-radius:8px;background:var(--panel);color:var(--paper);border:1px solid var(--line);padding:.8rem 1rem}.timer-bar strong{color:var(--gold);font-size:1.25rem}.result-breakdown{margin-top:1rem}.mini-stat strong{color:var(--gold);font-size:1.4rem}.stat-card p,.stat-card span{color:var(--muted)}.stat-card strong{display:block;font-size:1.8rem;color:var(--burgundy)}.flashcard-panel{display:grid;gap:1rem;min-height:280px;place-items:center;text-align:center}.flashcard-panel h2{max-width:680px}.review-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%}.review-actions.srs-actions{grid-template-columns:repeat(2,1fr)}.red-action{background:var(--danger)}.amber-action{background:var(--warning);color:#1d1d1f}.green-action{background:var(--success)}.form-panel{display:grid;gap:.8rem}.log-card{display:grid;gap:.5rem;padding:1rem}.log-card p{margin-bottom:0}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem}.glossary-hero{align-items:stretch}.glossary-controls{display:grid;gap:.8rem}.glossary-toggle{align-self:end;min-height:44px}.alphabet-index{display:flex;flex-wrap:wrap;gap:.35rem}.alphabet-index button{min-width:38px;min-height:36px;padding:.35rem .55rem;border:1px solid rgba(29,29,31,.12);background:#fffdf8;color:var(--ink)}.alphabet-index button.active{background:var(--burgundy);color:var(--paper)}.glossary-results,.feature-split,.region-map-list{display:grid;gap:1rem}.glossary-card{display:grid;gap:.85rem;border-radius:8px;background:var(--paper);color:var(--ink);padding:1rem;box-shadow:0 18px 50px #0003}.glossary-card.known{border:2px solid rgba(47,125,82,.4)}.status-green{border:2px solid rgba(47,125,82,.35)}.status-amber{border:2px solid rgba(201,166,107,.45)}.status-red{border:2px solid rgba(176,58,46,.35)}.glossary-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.module-link-badge{min-height:28px;padding:.25rem .65rem}.detail-card{display:grid;gap:.8rem}.explain-panel{display:grid;gap:.7rem;border-top:1px solid rgba(29,29,31,.12);padding-top:.8rem}.region-node{border-radius:8px;background:var(--paper);color:var(--ink);padding:.85rem;box-shadow:0 18px 50px #0000002e}.region-node summary{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.region-node small{display:block;color:var(--muted);font-weight:700}.region-children{display:grid;gap:.75rem;margin-top:.75rem;padding-left:.65rem;border-left:3px solid rgba(123,30,43,.18)}.text-link{color:var(--burgundy);font-weight:800}code{border-radius:6px;background:#1d1d1f14;padding:.1rem .25rem}.danger-zone{border:2px solid rgba(176,58,46,.35)}.danger-zone button{background:var(--danger)}details.quiz-card{padding:1rem}summary{cursor:pointer;font-weight:800}@media(min-width:720px){.app-shell{padding-bottom:5.5rem}.bottom-nav{justify-content:center}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.info-strip.compact{grid-template-columns:repeat(6,minmax(0,1fr))}.course-layout{grid-template-columns:minmax(260px,.9fr) minmax(0,1.4fr);align-items:start}.course-study-layout{grid-template-columns:minmax(280px,.78fr) minmax(0,1.45fr);align-items:start}.course-study-sidebar{position:sticky;top:1rem}.feature-split{grid-template-columns:minmax(260px,.8fr) minmax(0,1.4fr);align-items:start}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-actions.srs-actions{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.field-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}