:root{--bright-blue: oklch(51.01% .274 263.83);--electric-violet: oklch(53.18% .28 296.97);--french-violet: oklch(47.66% .246 305.88);--vivid-pink: oklch(69.02% .277 332.77);--hot-red: oklch(61.42% .238 15.34);--orange-red: oklch(63.32% .24 31.68);--gray-900: oklch(19.37% .006 300.98);--gray-700: oklch(36.98% .014 302.71);--gray-400: oklch(70.9% .015 304.04);--red-to-pink-to-purple-vertical-gradient: linear-gradient( 180deg, var(--orange-red) 0%, var(--vivid-pink) 50%, var(--electric-violet) 100% );--red-to-pink-to-purple-horizontal-gradient: linear-gradient( 90deg, var(--orange-red) 0%, var(--vivid-pink) 50%, var(--electric-violet) 100% );--bg: oklch(99% .002 300);--surface: oklch(100% 0 0);--surface-muted: oklch(97% .004 300);--text: var(--gray-900);--text-muted: var(--gray-700);--border: oklch(90% .008 300);--accent: var(--bright-blue);--accent-2: var(--electric-violet);--danger: oklch(52% .2 25);--on-accent: oklch(100% 0 0);--shadow: 0 1px 2px oklch(0% 0 0 / .06), 0 4px 16px oklch(0% 0 0 / .06);--radius: .75rem;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-display: "Inter Tight", var(--font);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: oklch(16% .01 300);--surface: oklch(21% .012 300);--surface-muted: oklch(25% .014 300);--text: oklch(96% .004 300);--text-muted: var(--gray-400);--border: oklch(32% .014 300);--accent: oklch(74% .14 263.83);--accent-2: oklch(76% .14 296.97);--danger: oklch(74% .15 25);--on-accent: var(--gray-900);--shadow: 0 1px 2px oklch(0% 0 0 / .4), 0 4px 16px oklch(0% 0 0 / .3);color-scheme:dark}}:root[data-theme=dark]{--bg: oklch(16% .01 300);--surface: oklch(21% .012 300);--surface-muted: oklch(25% .014 300);--text: oklch(96% .004 300);--text-muted: var(--gray-400);--border: oklch(32% .014 300);--accent: oklch(74% .14 263.83);--accent-2: oklch(76% .14 296.97);--danger: oklch(74% .15 25);--on-accent: var(--gray-900);--shadow: 0 1px 2px oklch(0% 0 0 / .4), 0 4px 16px oklch(0% 0 0 / .3);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{font-family:var(--font-display);font-weight:500;letter-spacing:-.02em;line-height:1.15;margin:0}h1{font-size:clamp(2rem,5vw,3.125rem);letter-spacing:-.04em}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.page{width:100%;max-width:72rem;margin:0 auto;padding:2.5rem 1rem 4rem}.page-header{margin-bottom:2rem}.page-header p{margin:.75rem 0 0;color:var(--text-muted)}.gradient-rule{height:2px;border:0;margin:0;background:var(--red-to-pink-to-purple-horizontal-gradient)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.status{padding:1.5rem;border-radius:var(--radius);background:var(--surface-muted);color:var(--text-muted);text-align:center}.status-error{color:var(--danger)}.pill{--pill-accent: var(--accent);display:inline-flex;align-items:center;background:color-mix(in srgb,var(--pill-accent) 10%,transparent);color:var(--pill-accent);padding:.25rem .75rem;border-radius:2.75rem;font-size:.875rem;font-weight:500;line-height:1.4rem;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;min-height:2.5rem;padding:.5rem 1rem;border:1px solid var(--border);border-radius:2.75rem;background:var(--surface);color:var(--text);font:inherit;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s ease,border-color .2s ease}.btn:hover:not(:disabled){background:var(--surface-muted)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{border-color:transparent;background:var(--accent);color:var(--on-accent)}.btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 85%,var(--text))}.btn-danger{color:var(--danger)}.btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 10%,transparent)}.btn-small{min-height:2rem;padding:.25rem .75rem}.field{display:flex;flex-direction:column;gap:.375rem;font-size:.875rem}.field label{font-weight:500}.input{width:100%;min-height:2.5rem;padding:.5rem .75rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface);color:var(--text);font:inherit}.input[aria-invalid=true]{border-color:var(--danger)}.field-error{margin:0;color:var(--danger);font-size:.8125rem}.form-error{margin:0;padding:.75rem 1rem;border-radius:.5rem;background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger)}