:root{color-scheme:dark;--bg: #07111f;--bg-2: #091831;--surface: rgba(13, 22, 38, .88);--surface-strong: rgba(18, 30, 53, .96);--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .14);--text: #e8f1ff;--muted: #9db0cc;--accent: #5eead4;--accent-strong: #34d399;--warning: #f59e0b;--shadow: 0 24px 80px rgba(0, 0, 0, .36)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(94,234,212,.12),transparent 25%),radial-gradient(circle at top right,rgba(124,58,237,.16),transparent 24%),linear-gradient(180deg,var(--bg),var(--bg-2));color:var(--text)}button,input,textarea{font:inherit}button{cursor:pointer}.study-shell{position:relative;min-height:100vh;overflow:hidden}.study-ambient{position:absolute;border-radius:999px;filter:blur(34px);opacity:.4;pointer-events:none}.study-ambient-a{width:360px;height:360px;top:-120px;left:-100px;background:#5eead424}.study-ambient-b{width:360px;height:360px;top:120px;right:-120px;background:#7c3aed29}.topbar{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1500px;margin:0 auto;padding:22px 22px 8px}.brand{display:flex;align-items:center;gap:14px}.brand-mark{width:46px;height:46px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(180deg,#5eead42e,#7c3aed2e);border:1px solid var(--line-strong)}.brand p{margin:0;font-size:1.02rem;font-weight:700}.brand span{display:block;margin-top:3px;color:var(--muted);font-size:.88rem}.topbar-stats{display:flex;gap:10px;flex-wrap:wrap}.top-stat{min-width:92px;padding:12px 14px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.top-stat span{display:block;color:var(--muted);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}.top-stat strong{display:block;margin-top:6px;font-size:1.2rem}.study-grid{position:relative;z-index:1;max-width:1500px;margin:0 auto;padding:12px 22px 28px;display:grid;grid-template-columns:.8fr 1.15fr .85fr;gap:16px}.rail{display:grid;gap:16px;align-self:start}.panel,.question-card{border:1px solid var(--line);border-radius:28px;background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel{padding:18px}.hero-panel{background:linear-gradient(180deg,#5eead414,#7c3aed0d)}.panel-title{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#ffffff0a;border:1px solid var(--line);color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.74rem}.goal-buttons{display:flex;gap:10px;margin-top:16px}.pill{border:1px solid var(--line-strong);background:#ffffff0a;color:var(--text);border-radius:999px;padding:10px 14px;transition:transform .16s ease,border-color .16s ease,background .16s ease}.pill.active,.pill:hover{border-color:#5eead459;background:#5eead41a}.progress-block{margin-top:18px}.progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.progress-head span{color:var(--muted)}.progress-head strong{font-size:1.1rem}.bar{width:100%;height:12px;border-radius:999px;overflow:hidden;background:#ffffff0f;border:1px solid rgba(255,255,255,.06)}.bar.slim{height:8px}.fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-strong))}.progress-block p,.empty-note,.unit-card small{color:var(--muted);line-height:1.7}.metric-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.metric-list.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-list div{padding:14px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.metric-list span{display:block;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}.metric-list strong{display:block;margin-top:6px;font-size:1.3rem}.unit-list{display:grid;gap:12px;margin-top:14px}.unit-card{padding:14px;border-radius:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.unit-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.unit-head h3{margin:0;font-size:1rem}.unit-head p{margin:6px 0 0;color:var(--muted);line-height:1.55;font-size:.92rem}.unit-head strong{color:var(--accent)}.unit-card small{display:block;margin-top:10px}.center{align-self:start}.question-card{padding:24px;min-height:72vh}.question-head{display:flex;align-items:start;justify-content:space-between;gap:16px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:#ffffff0a;color:var(--muted);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}.question-head h1{margin:14px 0 0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.02;letter-spacing:-.05em;max-width:13ch}.icon-btn{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;border:1px solid var(--line);background:#ffffff0a;color:var(--text)}.meta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.meta-row span{padding:8px 12px;border-radius:999px;background:#ffffff0a;border:1px solid var(--line);color:var(--muted);font-size:.84rem}.answer-grid{display:grid;gap:10px;margin-top:18px}.answer-option{padding:16px 18px;border-radius:20px;text-align:left;background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:var(--text);transition:transform .16s ease,border-color .16s ease,background .16s ease}.answer-option:hover{transform:translateY(-1px);border-color:#5eead447}.answer-option.selected{border-color:#5eead459;background:#5eead414}.answer-option.correct{border-color:#34d39980;background:#34d3991f}.answer-option.wrong{border-color:#f8717180;background:#f871711f}.solution-box{margin-top:18px;padding:18px;border-radius:22px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.solution-title{display:flex;align-items:center;gap:8px;font-weight:700}.solution-box p{margin:10px 0 0;line-height:1.8;color:#dce6f5}.tip-line{color:var(--muted)!important;font-size:.96rem}.question-footer{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:20px}.queue-info{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted)}.queue-info span{padding:8px 12px;border-radius:999px;background:#ffffff0a;border:1px solid var(--line)}.primary-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 18px;border-radius:18px;border:0;color:#06211b;font-weight:800;background:linear-gradient(90deg,var(--accent),#a7f3d0);box-shadow:0 14px 40px #5eead433}.primary-btn:disabled{cursor:not-allowed;opacity:.48;box-shadow:none}.finished-state{min-height:50vh;display:grid;place-items:center;text-align:center;padding:26px 12px}.finished-state h2{margin:18px 0 10px;font-size:2rem}.finished-state p{max-width:42ch;margin:0;color:var(--muted);line-height:1.8}.mistake-list{display:grid;gap:10px;margin-top:14px}.mistake-card{padding:14px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.mistake-card strong{display:block;margin-bottom:8px}.mistake-card span{color:var(--muted);line-height:1.6}@media(max-width:1200px){.study-grid{grid-template-columns:1fr}.rail,.rail-right{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.topbar{flex-direction:column;align-items:start}.rail,.rail-right{grid-template-columns:1fr}.question-card{min-height:auto}}@media(max-width:640px){.topbar,.study-grid{padding-left:14px;padding-right:14px}.question-card,.panel{border-radius:22px;padding:16px}.question-head h1{max-width:none}.question-footer{flex-direction:column;align-items:stretch}.primary-btn{justify-content:center}}