.shell{--shell-bg:var(--surface);--shell-ink:var(--ink);--shell-accent:var(--accent);border:1px solid var(--line);border-radius:calc(var(--radius) + 6px);background:var(--shell-bg);box-shadow:var(--shadow);color:var(--shell-ink);padding:18px;transition:background .35s,color .35s}.shell[data-theme=dusk]{--shell-bg:#1c1a2b;--shell-ink:#efeaff;--shell-accent:#a99dff;--muted:#a49cbd;--line:#34304a;--surface:#26233a;--surface-2:#2e2a45}.tabs{background:var(--surface-2);border-radius:999px;gap:0;width:fit-content;margin-bottom:18px;padding:4px;display:flex;position:relative}.tab{z-index:1;width:116px;color:var(--muted);text-align:center;border-radius:999px;padding:8px 0;font-weight:600;text-decoration:none;transition:color .2s;position:relative}.tab.active{color:var(--shell-bg)}.indicator{background:var(--shell-accent);width:116px;height:calc(100% - 8px);box-shadow:var(--shadow);border-radius:999px;position:absolute;top:4px;left:4px}.stage{gap:14px;display:grid;position:relative}.page{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--surface-2) 60%, transparent);padding:26px 28px}.page h2{letter-spacing:-.03em;margin:0 0 8px;font-size:28px}.page p{max-width:60ch;color:var(--muted);margin:0 0 14px}.page .note{font:500 13px var(--mono)}.counter-row{align-items:center;gap:16px;margin:20px 0;display:flex}.count{text-align:center;font-variant-numeric:tabular-nums;min-width:2ch;font-size:44px}.filters,.themes{gap:8px;margin:14px 0 18px;display:flex}.chip.active{border-color:var(--shell-accent);background:var(--shell-accent);color:var(--shell-bg)}.swatches{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid;position:relative}.swatch{border-radius:var(--radius-sm);color:#fff;text-shadow:0 1px 2px #00000040;align-items:flex-end;height:110px;padding:12px;font-weight:650;display:flex}.swatch.coral{background:linear-gradient(160deg, #ff9a7a, var(--coral))}.swatch.indigo{background:linear-gradient(160deg,#8f88ff,#4338ca)}.swatch.amber{background:linear-gradient(160deg, #ffd27a, var(--amber))}.swatch.mint{background:linear-gradient(160deg, #7fe0bd, var(--mint))}.swatch.rose{background:linear-gradient(160deg,#ff9fc0,#e0457b)}.swatch.sky{background:linear-gradient(160deg, #8cc8ff, var(--sky))}.shell-foot{color:var(--muted);font:500 12.5px var(--mono);padding:4px 6px}@media (width<=640px){.tab,.indicator{width:76px}.tab{font-size:13px}}