:root{--bg:#f6f0e3;--surface:#fffaf0;--surface-strong:#fffdf7;--ink:#1f241f;--muted:#667066;--line:#ded3bd;--primary:#4f6f3f;--primary-dark:#334c29;--amber:#d99824;--good:#2d7a57;--bad:#b84235;--shadow:0 10px 0 #49391f14, 0 24px 48px #322c201f;--radius:8px}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--ink);background:var(--bg);letter-spacing:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{grid-template-columns:286px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:20;border-right:1px solid var(--line);background:#fffaf0fa;flex-direction:column;gap:18px;height:100vh;padding:22px;display:flex;position:sticky;top:0}.workspace{min-width:0;padding:20px clamp(16px,3vw,34px) 44px}.topbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f6f0e3e6;border-bottom:1px solid #e4ded2c7;justify-content:space-between;align-items:center;gap:14px;margin:-20px calc(-1*clamp(16px,3vw,34px)) 24px;padding:15px clamp(16px,3vw,34px);display:flex;position:sticky;top:0}.topbar-right,.search-box,.brand-row{align-items:center;gap:10px;min-width:0;display:flex}.brand-row{gap:12px}.brand-button{width:100%;color:inherit;text-align:left;background:0 0;border:0;padding:0}.brand-row strong{font-size:18px;display:block}.brand-row span,.search-box{color:var(--muted);font-size:12px}.search-box span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mascot-mark{color:#2b2118;background:linear-gradient(145deg,#f4d3a4,#b87b46);border:1px solid #d3c4ac;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:relative;box-shadow:inset 0 -7px #472a161f}.mascot-mark span{background:#2b211829;border-radius:999px;width:18px;height:6px;position:absolute;bottom:9px}.primary-action,.secondary-action,.ghost-action,.text-button,.icon-button{border-radius:var(--radius);justify-content:center;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.primary-action{background:var(--primary);color:#fff;min-height:46px;box-shadow:0 6px 0 var(--primary-dark), 0 14px 24px #4f6f3f2e;border:0;padding:0 18px;font-weight:900}.primary-action.compact,.secondary-action,.text-button{min-height:38px}.primary-action.full{width:100%}.secondary-action{border:1px solid var(--line);background:var(--surface-strong);color:var(--ink);padding:0 14px;font-weight:850;box-shadow:0 4px #49391f1f}.text-button{color:var(--primary-dark);background:0 0;border:0;padding:0;font-weight:800}.icon-button{border:1px solid var(--line);background:var(--surface-strong);width:38px;height:38px;color:var(--ink)}.nav-list,.exam-list{flex-direction:column;gap:7px;display:flex}.nav-list button,.exam-link{border-radius:var(--radius);width:100%;color:var(--muted);text-align:left;background:0 0;border:0}.nav-list button{align-items:center;gap:10px;min-height:38px;padding:0 10px;font-weight:750;display:flex}.nav-list button.active,.nav-list button:hover,.exam-link.active,.exam-link:hover{color:var(--primary-dark);background:#edf6f2}.exam-list-label{color:var(--muted);text-transform:uppercase;margin:4px 0 -6px;font-size:11px;font-weight:900}.exam-list{padding-right:2px;overflow:auto}.exam-link{grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:8px 10px;display:grid}.exam-link strong,.exam-link small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.exam-link small,.section-heading span,.metric-card span,.metric-card em,.document-item span,.session-item span,.source-box span{color:var(--muted);font-size:12px}.exam-link em,.session-item em,.topic-row em,.topic-bar-row em{color:var(--ink);font-style:normal;font-weight:900}.exam-dot{border-radius:50%;width:10px;height:10px}.sidebar-footer{gap:10px;margin-top:auto;display:grid}.connection-pill,.demo-badge,.result-chip,.topic-tag{border-radius:999px;align-items:center;gap:7px;font-size:12px;font-weight:850;display:inline-flex}.connection-pill,.demo-badge{border:1px solid var(--line);min-width:0;color:var(--muted);background:#fbf7ef;padding:7px 10px}.view-stack{flex-direction:column;gap:18px;display:flex}.panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fffaf0f2}.dashboard-hero{grid-template-columns:minmax(0,1fr) 320px;gap:22px;padding:28px;display:grid;overflow:hidden}.dashboard-hero h1,.page-intro h1,.exam-hero h1,.results-hero h1{margin:5px 0 10px;font-family:Georgia,Times New Roman,serif;font-size:52px;line-height:1}.dashboard-hero p,.exam-hero p,.mode-card p,.correction-panel p,.next-drill-card p{color:var(--muted);line-height:1.55}.eyebrow{color:var(--primary-dark);text-transform:uppercase;font-size:12px;font-weight:900}.hero-actions,.result-actions{flex-wrap:wrap;gap:10px;display:flex}.coach-card{border-radius:var(--radius);color:#fffaf0;background:#9aa77c;border:1px solid #d8ccb6;align-content:end;display:grid;overflow:hidden}.coach-card img{object-fit:cover;width:100%;height:205px}.coach-card div{gap:3px;padding:13px 15px 15px;display:grid}.coach-card span{color:#fffaf0d1;font-weight:750}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.metric-card{gap:4px;min-height:126px;padding:18px;display:grid}.metric-card strong{font-size:32px;line-height:1}.metric-icon,.doc-icon,.answer-option strong{border-radius:var(--radius);color:var(--primary-dark);background:#e9f1df;place-items:center;display:grid}.metric-icon{width:36px;height:36px}.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.48fr);gap:14px;display:grid}.dashboard-grid>.panel,.panel:not(.quiz-panel):not(.correction-panel):not(.dashboard-hero):not(.exam-hero):not(.results-hero):not(.mode-card){padding:18px}.span-2{grid-column:span 2}.section-heading,.page-intro{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-heading{margin-bottom:14px}.section-heading h2{margin:0;font-size:17px}.exam-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.exam-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);min-height:190px;color:var(--ink);text-align:left;flex-direction:column;justify-content:space-between;padding:18px;display:flex;position:relative;overflow:hidden;box-shadow:0 5px #49391f1a}.exam-card h3{margin:8px 0;font-size:22px}.exam-card p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.accent-line{width:5px;position:absolute;inset:0 auto 0 0}.exam-card-footer{color:var(--muted);justify-content:space-between;align-items:center;font-size:13px;display:flex}.exam-hero{grid-template-columns:minmax(0,1fr) 250px;gap:22px;padding:26px;display:grid}.readiness-card{border-radius:var(--radius);color:#fffaf0;background:#8b986d;align-content:center;gap:8px;padding:22px;display:grid}.readiness-card span,.readiness-card em{color:#fffaf0d1;font-size:13px;font-style:normal;font-weight:800}.readiness-card strong{font-size:54px;line-height:1}.progress-track{background:#e3dbcf;border-radius:999px;height:8px;position:relative;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--primary);height:100%;display:block}.progress-track span.weak{background:var(--bad)}.progress-track span.steady{background:var(--amber)}.progress-track span.strong{background:var(--good)}.topic-list,.document-list,.history-list,.compact-list,.correction-list,.topic-bars{gap:10px;display:grid}.topic-row,.topic-bar-row{grid-template-columns:minmax(0,190px) minmax(120px,1fr) 44px;align-items:center;gap:12px;min-height:48px;display:grid}.topic-row strong,.topic-row span,.topic-bar-row strong,.topic-bar-row span,.document-item strong,.document-item span,.session-item strong,.session-item span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.topic-bar-row em,.topic-row em{text-align:right}.document-item{border-radius:var(--radius);background:var(--surface-strong);border:1px solid #eee8dd;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;padding:10px;display:grid;box-shadow:0 5px #49391f1a}.document-item em{color:var(--primary-dark);background:#edf6f2;border-radius:999px;padding:5px 8px;font-size:11px;font-style:normal;font-weight:900}.doc-icon{width:38px;height:38px}.next-drill-card{gap:12px;display:grid}.next-drill-card img,.correction-visual{object-fit:cover;border-radius:var(--radius);width:100%;height:auto}.next-drill-card img{max-height:150px}.upload-zone{border-radius:var(--radius);min-height:170px;color:var(--primary-dark);background:#fbf7ef;border:1px dashed #b6a994;place-items:center;gap:6px;display:grid}.upload-zone strong{color:var(--ink);font-size:20px}.upload-zone span{color:var(--muted)}.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.mode-grid.slim{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-card{min-height:220px;color:var(--ink);text-align:left;padding:20px}button.mode-card{border:1px solid var(--line)}.mode-card h2{margin:18px 0 8px}.mode-card span{color:var(--primary-dark);align-items:center;gap:5px;font-weight:900;display:inline-flex}.specific-card{flex-direction:column;display:flex}textarea,input{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);width:100%;color:var(--ink);outline:0}input{min-height:42px;padding:0 12px}textarea{resize:vertical;min-height:104px;padding:12px}.quiz-layout{grid-template-columns:minmax(0,1fr) 340px;gap:14px;display:grid}.quiz-panel,.correction-panel{padding:22px}.quiz-header,.question-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.quiz-header span,.question-meta span{color:var(--muted);text-transform:capitalize;background:#f2eadf;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:850}.quiz-progress{margin:16px 0}.quiz-panel h1,.oral-panel h1{max-width:850px;margin:18px 0 0;font-size:38px;line-height:1.08}.answer-list{gap:10px;margin-top:22px;display:grid}.answer-option{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);min-height:62px;color:var(--ink);text-align:left;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:12px;padding:10px;display:grid;box-shadow:0 5px #49391f1a}.answer-option strong{width:38px;height:38px}.answer-option.selected{border-color:#4f6f3f9e;box-shadow:0 0 0 3px #4f6f3f1f}.answer-option.correct{background:#edf8f1;border-color:#2d7a57b8}.answer-option.wrong{background:#fff0ed;border-color:#b84235b8}.quiz-actions{justify-content:flex-end;margin-top:18px;display:flex}.correction-panel{align-self:start}.result-chip{width:max-content;margin-bottom:16px;padding:7px 10px}.result-chip.good{color:var(--good);background:#eaf8ef}.result-chip.bad{color:var(--bad);background:#fff0ed}.source-box{border:1px solid var(--line);border-radius:var(--radius);background:#fbf7ef;grid-template-columns:28px minmax(0,1fr);gap:10px;margin-top:16px;padding:12px;display:grid}.source-box.muted{opacity:.75}.source-box p{color:var(--muted);margin:8px 0 0}.results-hero{justify-content:space-between;align-items:center;gap:18px;padding:24px;display:flex}.results-hero h1{color:var(--primary-dark);font-size:76px}.tag-row{flex-wrap:wrap;gap:8px;display:flex}.topic-tag{color:var(--ink);background:#f2eadf;padding:8px 10px}.correction-row{border-bottom:1px solid var(--line);grid-template-columns:78px minmax(0,1fr);gap:10px;padding:10px 0;display:grid}.correction-row:last-child{border-bottom:0}.session-item,.history-row{align-items:center;gap:10px;display:grid}.session-item{grid-template-columns:minmax(0,1fr) auto;min-height:48px}.session-item strong,.session-item span{text-transform:capitalize}.history-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);width:100%;min-height:62px;color:var(--ink);text-align:left;grid-template-columns:minmax(0,1fr) minmax(110px,.3fr) auto;padding:10px 12px}.flashcard-view{gap:16px;max-width:850px;margin:0 auto;display:grid}.flashcard{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);min-height:380px;box-shadow:var(--shadow);color:var(--ink);text-align:center;align-content:center;gap:18px;padding:34px;display:grid}.flashcard span{color:var(--muted);font-weight:850}.flashcard strong{font-size:36px;line-height:1.15}.flashcard.open{background:#eef8f5}.oral-panel{gap:14px;display:grid}.feedback-box,.notice{border-radius:var(--radius);padding:12px;font-weight:750}.feedback-box{border-left:4px solid var(--primary);color:var(--primary-dark);background:#eef8f5;margin:0}.notice{color:#6f4a05;background:#fff7df;border:1px solid #ead29c;font-size:13px}.modal-backdrop{z-index:50;background:#18221f57;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);width:min(520px,100%);box-shadow:var(--shadow);gap:14px;padding:20px;display:grid}.modal-panel label{color:var(--muted);gap:7px;font-size:13px;font-weight:850;display:grid}.hidden-input,.mobile-only{display:none}@media (max-width:1080px){.app-shell{grid-template-columns:1fr}.sidebar{width:min(320px,88vw);transition:transform .18s;position:fixed;left:0;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.mobile-only{display:inline-flex}.dashboard-grid,.quiz-layout,.exam-hero,.dashboard-hero{grid-template-columns:1fr}.span-2{grid-column:auto}}@media (max-width:760px){.workspace{padding-inline:14px}.topbar{margin-inline:-14px;padding-inline:14px}.metric-grid,.exam-card-grid,.mode-grid,.mode-grid.slim{grid-template-columns:1fr}.page-intro,.results-hero{flex-direction:column;align-items:flex-start}.topic-row,.topic-bar-row,.answer-option,.correction-row{grid-template-columns:1fr}.topic-row em,.topic-bar-row em{text-align:left}.question-meta{flex-direction:column;align-items:flex-start}.dashboard-hero h1,.page-intro h1,.exam-hero h1,.results-hero h1{font-size:40px}.quiz-panel h1,.oral-panel h1,.flashcard strong{font-size:28px}}