:root{--brand: #5132FB;--brand-ink: #472DEA;--brand-deep: #1F2130;--brand-wash: #EEEBFF;--brand-edge: #D6CFFF;--mark: #5132FB;--mint: #00E090;--mint-ink: #00805A;--mint-wash: #DEFBF1;--ground: #F6F5FB;--surface: #FFFFFF;--sunk: #EEECF6;--line: #E6E3F2;--ink: #1A1730;--dim: #6E6A85;--faint: #9C98B0;--danger: #D92D20;--danger-wash: #FEF0EF;--on-brand: #FFFFFF;--on-mint: #04331D;--kok-purple-primary: var(--brand);--kok-purple-secondary: var(--brand-ink);--kok-purple-gradient-start: #5F3EFC;--kok-purple-gradient-end: #4A2BEF;--kok-purple-gradient: linear-gradient(35deg, var(--kok-purple-gradient-end), var(--kok-purple-gradient-start));--kok-green-accent: var(--mint);--kok-text-primary: var(--ink);--kok-text-secondary: var(--dim);--kok-background: var(--ground);--shadow-sm: 0 1px 2px rgba(26, 23, 48, .06);--shadow-md: 0 2px 4px rgba(26, 23, 48, .05), 0 12px 28px -14px rgba(46, 26, 107, .28);--shadow-brand: 0 8px 24px -10px rgba(81, 50, 251, .45);--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-full: 999px;--tap: 52px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--brand: #9B8FFF;--brand-ink: #8A7CFF;--brand-deep: #D8D2FF;--brand-wash: #231F3D;--brand-edge: #3B3566;--mark: #FFFFFF;--mint: #00E090;--mint-ink: #3FE8AE;--mint-wash: #0B2D22;--ground: #100E1A;--surface: #1A1727;--sunk: #241F36;--line: #2E2A42;--ink: #F2F1F8;--dim: #9C97B3;--faint: #6B6683;--danger: #FF8179;--danger-wash: #301A1A;--on-brand: #140F2B;--on-mint: #04331D;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 2px 4px rgba(0, 0, 0, .35), 0 12px 28px -14px rgba(0, 0, 0, .8);--shadow-brand: 0 8px 24px -10px rgba(81, 50, 251, .55)}}:root[data-theme=dark]{--brand: #9B8FFF;--brand-ink: #8A7CFF;--brand-deep: #D8D2FF;--brand-wash: #231F3D;--brand-edge: #3B3566;--mint: #00E090;--mint-ink: #3FE8AE;--mint-wash: #0B2D22;--ground: #100E1A;--surface: #1A1727;--sunk: #241F36;--line: #2E2A42;--ink: #F2F1F8;--dim: #9C97B3;--faint: #6B6683;--danger: #FF8179;--danger-wash: #301A1A;--on-brand: #140F2B;--on-mint: #04331D;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 2px 4px rgba(0, 0, 0, .35), 0 12px 28px -14px rgba(0, 0, 0, .8);--shadow-brand: 0 8px 24px -10px rgba(81, 50, 251, .55)}