:root{--bg:#f6f6f4;--card:#fff;--text:#1c1c1a;--muted:#6b6b66;--line:#e2e2dd;--accent:#2f5bd3;--accent-soft:#e6ecfb;--on-accent:#fff;--ok:#1f7a4a;--ok-soft:#e3f3ea;--ko:#b3322b;--ko-soft:#fbe8e6;--code-bg:#f0f0ec;interpolate-size:allow-keywords;font-feature-settings:"calt" 0;color:var(--text);background:var(--bg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--bg:#141413;--card:#1e1e1c;--text:#ecece8;--muted:#9a9a93;--line:#33332f;--accent:#7d9cf0;--accent-soft:#23304f;--on-accent:#0d1324;--ok:#6cc796;--ok-soft:#173326;--ko:#ef7d74;--ko-soft:#3d1c19;--code-bg:#262623}}*{box-sizing:border-box}body{background:var(--bg);margin:0}#root{min-height:100vh}main{max-width:820px;margin:0 auto;padding:24px 16px 64px}.top{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.brand{letter-spacing:-.02em;color:var(--text);align-items:center;gap:10px;font-size:21px;font-weight:750;text-decoration:none;display:inline-flex}.brand .logo{transition:transform .3s cubic-bezier(.3,1.6,.5,1)}.brand:hover .logo{transform:rotate(-8deg)scale(1.06)}.tagline{color:var(--muted);font-size:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:16px;padding:20px}.warn{color:var(--ko)}h2{margin:20px 0 10px;font-size:15px}h2:first-child{margin-top:0}h2 small{color:var(--muted);font-weight:400}.hint{color:var(--muted);margin:6px 0;font-size:13px}button{font:inherit;color:var(--text);background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:8px;padding:8px 14px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}button.ghost{background:0 0}button.small{padding:4px 10px;font-size:13px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{align-items:center;gap:6px;padding:6px 10px;font-size:14px;display:inline-flex}.chip.on{background:var(--accent-soft);border-color:var(--accent)}.chip .count{color:var(--muted);font-size:12px}.chip .pct{color:var(--ok);font-size:12px}.chip .pct.low{color:var(--ko)}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:16px;display:grid}.grid .field{flex-direction:column;gap:4px;display:flex}.grid .field label{color:var(--muted);font-size:13px}.grid label.check{color:var(--text);flex-direction:row;grid-column:1/-1;align-items:center;gap:8px}select{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:8px;padding:8px}.actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;display:flex}.quiz-head{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.spacer{flex:1}.badge{background:var(--code-bg);border-radius:6px;padding:2px 8px;font-size:12px}.badge.exercise{background:var(--accent-soft);color:var(--accent)}.timer{font-variant-numeric:tabular-nums;color:var(--text);font-weight:600}.timer.low{color:var(--ko)}.progress{background:var(--line);border-radius:2px;height:4px;margin:12px 0 16px;overflow:hidden}.progress div{background:var(--accent);height:100%;transition:width .2s}.prompt{margin:0 0 8px;font-size:17px;font-weight:500}.code{background:var(--code-bg);border-radius:8px;margin:10px 0;padding:14px;font-size:13.5px;line-height:1.45;overflow-x:auto}.code code{font-family:ui-monospace,JetBrains Mono,Menlo,Consolas,monospace}.options{flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.option{text-align:left;align-items:flex-start;gap:12px;width:100%;padding:10px 12px;display:flex}.option .key{color:var(--muted);font-variant-numeric:tabular-nums;min-width:1.2em}.option .text{white-space:pre-wrap;word-break:break-word;font-family:inherit}.option.sel{border-color:var(--accent);background:var(--accent-soft)}.option.right{border-color:var(--ok);background:var(--ok-soft)}.option.wrong{border-color:var(--ko);background:var(--ko-soft)}.feedback{border-left:4px solid;border-radius:8px;margin-top:16px;padding:12px 14px}.feedback.ok{border-color:var(--ok);background:var(--ok-soft)}.feedback.ko{border-color:var(--ko);background:var(--ko-soft)}.feedback p{margin:4px 0 0}.score{align-items:baseline;gap:12px;display:flex}.score .big{color:var(--ok);font-size:40px;font-weight:700}.score.low .big{color:var(--ko)}.topic-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.topic-list li{grid-template-columns:140px 1fr 48px;align-items:center;gap:10px;font-size:14px;display:grid}.bar{background:var(--ko-soft);border-radius:4px;height:8px;overflow:hidden}.bar span{background:var(--ok);height:100%;display:block}.review{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.options.static li{white-space:pre-wrap;border-radius:6px;padding:4px 8px;font-size:14px}.options.static li.right{background:var(--ok-soft);color:var(--ok)}.options.static li.wrong{background:var(--ko-soft);color:var(--ko)}.explanation{color:var(--muted);font-size:14px}.sources{flex-direction:column;gap:8px;margin-top:12px;display:flex}.sources-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:12px}.source{margin:0}.source blockquote{border-left:3px solid var(--line);color:var(--text);background:var(--code-bg);border-radius:0 6px 6px 0;margin:0;padding:6px 10px;font-size:13.5px}.source figcaption{margin-top:4px;font-size:13px}.source a,.study a{color:var(--accent);text-decoration:none}.source a:hover,.study a:hover{text-decoration:underline}.source .exec{color:var(--muted)}.study{border-top:1px solid var(--line);padding:8px 0}.study summary{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.study ul{flex-direction:column;gap:4px;margin:8px 0 4px;padding-left:18px;font-size:14px;display:flex}.study .count,.study .pct{color:var(--muted);margin-left:6px;font-size:12px}.study .pct.low{color:var(--ko)}.muted{color:var(--muted)}.error{color:var(--ko);font-size:14px}.link-button{color:var(--muted);background:0 0;border:none;margin-top:10px;padding:0;font-size:13px;text-decoration:underline}.report{flex-direction:column;gap:8px;max-width:420px;margin-top:12px;display:flex}.report textarea{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:8px;padding:8px}.study summary{cursor:pointer}.option:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=560px){.tagline{display:none}.topic-list li{grid-template-columns:1fr 1fr 40px}}h3{margin:16px 0 8px;font-size:14px}h3 small{color:var(--muted);font-weight:400}.deck-row{flex-wrap:wrap;align-items:flex-end;gap:12px 16px;display:flex}.deck-row .field{flex-direction:column;flex:200px;gap:4px;min-width:200px;display:flex}.deck-row .field label{color:var(--muted);font-size:13px}.deck-row .check{align-items:center;gap:8px;padding-bottom:10px;display:flex}.source-picker{margin-top:8px}.study summary{align-items:center;gap:8px;display:flex}.study-title{flex:1}.study ul{padding-left:0;list-style:none}.study li{align-items:center;gap:6px;display:flex}.source-row{cursor:pointer;border-radius:6px;flex:1;align-items:center;gap:10px;min-width:0;padding:6px 4px;display:flex}.source-row:hover{background:var(--code-bg)}.source-row input{width:16px;height:16px;accent-color:var(--accent);flex:none}.source-title{overflow-wrap:anywhere;flex:1;min-width:0}.select-all{color:var(--muted);margin-top:6px;font-size:13px}.open-page{color:var(--accent);border-radius:6px;flex:none;padding:4px 8px;text-decoration:none}.open-page:hover{background:var(--accent-soft)}.selection-bar{background:var(--card);border-top:1px solid var(--line);border-radius:0 0 12px 12px;flex-wrap:wrap;align-items:center;gap:10px;margin:16px -20px -20px;padding:14px 20px;font-size:14px;display:flex;position:sticky;bottom:0}:root{--ease-out:cubic-bezier(.22, 1, .36, 1)}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes slide-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.6)}60%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:none}}.page>*{animation:fade-up .35s var(--ease-out) both}.page>:nth-child(2){animation-delay:50ms}.page>:nth-child(3){animation-delay:.1s}.page>:nth-child(4){animation-delay:.15s}.question{animation:slide-in .3s var(--ease-out) both}.feedback{animation:fade-up .3s var(--ease-out) both}.review{animation:fade-up .4s var(--ease-out) both;animation-delay:calc(var(--i,0) * 60ms + .2s)}.topic-list li{animation:fade-up .35s var(--ease-out) both;animation-delay:calc(var(--i,0) * 50ms + .1s)}.bar span{transform-origin:0;animation:grow .8s var(--ease-out) both;animation-delay:calc(var(--i,0) * 50ms + .25s)}.score .big{font-variant-numeric:tabular-nums}button,.chip,.option,.source-row,select{transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s,transform .1s}button:active:not(:disabled),.option:active{transform:scale(.985)}button.primary:hover:not(:disabled){box-shadow:0 4px 14px color-mix(in srgb, var(--accent) 35%, transparent)}.chip.on{box-shadow:inset 0 0 0 1px var(--accent)}.option.right .key,.option.wrong .key{animation:pop .3s var(--ease-out)}.source-row input:checked{animation:pop .25s var(--ease-out)}.study summary{cursor:pointer;padding:4px 0;list-style:none}.study summary::-webkit-details-marker{display:none}.study summary:before{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);width:7px;height:7px;transition:transform .25s var(--ease-out);flex:none;margin:0 4px 0 2px;transform:rotate(-45deg)}.study[open] summary:before{transform:rotate(45deg)}.study::details-content{block-size:0;transition:block-size .3s var(--ease-out), content-visibility .3s allow-discrete;overflow-y:clip}.study[open]::details-content{block-size:auto}.lang-menu{position:relative}.lang-button{border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:14px;font-weight:600;display:inline-flex}.lang-button .chevron{border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);width:6px;height:6px;transition:transform .2s var(--ease-out);transform:rotate(45deg)translateY(-2px)}.lang-button[aria-expanded=true] .chevron{transform:rotate(-135deg)translateY(-1px)}.flag{border-radius:3px;flex:none;width:22px;height:15px;box-shadow:0 0 0 1px #00000014}.lang-list{z-index:10;background:var(--card);border:1px solid var(--line);min-width:170px;animation:menu-in .18s var(--ease-out);transform-origin:100% 0;border-radius:12px;outline:none;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #00000024}.lang-list li{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:flex}.lang-list li.active{background:var(--accent-soft)}.lang-list .tick{color:var(--accent);margin-left:auto;font-weight:700}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}