:root{color-scheme:light dark;--bg: #f4f2ef;--surface: #ffffff;--sunken: #efece8;--raised: #ffffff;--border: #e2ded8;--text: #1c1b1a;--muted: #6f6a64;--accent: #c8102e;--accent-bright: #ef4a3c;--accent-soft: #fbe9ea;--on-accent: #ffffff;--right: #1a7f43;--right-soft: #e6f4ea;--fair: #b26a00;--wrong: #c8102e;--wrong-soft: #fbe9ea;--radius: 1rem;--shadow: 0 1px 2px rgb(0 0 0 / .04), 0 4px 12px -6px rgb(0 0 0 / .08)}@media(prefers-color-scheme:dark){:root{--bg: #121110;--surface: #1d1b1a;--sunken: #282523;--raised: #403b37;--border: #322f2c;--text: #f2efec;--muted: #a39e98;--accent: #e0354c;--accent-bright: #ff6a4d;--accent-soft: #3a1d21;--right: #4cc27a;--right-soft: #17301f;--fair: #e3a23c;--wrong: #ff6b81;--wrong-soft: #3a1d21;--shadow: none}}*{box-sizing:border-box}html{touch-action:manipulation}body{margin:0;background:radial-gradient(60rem 18rem at 50% -9rem,color-mix(in srgb,var(--accent) 16%,transparent),transparent) no-repeat,var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--text);outline-offset:2px}h1{margin:0;font-size:1.45rem;letter-spacing:-.01em}.page{max-width:44rem;margin:0 auto;padding:max(1.25rem,env(safe-area-inset-top)) 1rem max(2rem,env(safe-area-inset-bottom))}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.bar{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.bar h1{font-size:1.25rem}.bar h1{flex:1;min-width:0}.back,.help{display:grid;place-items:center;width:2.5rem;height:2.5rem;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:inherit;font-weight:700;text-decoration:none}.back svg,.help svg{width:1.1rem;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.levels{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem;padding:.25rem;border-radius:999px;background:var(--sunken)}.levels button{padding:.5rem;border:0;border-radius:999px;background:none;color:var(--muted);font-weight:500;transition:background .15s,color .15s}.levels button.active{background:var(--raised);color:var(--text);font-weight:600;box-shadow:var(--shadow)}.card{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;padding:1.5rem 1.25rem 1.25rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.card p{margin:0}.primary,.secondary{padding:.95rem;border:0;border-radius:calc(var(--radius) - .25rem);font-weight:600;text-align:center;text-decoration:none}.primary{background:var(--accent);color:var(--on-accent);transition:filter .15s}.primary:hover{filter:brightness(1.08)}.primary:active{filter:brightness(.95)}.secondary{color:var(--muted)}.summary{justify-items:stretch;margin-top:1.25rem;padding-top:2rem;text-align:center}.ring{display:grid;place-items:center;width:9rem;aspect-ratio:1;margin:0 auto;border-radius:50%;background:radial-gradient(closest-side,var(--surface) 82%,transparent 83%),conic-gradient(var(--right) calc(var(--share) * 1turn),var(--border) 0)}.ring span{font-size:2.6rem;font-weight:700;font-variant-numeric:tabular-nums}.ring small{font-size:1.1rem;font-weight:500;color:var(--muted)}.verdict{font-size:1.05rem}.steps{display:flex;gap:.3rem;margin:1.25rem 0 .9rem;padding:0;list-style:none}.steps li{flex:1;height:.4rem;border-radius:999px;background:var(--border);transition:background .2s}.steps li.current{background:var(--muted)}.steps li.right{background:var(--right)}.steps li.wrong{background:var(--wrong)}.open{color:var(--muted)}app-scratchpad{margin-top:1rem;--pad-height: max(18rem, 50dvh)}@media(min-width:40rem){app-scratchpad{--pad-height: max(24rem, 45dvh)}}@media(min-width:64rem){.page:has(.workspace){max-width:78rem}.page:has(.workspace)>.levels{max-width:28rem}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1.25rem}.workspace app-scratchpad{position:sticky;top:1rem;margin-top:0;--pad-height: calc(100dvh - 18.5rem) ;--pad-max: calc(100dvh - 18.5rem) }}.reflex{position:relative;overflow:hidden;padding-bottom:2.6rem}.reflex:before,.reflex:after{content:"";position:absolute;left:0;right:0;height:.55rem;background:linear-gradient(#e8d000 0 24%,transparent 24% 76%,#e8d000 76%),linear-gradient(90deg,#9aa1a8,#eef1f3 30%,#b4bac0 50%,#f6f8f9 72%,#9aa1a8);box-shadow:0 1px 2px #00000040;pointer-events:none}.reflex:before{bottom:1.45rem}.reflex:after{bottom:.6rem}.workspace:has(.memo) app-scratchpad{visibility:hidden}