:root{color-scheme:light dark;--bg:#f3f6f4;--panel:#fff;--fg:#172e2b;--muted:#526a65;--line:#cbd9d3;--accent:#116c62;--soft:#e0f0e9;--bad:#a83836}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,'Apple SD Gothic Neo',sans-serif;line-height:1.65}header,main{max-width:1180px;margin:auto;padding:20px}header{display:flex;justify-content:space-between;align-items:center}.brand{font-weight:850;text-decoration:none;color:var(--accent);font-size:22px}h1,h2{font-family:Georgia,'Apple SD Gothic Neo',serif;line-height:1.4}h1{font-size:clamp(28px,4vw,46px);margin:12px 0}h2{font-size:21px}.eyebrow{color:var(--accent);font-weight:700;letter-spacing:.06em}.intro{padding:28px 0}.notice{max-width:750px;color:var(--muted)}button{font:inherit;min-height:44px;border:1px solid var(--line);background:var(--panel);color:var(--fg);border-radius:12px;padding:10px 15px;cursor:pointer;transition:transform .15s,box-shadow .15s}button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0001}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button:disabled{cursor:default;opacity:.8;transform:none}button[aria-pressed=true],.active{background:var(--soft);border-color:var(--accent)}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;vertical-align:middle}nav{display:flex;gap:8px;flex-wrap:wrap}.layout{display:grid;gap:20px}aside,#study{background:var(--panel);padding:20px;border:1px solid var(--line);border-radius:20px;min-width:0}#list{display:grid;gap:8px}#list button{text-align:left}#study{animation:enter .25s ease-out}#choices{display:grid;gap:10px;margin:20px 0}#choices button{text-align:left;white-space:normal;overflow-wrap:anywhere}.question{white-space:pre-wrap}.correct{border-color:var(--accent);background:var(--soft)}.wrong{border-color:var(--bad)}#feedback{border-top:1px solid var(--line);padding-top:20px;white-space:pre-wrap}footer{margin:30px 0;color:var(--muted);font-size:13px}.card-points{padding-left:22px}#status{min-height:30px;color:var(--muted)}@keyframes enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(min-width:768px){.layout{grid-template-columns:240px 1fr}header,main{padding:28px}}@media(min-width:1024px){.layout{grid-template-columns:280px 1fr}#study{padding:30px}}@media(prefers-color-scheme:dark){:root{--bg:#101c1a;--panel:#192925;--fg:#e6f1eb;--muted:#a5beb3;--line:#3e554b;--accent:#78d7ba;--soft:#23483d;--bad:#ffaaa3}}:root[data-theme=dark]{--bg:#101c1a;--panel:#192925;--fg:#e6f1eb;--muted:#a5beb3;--line:#3e554b;--accent:#78d7ba;--soft:#23483d;--bad:#ffaaa3}:root[data-theme=light]{--bg:#f3f6f4;--panel:#fff;--fg:#172e2b;--muted:#526a65;--line:#cbd9d3;--accent:#116c62;--soft:#e0f0e9;--bad:#a83836}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}