@layer tokens{:root{--color-bg:#fff;--color-surface:#fafafa;--color-text:#1a1a1a;--color-text-muted:color-mix(in srgb, var(--color-text) 72%, var(--color-bg));--color-border:#ccc;--shadow:none;--shadow-raised:none;--color-accent:#333;--color-on-accent:#fff;--color-accent-soft:color-mix(in srgb, var(--color-accent) 12%, transparent);--color-error:#b00020;--color-on-error:#fff;--color-focus:var(--color-accent);--font-body:system-ui, sans-serif;--font-display:var(--font-body);--font-mono:ui-monospace, monospace;--size-title:1.25rem;--size-question:1rem;--weight-title:700;--weight-question:600;--leading:1.4;--radius:8px;--radius-option:var(--radius);--radius-button:var(--radius);--radius-card:var(--radius);--border-width:1px;--option-bg:var(--color-surface);--option-bg-selected:var(--color-accent-soft);--option-text-selected:var(--color-text);--option-border:var(--color-border);--option-border-selected:var(--color-accent);--control-bg:var(--color-bg);--control-border:var(--color-border);--button-bg:var(--color-accent);--button-text:var(--color-on-accent);--button-secondary-bg:transparent;--button-secondary-text:var(--color-text);--button-secondary-border:var(--color-accent);--slider-track:color-mix(in srgb, var(--color-accent) 20%, transparent);--slider-fill:var(--color-accent);--slider-thumb:var(--color-accent);--progress-track:color-mix(in srgb, var(--color-accent) 18%, transparent);--progress-fill:var(--color-accent);--column:40rem;--gap:1.5rem;--pad:1rem}}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--color-bg)}body{margin:0}.shell{box-sizing:border-box;min-height:100dvh;max-width:var(--column);padding:var(--pad);gap:var(--gap);font-family:var(--font-body);line-height:var(--leading);color:var(--color-text);background:var(--color-bg);flex-direction:column;margin:0 auto;display:flex}.shell :is(h1,h2,h3){font-family:var(--font-display)}.control{min-height:44px;font:inherit;box-sizing:border-box;width:100%;color:inherit;background:var(--control-bg);border:var(--border-width) solid var(--control-border);border-radius:var(--radius);padding:0 .75rem}.btn{min-width:44px;min-height:44px;font:inherit;border-radius:var(--radius-button);border:var(--border-width) solid var(--button-secondary-border);background:var(--button-secondary-bg);color:var(--button-secondary-text);cursor:pointer;padding:0 1.25rem;font-weight:600}.btn-primary{background:var(--button-bg);border-color:var(--button-bg);color:var(--button-text);box-shadow:var(--shadow-raised)}.control:focus-visible,.btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}