:root{--bg: #0a1730;--bg-deep: #060f22;--surface: #11203f;--surface-2: #172a4f;--surface-3: #1d3461;--line: rgba(168, 185, 217, .14);--line-strong: rgba(168, 185, 217, .24);--primary: #7fb6ff;--primary-soft: rgba(127, 182, 255, .16);--accent: #5fd6c1;--accent-soft: rgba(95, 214, 193, .14);--positive: #5fd6c1;--positive-soft: rgba(95, 214, 193, .12);--negative: #ff7a8c;--negative-soft: rgba(255, 122, 140, .12);--warn: #f0c674;--warn-soft: rgba(240, 198, 116, .12);--neutral: #86a3d9;--text: #e8edf5;--text-2: #a8b9d9;--text-3: #6e85b3;--text-mute: #4d628d;--glass: rgba(23, 42, 79, .55);--glass-2: rgba(29, 52, 97, .7);--glass-blur: 16px;--r-1: 6px;--r-2: 10px;--r-3: 14px;--r-4: 20px;--r-pill: 999px;--t-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--t-sans: "Inter Tight", "Inter", -apple-system, system-ui, sans-serif;--fs-11: 11px;--fs-13: 13px;--fs-15: 15px;--fs-19: 19px;--fs-28: 28px;--ease: cubic-bezier(.2, 0, 0, 1)}.ef{font-family:var(--t-sans);color:var(--text);font-feature-settings:"ss01","cv11";letter-spacing:-.01em;-webkit-font-smoothing:antialiased}.ef .mono{font-family:var(--t-mono);letter-spacing:.02em}.screen-m{width:390px;height:844px;background:radial-gradient(120% 90% at 80% -10%,rgba(127,182,255,.12),transparent 60%),radial-gradient(100% 80% at -10% 110%,rgba(95,214,193,.08),transparent 60%),linear-gradient(180deg,#0a1730,#07112a);position:relative;overflow:hidden;color:var(--text);font-family:var(--t-sans);border:1px solid rgba(168,185,217,.08);box-shadow:inset 0 0 60px #00000059}.screen-d{width:1440px;height:900px;background:radial-gradient(80% 80% at 20% -20%,rgba(127,182,255,.08),transparent 60%),radial-gradient(60% 80% at 110% 110%,rgba(95,214,193,.06),transparent 60%),linear-gradient(180deg,#0a1730,#07112a);position:relative;overflow:hidden;color:var(--text);font-family:var(--t-sans);border:1px solid rgba(168,185,217,.08)}.screen-m:after,.screen-d:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 50%,transparent 55%,rgba(0,0,0,.35) 100%);mix-blend-mode:multiply}.chip{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:var(--r-pill);background:#7fb6ff1a;border:1px solid rgba(127,182,255,.22);color:var(--primary);font-family:var(--t-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.chip.neutral{background:#a8b9d914;border-color:#a8b9d92e;color:var(--text-2)}.chip.live{background:#5fd6c11f;border-color:#5fd6c152;color:var(--accent)}.chip.live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.chip.warn{background:var(--warn-soft);border-color:#f0c67452;color:var(--warn)}.chip.danger{background:var(--negative-soft);border-color:#ff7a8c52;color:var(--negative)}.dot{width:6px;height:6px;border-radius:50%;background:currentColor}.glass{background:var(--glass);backdrop-filter:blur(var(--glass-blur)) saturate(120%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(120%);border:1px solid var(--line);border-radius:var(--r-3);box-shadow:inset 0 1px #ffffff0f,0 12px 40px #0000004d}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 18px;border-radius:var(--r-2);font-family:var(--t-sans);font-weight:600;font-size:15px;border:1px solid var(--line-strong);background:#a8b9d90f;color:var(--text);cursor:pointer;transition:.22s var(--ease)}.btn.primary{background:var(--primary);color:#061226;border-color:transparent;box-shadow:0 8px 24px #7fb6ff40}.btn.accent{background:var(--accent);color:#052824;border-color:transparent}.btn.ghost{background:transparent}.btn.sm{height:36px;font-size:13px;padding:0 12px}.objective-bar{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-left:2px solid var(--accent);background:linear-gradient(90deg,rgba(95,214,193,.08),transparent 60%)}.objective-bar .eye{font-family:var(--t-mono);font-size:10.5px;letter-spacing:.1em;color:var(--accent);text-transform:uppercase}.objective-bar .text{color:var(--text);font-size:13.5px;line-height:1.35;text-wrap:pretty}.source-rail{display:flex;align-items:center;gap:10px;height:36px;padding:0 12px;background:#060f228c;border-top:1px solid var(--line);font-family:var(--t-mono);font-size:10.5px;color:var(--text-3);letter-spacing:.04em}.source-rail .sep{width:1px;height:12px;background:var(--line)}.misconception-card{border:1px solid rgba(240,198,116,.28);background:linear-gradient(180deg,#f0c67414,#f0c67405);border-radius:var(--r-3);padding:12px 14px}.misconception-card .lbl{font-family:var(--t-mono);font-size:10px;letter-spacing:.12em;color:var(--warn);text-transform:uppercase}.icon-btn{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:var(--r-2);background:#a8b9d90f;border:1px solid var(--line);color:var(--text-2)}.icon-btn.primary{color:var(--primary);border-color:#7fb6ff59}.kbd{font-family:var(--t-mono);font-size:10px;padding:1px 5px;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;color:var(--text-3);background:#0003}.candle{stroke-linecap:square}.scrollbar-none::-webkit-scrollbar{display:none}.scrollbar-none{scrollbar-width:none}.dots{display:inline-flex;gap:6px}.dots i{width:16px;height:3px;border-radius:2px;background:#a8b9d933}.dots i.on{background:var(--text)}.dots i.done{background:var(--accent)}.divider{height:1px;background:var(--line);width:100%}.materia{--m-bg-deep: #14110d;--m-bg: #1c1814;--m-surface: #251f19;--m-surface-2: #2f2820;--m-surface-3: #3a3128;--m-line: rgba(216, 196, 160, .12);--m-line-strong: rgba(216, 196, 160, .22);--m-line-metal: linear-gradient(180deg, rgba(216,196,160,.32), rgba(216,196,160,.08));--m-primary: #c97a4b;--m-primary-soft: rgba(201, 122, 75, .16);--m-accent: #d8a868;--m-accent-soft: rgba(216, 168, 104, .14);--m-positive: #9bb86a;--m-positive-soft: rgba(155, 184, 106, .12);--m-negative: #c95c4e;--m-negative-soft: rgba(201, 92, 78, .12);--m-warn: #d8a868;--m-warn-soft: rgba(216, 168, 104, .12);--m-neutral: #b9a886;--m-text: #f0e4d0;--m-text-2: #b9a886;--m-text-3: #8c7d62;--m-text-mute: #5a5040;--m-metal: linear-gradient(180deg, #2f2820 0%, #25201a 100%);--m-metal-2: linear-gradient(180deg, #322a22 0%, #1f1a14 100%);--m-bevel-top: inset 0 1px 0 rgba(216, 196, 160, .12);--m-bevel-bottom: inset 0 -1px 0 rgba(0, 0, 0, .45);--m-r-1: 3px;--m-r-2: 5px;--m-r-3: 8px;--m-r-4: 12px;--m-r-pill: 999px;--m-t-sans: "Inter Tight", "Inter", -apple-system, system-ui, sans-serif;--m-t-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--m-t-serif: "Source Serif 4", "Source Serif Pro", "Georgia", serif;--m-ease: cubic-bezier(.2, 0, 0, 1)}.m-screen-d{width:1440px;height:900px;position:relative;overflow:hidden;color:var(--m-text);font-family:var(--m-t-sans);background:radial-gradient(80% 70% at 18% -10%,rgba(201,122,75,.1),transparent 60%),radial-gradient(60% 70% at 110% 110%,rgba(216,168,104,.07),transparent 60%),linear-gradient(180deg,#1c1814,#14110d);border:1px solid rgba(216,196,160,.06);box-shadow:inset 0 0 80px #00000059}.m-screen-d:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 1  0 0 0 0 0.88  0 0 0 0 0.7  0 0 0 0.45 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:160px 160px;opacity:.07;mix-blend-mode:overlay;pointer-events:none;z-index:30}.m-screen-d:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 50%,transparent 55%,rgba(0,0,0,.45) 100%);pointer-events:none;mix-blend-mode:multiply;z-index:29}.m-screen-d .reel-frame{position:relative;width:360px;height:800px;border-radius:22px;background:var(--m-bg-deep);border:1px solid rgba(216,196,160,.14);box-shadow:inset 0 1px #d8c4a024,0 30px 80px #0000008c,0 0 0 6px #d8c4a00a;overflow:hidden}.materia .mono{font-family:var(--m-t-mono);letter-spacing:.04em}.m-chip{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:var(--m-r-pill);background:#d8a86814;border:1px solid rgba(216,168,104,.22);color:var(--m-accent);font-family:var(--m-t-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.m-chip.neutral{background:#d8c4a00f;border-color:#d8c4a029;color:var(--m-text-2)}.m-chip.copper{background:#c97a4b1f;border-color:#c97a4b5c;color:var(--m-primary)}.m-chip.live{background:#9bb86a1f;border-color:#9bb86a5c;color:var(--m-positive)}.m-chip.live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--m-positive);box-shadow:0 0 8px var(--m-positive)}.m-chip.warn{background:#d8a8681f;border-color:#d8a86852;color:var(--m-warn)}.m-chip.danger{background:#c95c4e1f;border-color:#c95c4e52;color:var(--m-negative)}.m-panel{background:var(--m-metal);border:1px solid var(--m-line);border-radius:var(--m-r-3);box-shadow:var(--m-bevel-top),var(--m-bevel-bottom)}.m-panel-sunk{background:var(--m-bg-deep);border:1px solid var(--m-line);border-radius:var(--m-r-3);box-shadow:inset 0 1px 4px #00000073}.m-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 14px;border-radius:var(--m-r-2);font-family:var(--m-t-sans);font-weight:600;font-size:13px;border:1px solid var(--m-line-strong);background:var(--m-metal-2);color:var(--m-text);cursor:pointer;transition:.22s var(--m-ease);box-shadow:var(--m-bevel-top),var(--m-bevel-bottom)}.m-btn.primary{background:linear-gradient(180deg,#d4855a,#b46435);color:#1c0e07;border-color:#00000073;box-shadow:inset 0 1px #ffdcbe59,0 8px 24px #c97a4b40}.m-btn.accent{background:linear-gradient(180deg,#e4b577,#c08e4c);color:#1d1308;border-color:#00000073}.m-btn.ghost{background:transparent}.m-btn.sm{height:30px;padding:0 10px;font-size:12px}.m-btn.lg{height:48px;padding:0 22px;font-size:15px}.m-objective{display:flex;gap:10px;padding:10px 14px;border-left:2px solid var(--m-accent);background:linear-gradient(90deg,rgba(216,168,104,.07),transparent 70%)}.m-objective .eye{font-family:var(--m-t-mono);font-size:10.5px;letter-spacing:.14em;color:var(--m-accent);text-transform:uppercase}.m-objective .text{color:var(--m-text);font-size:13.5px;line-height:1.35}.m-source-rail{display:flex;align-items:center;gap:10px;height:36px;padding:0 16px;background:var(--m-bg-deep);border-top:1px solid var(--m-line);font-family:var(--m-t-mono);font-size:10.5px;color:var(--m-text-3);letter-spacing:.04em}.m-source-rail .sep{width:1px;height:12px;background:var(--m-line)}.m-misconception{border:1px solid rgba(216,168,104,.32);background:linear-gradient(180deg,#d8a8681a,#d8a86805);border-radius:var(--m-r-3);padding:12px 14px}.m-misconception .lbl{font-family:var(--m-t-mono);font-size:10px;letter-spacing:.14em;color:var(--m-warn);text-transform:uppercase}.m-iconbtn{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:var(--m-r-2);background:var(--m-metal-2);border:1px solid var(--m-line);color:var(--m-text-2);box-shadow:var(--m-bevel-top)}.m-iconbtn.primary{color:var(--m-primary);border-color:#c97a4b66}.m-kbd{font-family:var(--m-t-mono);font-size:10px;padding:1px 6px;border:1px solid var(--m-line);border-bottom-width:2px;border-radius:3px;color:var(--m-text-3);background:#00000040}.m-divider{height:1px;background:var(--m-line);width:100%}.m-eye{font-family:var(--m-t-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--m-text-3)}.m-chart{position:relative;border-radius:var(--m-r-3);background-color:var(--m-bg-deep);background-image:repeating-linear-gradient(135deg,rgba(216,168,104,.07) 0px,rgba(216,168,104,.07) 2px,transparent 2px,transparent 12px);border:1px solid var(--m-line);box-shadow:inset 0 0 0 1px #d8c4a00a;overflow:hidden}.m-chart.darker{background-color:#0f0c08}.m-chart-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(216,196,160,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(216,196,160,.05) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.m-zone{position:absolute;left:0;right:0;background:#d8a86824;border-top:1px dashed rgba(216,168,104,.5);border-bottom:1px dashed rgba(216,168,104,.5);pointer-events:none}.m-zone.copper{background:#c97a4b24;border-top-color:#c97a4b8c;border-bottom-color:#c97a4b8c}.m-chart-axis-l,.m-chart-axis-b{position:absolute;font-family:var(--m-t-mono);font-size:9.5px;color:var(--m-text-3);letter-spacing:.04em}.m-spark path{fill:none;stroke-linecap:round;stroke-linejoin:round}.m-rail{width:64px;height:100%;background:var(--m-metal);border-right:1px solid var(--m-line);display:flex;flex-direction:column;align-items:center;padding:16px 0;gap:8px}.m-rail .item{width:44px;height:44px;display:grid;place-items:center;border-radius:var(--m-r-2);color:var(--m-text-3);cursor:pointer;position:relative}.m-rail .item.active{color:var(--m-primary);background:#c97a4b1f}.m-rail .item.active:before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:2px;background:var(--m-primary);border-radius:2px}.m-topbar{height:56px;display:flex;align-items:center;padding:0 20px;gap:16px;background:var(--m-metal);border-bottom:1px solid var(--m-line);position:relative;z-index:4}.m-breadcrumb{display:flex;align-items:center;gap:8px;font-family:var(--m-t-mono);font-size:11px;color:var(--m-text-3);letter-spacing:.06em}.m-breadcrumb .now{color:var(--m-text)}.m-breadcrumb .sep{color:var(--m-text-mute)}.m-meter{position:relative;height:8px;background:#0006;border:1px solid var(--m-line);border-radius:99px;overflow:hidden}.m-meter .fill{height:100%;background:linear-gradient(90deg,var(--m-primary),var(--m-accent))}.m-meter .threshold{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--m-warn)}.m-timeline{display:flex;gap:4px}.m-timeline .act{flex:1;height:6px;border-radius:3px;background:#d8c4a01a}.m-timeline .act.done{background:var(--m-positive)}.m-timeline .act.now{background:var(--m-text)}.m-option{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--m-line);border-radius:var(--m-r-2);background:var(--m-metal-2);cursor:pointer;transition:.18s var(--m-ease)}.m-option:hover{border-color:var(--m-line-strong)}.m-option .radio{width:18px;height:18px;border-radius:99px;border:1px solid var(--m-line-strong);background:var(--m-bg-deep);display:grid;place-items:center;flex-shrink:0}.m-option.selected{border-color:var(--m-accent);background:#d8a8680f}.m-option.selected .radio{border-color:var(--m-accent);background:#d8a86833}.m-option.selected .radio:after{content:"";width:8px;height:8px;border-radius:99px;background:var(--m-accent)}.m-option.correct{border-color:var(--m-positive);background:#9bb86a14}.m-option.incorrect{border-color:var(--m-negative);background:#c95c4e0f}.m-dots{display:inline-flex;gap:6px}.m-dots i{width:20px;height:3px;border-radius:2px;background:#f0e4d02e}.m-dots i.on{background:var(--m-text)}.m-dots i.done{background:var(--m-accent)}.m-notadvice{font-family:var(--m-t-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--m-text-3)}.m-feedback-correct{background:linear-gradient(180deg,#9bb86a29,#9bb86a08);border:1px solid rgba(155,184,106,.32);border-radius:var(--m-r-3)}.m-feedback-incorrect{background:linear-gradient(180deg,#c95c4e29,#c95c4e08);border:1px solid rgba(201,92,78,.32);border-radius:var(--m-r-3)}.m-serif{font-family:var(--m-t-serif);font-style:italic;letter-spacing:-.01em}html,body,#root{height:100%}body{margin:0;font-family:var(--t-sans, "Inter Tight", system-ui, sans-serif);background:#07101f;color:#e8edf5;-webkit-font-smoothing:antialiased}.ef-app{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.ef-side{background:#060e1d;border-right:1px solid rgba(168,185,217,.08);padding:16px 14px;overflow-y:auto;position:sticky;top:0;height:100vh}.ef-side h1{font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin:8px 6px 14px;color:#a8b9d9;font-weight:600}.ef-group{margin-bottom:14px}.ef-group-title{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#6e85b3;margin:12px 6px 6px}.ef-link{display:block;padding:6px 8px;border-radius:6px;color:#d6deef;text-decoration:none;font-size:13px;line-height:1.3}.ef-link:hover{background:#7fb6ff0f}.ef-link.active{background:#5fd6c11a;color:#e8edf5}.ef-main{padding:24px 24px 80px;background:#07101f;min-height:100vh;overflow-x:auto}.ef-toolbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;background:#07101fd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(168,185,217,.1);border-radius:12px;margin-bottom:18px;font-size:13px}.ef-toolbar .right{display:flex;gap:8px;align-items:center;color:#a8b9d9}.ef-frame{background:radial-gradient(120% 90% at 80% -10%,rgba(127,182,255,.05),transparent 60%);padding:16px;border-radius:14px;border:1px solid rgba(168,185,217,.1)}.ef-frame .frame-meta{display:flex;gap:10px;align-items:center;font-size:11.5px;color:#86a3d9;margin-bottom:10px}.ef-mock-toast{position:fixed;bottom:14px;right:14px;background:#0b1c38e0;border:1px solid rgba(95,214,193,.25);padding:8px 12px;border-radius:999px;font-size:11px;color:#a8b9d9;z-index:99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (max-width: 900px){.ef-app{grid-template-columns:1fr}.ef-side{position:relative;height:auto}}.ef-screen-wrap{display:flex;justify-content:center}