:root{color-scheme:dark;--primary: #7C6BFF;--on-primary: #16112E;--primary-container: #3A2E8C;--secondary: #FFB43D;--on-secondary: #33230A;--tertiary: #3ED6C8;--error: #FF6B6B;--surface: #171326;--surface-container: #221C3A;--surface-container-high: #2C2450;--outline: #4B4270;--on-surface: #F0ECFF;--on-surface-variant: #B7AEDC;--shape-s: 12px;--shape-m: 20px;--shape-l: 28px;--shape-full: 999px;--motion-spring: .38s cubic-bezier(.2, .9, .25, 1.2);--motion-fast: .18s cubic-bezier(.2, 0, 0, 1);--font: "Fredoka", system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:var(--surface);color:var(--on-surface);font-family:var(--font);overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation}input{-webkit-user-select:text;user-select:text}m-symbol{font-family:Material Symbols Rounded;font-weight:500;font-size:24px;line-height:1;font-variation-settings:"FILL" var(--symbol-fill, 0);transition:font-variation-settings var(--motion-fast);speak:never}club-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:var(--shape-full);background:var(--primary);color:var(--on-primary);font-size:16px;font-weight:600;cursor:pointer;transition:transform var(--motion-spring),background var(--motion-fast)}club-button:hover{background:#9384ff}club-button:active{transform:scale(.94)}club-button[tone=secondary]{background:var(--secondary);color:var(--on-secondary)}club-button[tone=quiet]{background:var(--surface-container-high);color:var(--on-surface)}club-button[state=disabled]{opacity:.4;pointer-events:none}