:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fafaf8;--fg:#1a1a1a;--muted:#67675f;--line:#e3e3dd;--card:#fff;--bad:#b42318;--shadow:#00000014}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121211;--fg:#ecece9;--muted:#8b8b86;--line:#2c2c2a;--card:#1b1b1a;--bad:#ff8577;--shadow:#0006}}*{box-sizing:border-box}body{background:var(--bg);min-height:100svh;color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}#app{max-width:620px;margin-inline:auto;padding:1.25rem 1.25rem 3rem}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;padding-bottom:.75rem;display:flex}h1{letter-spacing:-.02em;margin:0;font-size:1.375rem;font-weight:700}.meta{color:var(--muted);margin:0;font-size:.875rem}.rule{letter-spacing:-.01em;margin:2rem 0 0;font-size:clamp(1.25rem,4.5vw,1.5rem);font-weight:600;line-height:1.35}.hint{color:var(--muted);margin:.5rem 0 0;font-size:.9375rem}.cards{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:.75rem;margin:1.75rem 0;display:grid}.card{aspect-ratio:5/7;background:var(--card);min-height:44px;color:var(--fg);border:1px solid var(--line);font:inherit;cursor:pointer;border-radius:10px;place-items:center;font-size:1.875rem;font-weight:650;transition:transform .12s,border-color .12s,box-shadow .12s;display:grid;position:relative}.card[aria-pressed=true]{border:2px solid var(--fg);box-shadow:0 5px 14px var(--shadow);transform:translateY(-3px)}.card:disabled{cursor:default}.card .back{display:none}.card.revealed .back{place-items:center;display:grid}.card.revealed .front{color:var(--muted);font-size:.8125rem;font-weight:500;position:absolute;top:.4rem;left:.55rem}.card.revealed .front .swatch{width:.8125rem;height:.8125rem}.card.wrong,.card.broken{border:2px solid var(--bad)}.swatch{border-radius:50%;width:2.25rem;height:2.25rem;display:inline-block}.c-red{background:#cf3f2c}.c-blue{background:#2f5fe0}.c-green{background:#2e9958}.c-yellow{background:#e0b32e}.actions,.share{align-items:center;gap:1rem;margin-top:.5rem;display:flex}.primary{background:var(--fg);color:var(--bg);min-height:44px;font:inherit;cursor:pointer;border:none;border-radius:999px;padding:.75rem 1.75rem;font-size:1rem;font-weight:600}.primary:active{transform:translateY(1px)}.secondary{color:var(--fg);border:1px solid var(--fg);min-height:44px;font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.7rem 1.4rem;font-size:.9375rem;font-weight:600}.claims{margin-top:1rem}.claims .actions{flex-wrap:wrap;margin-top:.6rem}.count{color:var(--muted);font-size:.9375rem}.verdict{margin-top:2.25rem}.verdict h2{letter-spacing:-.01em;margin:0;font-size:1.5rem}.sub{color:var(--muted);margin:.4rem 0 0;font-size:.9375rem}.explain{gap:.6rem;margin:1.5rem 0;padding:0;list-style:none;display:grid}.explain li{border-left:2px solid var(--line);padding-left:.75rem;font-size:.9375rem;line-height:1.4}.explain li.missed{border-left-color:var(--bad)}footer{margin-top:3.5rem;font-size:.8125rem}footer a{color:var(--muted)}.stack{flex-direction:column;gap:.5rem;display:flex}.chips{gap:.4rem;display:grid}.chip{color:var(--muted);border:1px solid var(--line);min-height:44px;font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.55rem .5rem;font-size:.8125rem;font-weight:600}.chip.wrong{border-color:var(--bad);color:var(--bad)}.chip:disabled{cursor:default}.card.revealed .back.multi{align-items:center;gap:.5rem;font-size:1.25rem;display:flex}.rulewrap{margin-top:2rem}.rulewrap .rule{margin:0}.rulewrap .rule+.rule{margin-top:.5rem}.val.word{letter-spacing:0;font-size:1rem;font-weight:600}.card[aria-pressed=true]{border-color:var(--accent,var(--fg))}.chip[aria-pressed=true]{border-color:var(--accent,var(--fg));color:var(--accent,var(--fg))}.nav{gap:1.25rem;margin-top:.75rem;font-size:.875rem;display:flex}.nav a{color:var(--muted);text-decoration:none}.nav a[aria-current=true]{color:var(--fg);font-weight:600}.controls{flex-wrap:wrap;gap:.4rem;margin-top:1.25rem;display:flex}.controls+.controls{margin-top:.5rem}.controls .chip{padding-inline:.9rem}.archive{gap:.3rem;margin-top:1.5rem;display:grid}.archive a{border:1px solid var(--line);color:var(--fg);border-radius:8px;gap:1rem;padding:.65rem .85rem;font-size:.9375rem;text-decoration:none;display:flex}.archive a:hover{border-color:var(--fg)}.archive .num{color:var(--muted);min-width:3rem}.archive .st-exact,.archive .st-fail,.archive .st-open{margin-left:auto}.archive .st-fail{color:var(--bad)}.archive .st-open{color:var(--muted)}.primer{border-left:2px solid var(--accent,var(--fg));margin:1rem 0 0;padding-left:.75rem;font-size:.9375rem}.primer a{color:var(--fg)}.prose{color:var(--muted);margin:1rem 0 0;font-size:.9375rem;line-height:1.55}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nav a{padding:.7rem 0;display:inline-block}div.card{cursor:default}.swatch{box-shadow:inset 0 0 0 1px #0003}.prose.lead{color:var(--fg)}.verdict h2:focus{outline:none}.cards .card.wrong,.cards .card.broken{border:2px solid var(--bad)}.chips .chip.wrong{border-color:var(--bad);color:var(--bad)}.swatchwrap{flex-direction:column;align-items:center;gap:.3rem;display:inline-flex}.swatch-label{color:var(--muted);letter-spacing:.02em;font-size:.75rem;font-weight:600}.card.revealed .front .swatch-label,.card.revealed .back.multi .swatch-label{display:none}.chip[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}:root{--line:#c9c9c0}@media (prefers-color-scheme:dark){:root{--line:#3f3f3b}}:root{--accent:var(--accent-l,var(--fg))}@media (prefers-color-scheme:dark){:root{--accent:var(--accent-d,var(--fg))}}