:root{--ink:#15263B;--ink-soft:#33475F;--muted:#6B7A8C;--bg:#E8EDF1;--surface:#FFFFFF;--surface-2:#F3F6F9;--line:#D3DCE4;--gold:#D8902A;--gold-deep:#B5751A;--gold-soft:#F7E9CF;--navy:#0E1B2D;--good:#1E9E6A;--good-soft:#E6F6EF;--demand:#E04646;--supply:#2F6FED;--display:"Space Grotesk",sans-serif;--body:"Inter",sans-serif;--mono:"Space Mono",monospace;--r:14px;--maxw:820px}@media (prefers-color-scheme: dark){:root{--ink:#e8eef6;--ink-soft:#b6c4d4;--muted:#8497ab;--bg:#0b1220;--surface:#121d2e;--surface-2:#0f1826;--line:#243449;--gold-soft:#2b2213;--good-soft:#123026}}:root[data-theme=dark]{--ink:#e8eef6;--ink-soft:#b6c4d4;--muted:#8497ab;--bg:#0b1220;--surface:#121d2e;--surface-2:#0f1826;--line:#243449;--gold-soft:#2b2213;--good-soft:#123026}:root[data-theme=light]{--ink:#15263B;--ink-soft:#33475F;--muted:#6B7A8C;--bg:#E8EDF1;--surface:#FFFFFF;--surface-2:#F3F6F9;--line:#D3DCE4;--gold-soft:#F7E9CF;--good-soft:#E6F6EF}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}header.top{position:sticky;top:0;z-index:60;background:var(--surface);border-bottom:1px solid var(--line)}.top-in{display:flex;align-items:center;gap:12px;max-width:var(--maxw);margin:0 auto;padding:12px 22px}.brand{display:flex;align-items:center;gap:9px}.brand .inf{font-family:Georgia,serif;font-size:23px;font-weight:900;color:#ffd23f}.brand .wm{font-family:var(--display);font-weight:700;font-size:15px;letter-spacing:2px}.back{margin-left:auto;font-size:.88rem;color:var(--ink-soft);font-weight:600;text-decoration:none}.hsp{margin-left:auto}nav.mainnav{display:flex;gap:2px}nav.mainnav a{font-family:var(--display);font-weight:500;font-size:.92rem;color:var(--ink-soft);padding:8px 11px;border-radius:9px;text-decoration:none;white-space:nowrap}nav.mainnav a:hover{background:var(--surface-2);color:var(--ink)}@media (max-width:860px){.top-in{flex-wrap:wrap;row-gap:8px}nav.mainnav{order:9;width:100%;overflow-x:auto;padding-bottom:2px}nav.mainnav a{padding:6px 10px;font-size:.86rem;white-space:nowrap}}.langsw{display:inline-flex;gap:2px;border:1px solid var(--line);border-radius:8px;padding:2px;background:var(--surface);flex:none}.langsw a{font-family:var(--mono);font-size:.7rem;padding:4px 7px;border-radius:6px;color:var(--muted);text-decoration:none}.langsw a.on{background:var(--gold-soft);color:var(--gold-deep);font-weight:700}.langsw a:hover{color:var(--ink)}.loginbtn{font-family:var(--display);font-weight:600;font-size:.82rem;text-decoration:none;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:7px 13px;white-space:nowrap}.loginbtn:hover{border-color:var(--gold)}@media (max-width:560px){.top-in{flex-wrap:wrap;row-gap:8px;column-gap:8px;padding:10px 16px}}.tt{background:var(--surface-2);border:1px solid var(--line);border-radius:9px;width:34px;height:34px;cursor:pointer;color:var(--ink)}main{padding:28px 0 60px}.tnum{font-family:var(--mono);color:var(--gold);font-size:.78rem;font-weight:700;letter-spacing:.08em}h1{font-family:var(--display);font-weight:700;font-size:2rem;letter-spacing:-.01em;margin:6px 0}.tags{display:flex;gap:7px;margin-bottom:24px}.chip{font-family:var(--mono);font-size:.64rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);background:var(--surface-2);border:1px solid var(--line);border-radius:20px;padding:3px 9px}h2{font-family:var(--display);font-weight:700;font-size:1.3rem;margin:22px 0 8px}p{margin:0 0 14px}.lead{font-size:1.08rem;color:var(--ink-soft)}strong,b{color:var(--ink);font-weight:600}.lab{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;margin:22px 0}.lab h3{font-family:var(--display);font-weight:600;margin:0 0 4px;font-size:1.05rem}.lab .sub{color:var(--muted);font-size:.85rem;margin:0 0 14px}.lab-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:center}@media (max-width:640px){.lab-grid{grid-template-columns:1fr}}.slider{margin:14px 0}.slider label{display:flex;justify-content:space-between;font-size:.85rem;font-weight:600;margin-bottom:6px}.slider input{width:100%;accent-color:var(--gold)}.readout{background:var(--surface-2);border-radius:12px;padding:14px 16px;font-family:var(--mono)}.readout .r{display:flex;justify-content:space-between;padding:4px 0;font-size:.92rem}.readout .r b{color:var(--gold-deep)}.legend{display:flex;gap:14px;font-size:.8rem;margin-top:6px;flex-wrap:wrap}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:16px;height:3px;border-radius:2px;display:inline-block}.terms{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;font-size:.9rem}@media (max-width:520px){.terms{grid-template-columns:1fr}}.terms b{color:var(--gold-deep)}.cheat{display:grid;gap:8px;background:var(--gold-soft);border:1px solid var(--gold);border-radius:14px;padding:16px 18px;font-size:.92rem}.cheat b{color:var(--gold-deep)}.goals{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:6px 0 8px}.goals-h{font-family:var(--display);font-weight:600;margin-bottom:8px}.goals ul{margin:0;padding-left:20px}.goals li{margin-bottom:4px}.quiz{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;margin-top:14px}.quiz-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.quiz-top .badge{font-size:.72rem;background:var(--surface-2);border:1px solid var(--line);border-radius:20px;padding:3px 9px;color:var(--muted)}.level-tabs{display:inline-flex;background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:3px}.lt{background:none;border:none;font-family:var(--display);font-weight:600;font-size:.84rem;color:var(--muted);padding:5px 12px;border-radius:6px;cursor:pointer}.lt.on{background:var(--surface);color:var(--ink)}.teacher-mode{background:var(--surface-2);border:1px dashed var(--line);border-radius:10px;padding:9px 12px;font-size:.82rem;color:var(--ink-soft);margin:12px 0}.q{display:grid;grid-template-columns:auto 1fr;gap:0 10px;padding:14px 0;border-bottom:1px solid var(--line)}.q:last-child{border-bottom:none}.qcheck{margin-top:5px}.q .qt{font-weight:600;margin-bottom:8px;grid-column:2}.opts{grid-column:2}.opt{display:block;width:100%;text-align:left;padding:8px 12px;border:1px solid var(--line);border-radius:10px;margin-bottom:6px;cursor:pointer;font-size:.92rem;background:var(--surface);color:var(--ink);font-family:var(--body)}.opt:hover{border-color:var(--gold)}.opt.correct{border-color:var(--good);background:var(--good-soft);color:var(--good);font-weight:600}.opt.picked-wrong{border-color:var(--demand);background:#fdeaea;color:var(--demand)}.explain{display:none;grid-column:2;margin-top:8px;background:var(--surface-2);border-left:3px solid var(--gold);border-radius:0 8px 8px 0;padding:9px 12px;font-size:.86rem;color:var(--ink-soft)}.nav-topics{display:flex;justify-content:space-between;margin-top:30px;font-weight:600;color:var(--gold-deep)}footer{border-top:1px solid var(--line);padding:22px 0;color:var(--muted);font-size:.85rem;text-align:center}