:root{--black: #000000;--white: #ffffff;--paper-50: #fffcf5;--paper-100: #faf3e3;--paper-200: #f0e6ce;--paper-300: #e2d5b8;--gray-500: #6b6b6b;--gray-600: #595959;--gray-700: #404040;--gray-800: #262626;--teal-100: #cff6f4;--teal-200: #9fede9;--teal-300: #5fddd8;--teal-400: #2cc7c1;--teal-500: #0fafa9;--teal-600: #0b8d88;--teal-700: #08706b;--teal-800: #065350;--teal-900: #043a38;--purple-100: #ebddf7;--purple-200: #d4bcee;--purple-300: #b591e0;--purple-400: #9668cf;--purple-500: #7c45bd;--purple-600: #66339e;--purple-700: #52287f;--purple-800: #3e1e60;--purple-900: #2b1443;--magenta-100: #fdd6ea;--magenta-200: #fbadd4;--magenta-300: #f878b8;--magenta-400: #f2479d;--magenta-500: #e91e8c;--magenta-600: #c01273;--magenta-700: #970e5b;--magenta-800: #6e0a43;--magenta-900: #4a0730;--yellow-100: #fff3c4;--yellow-200: #ffe58a;--yellow-300: #ffd54f;--yellow-400: #ffc526;--yellow-500: #ffb703;--yellow-600: #e68a00;--yellow-700: #c46a00;--yellow-800: #9a4e00;--yellow-900: #6e3600;--decor-yellow: #ffde2a;--decor-pink: #ff3d8b;--decor-lavender: #c8a0d8;--decor-coral: #ff7b7b;--red-600: #c1121f;--green-700: #1f7a33;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--text-xs: clamp(.75rem, .72rem + .15vw, .8125rem);--text-sm: clamp(.875rem, .85rem + .15vw, .9375rem);--text-base: clamp(1rem, .96rem + .25vw, 1.125rem);--text-lg: clamp(1.125rem, 1.05rem + .4vw, 1.3125rem);--text-xl: clamp(1.375rem, 1.25rem + .6vw, 1.75rem);--text-2xl: clamp(1.75rem, 1.5rem + 1.2vw, 2.375rem);--text-3xl: clamp(2.25rem, 1.85rem + 2vw, 3.25rem);--text-4xl: clamp(3rem, 2.3rem + 3.5vw, 4.75rem);--text-5xl: clamp(3.75rem, 2.7rem + 5.5vw, 6.5rem);--font-display: "Bricolage Grotesque", "Arial Black", sans-serif;--font-body: "Archivo", "Helvetica Neue", Arial, sans-serif;--font-mono: "Space Mono", "Courier New", monospace;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-black: 900;--weight-display: 800;--leading-none: 1;--leading-tight: 1.1;--leading-snug: 1.3;--leading-body: 1.6;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .06em;--radius-none: 0;--radius-sm: 2px;--radius-md: 4px;--radius-full: 9999px;--border-1: 1px;--border-2: 2px;--border-3: 3px;--border-4: 4px;--shadow-sm: 2px 2px 0 var(--black);--shadow-md: 4px 4px 0 var(--black);--shadow-lg: 8px 8px 0 var(--black);--shadow-pressed: 0 0 0 var(--black);--shadow-md-magenta: 4px 4px 0 var(--magenta-500);--shadow-md-teal: 4px 4px 0 var(--teal-500);--z-base: 0;--z-raised: 10;--z-sticky: 100;--z-overlay: 1000;--z-modal: 1100;--z-popover: 1200;--z-toast: 1300;--duration-fast: .1s;--duration-base: .15s;--duration-moderate: .25s;--duration-slow: .4s;--duration-entrance: .5s;--ease-mechanical: cubic-bezier(.2, 0, 0, 1);--color-surface: var(--paper-50);--color-surface-raised: var(--white);--color-surface-sunken: var(--paper-100);--color-surface-inverse: var(--black);--color-ink: var(--black);--color-text-primary: var(--black);--color-text-secondary: var(--gray-700);--color-text-tertiary: var(--gray-600);--color-text-inverse: var(--paper-50);--color-accent-1: var(--teal-500);--color-on-accent-1: var(--black);--color-accent-1-text: var(--teal-700);--color-accent-2: var(--purple-500);--color-on-accent-2: var(--white);--color-accent-2-text: var(--purple-700);--color-accent-3: var(--magenta-500);--color-on-accent-3: var(--black);--color-accent-3-text: var(--magenta-700);--color-accent-4: var(--yellow-500);--color-on-accent-4: var(--black);--color-accent-4-text: var(--yellow-800);--color-link: var(--purple-700);--color-link-hover: var(--magenta-600);--color-focus-ring: var(--black);--color-selection-bg: var(--yellow-300);--color-selection-text: var(--black);--color-error: var(--red-600);--color-on-error: var(--white);--color-success: var(--green-700);--color-warning: var(--yellow-800);--color-warning-fill: var(--yellow-300);--color-info: var(--teal-700);--border-default: var(--border-2) solid var(--color-ink);--border-heavy: var(--border-3) solid var(--color-ink);--border-frame: var(--border-4) solid var(--color-ink);--color-border-muted: var(--paper-300);--space-inline: var(--space-4);--space-stack: var(--space-6);--space-section: var(--space-20);--space-gutter: var(--space-6);--shadow-card: var(--shadow-md);--shadow-card-hover: var(--shadow-lg);--shadow-interactive: var(--shadow-md);--shadow-interactive-hover: 6px 6px 0 var(--black);--shadow-interactive-active: var(--shadow-pressed);--btn-font: var(--font-body);--btn-weight: var(--weight-bold);--btn-tracking: var(--tracking-wide);--btn-border: var(--border-heavy);--btn-radius: var(--radius-none);--btn-shadow: var(--shadow-interactive);--btn-shadow-hover: var(--shadow-interactive-hover);--btn-shadow-active: var(--shadow-interactive-active);--btn-transition: transform var(--duration-fast) var(--ease-mechanical), box-shadow var(--duration-fast) var(--ease-mechanical);--btn-primary-bg: var(--color-accent-1);--btn-primary-text: var(--color-on-accent-1);--btn-primary-bg-hover: var(--teal-400);--btn-secondary-bg: var(--color-surface-raised);--btn-secondary-text: var(--color-text-primary);--btn-secondary-bg-hover: var(--yellow-300);--btn-ghost-text: var(--color-text-primary);--btn-ghost-bg-hover: var(--paper-200);--btn-danger-bg: var(--red-600);--btn-danger-text: var(--white);--btn-danger-bg-hover: #a30f1a;--btn-disabled-bg: var(--paper-200);--btn-disabled-text: var(--gray-600);--btn-disabled-border: var(--gray-600);--btn-pad-y-sm: var(--space-1);--btn-pad-x-sm: var(--space-3);--btn-pad-y-md: var(--space-2);--btn-pad-x-md: var(--space-5);--btn-pad-y-lg: var(--space-3);--btn-pad-x-lg: var(--space-8);--btn-font-sm: var(--text-sm);--btn-font-md: var(--text-base);--btn-font-lg: var(--text-lg);--input-bg: var(--color-surface-raised);--input-text: var(--color-text-primary);--input-placeholder: var(--gray-600);--input-border: var(--border-default);--input-border-color-hover: var(--color-ink);--input-radius: var(--radius-none);--input-pad-y: var(--space-2);--input-pad-x: var(--space-3);--input-font: var(--font-body);--input-font-size: var(--text-base);--input-shadow-focus: var(--shadow-sm);--input-error-border-color: var(--red-600);--input-disabled-bg: var(--paper-200);--input-disabled-text: var(--gray-600);--field-label-size: var(--text-sm);--field-label-weight: var(--weight-bold);--field-helper-color: var(--color-text-secondary);--field-error-color: var(--color-error);--field-required-color: var(--magenta-600);--card-bg: var(--color-surface-raised);--card-border: var(--border-heavy);--card-radius: var(--radius-none);--card-shadow: var(--shadow-card);--card-shadow-hover: var(--shadow-card-hover);--card-pad: var(--space-6);--card-pad-compact: var(--space-4);--card-pad-spacious: var(--space-8);--card-header-bg: var(--paper-100);--card-footer-bg: var(--paper-100);--pattern-squiggle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 70' width='200' height='70'%3E%3Cpath d='M12 42 Q42 8 78 42 Q114 76 150 42 Q178 18 188 24' fill='none' stroke='%231a1a1a' stroke-width='22' stroke-linecap='round' stroke-linejoin='round' transform='translate(4,5)'/%3E%3Cpath d='M12 42 Q42 8 78 42 Q114 76 150 42 Q178 18 188 24' fill='none' stroke='%23111' stroke-width='22' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 42 Q42 8 78 42 Q114 76 150 42 Q178 18 188 24' fill='none' stroke='%230FAFA9' stroke-width='15' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--pattern-zigzag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 55' width='200' height='55'%3E%3Cpolyline points='8,46 38,10 68,46 98,10 128,46 158,10 188,46' fill='none' stroke='%231a1a1a' stroke-width='16' stroke-linecap='square' stroke-linejoin='miter' transform='translate(4,5)'/%3E%3Cpolyline points='8,46 38,10 68,46 98,10 128,46 158,10 188,46' fill='none' stroke='%23111' stroke-width='16' stroke-linecap='square' stroke-linejoin='miter'/%3E%3Cpolyline points='8,46 38,10 68,46 98,10 128,46 158,10 188,46' fill='none' stroke='%23FFDE2A' stroke-width='9' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E");--pattern-grid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' width='30' height='30'%3E%3Crect width='30' height='30' fill='none'/%3E%3Cpath d='M 30 0 L 0 0 0 30' fill='none' stroke='%23b8c4d0' stroke-width='0.75'/%3E%3C/svg%3E");--pattern-doodle-fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 55 55' width='55' height='55'%3E%3Cpath d='M2 12 C4 8 9 16 12 12' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M16 4 C18 0 22 8 24 4' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M30 10 C33 6 37 14 38 10' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M44 3 C46 7 42 13 46 16' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M1 22 C5 18 9 26 10 22' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M14 28 C16 24 22 32 23 28' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M28 24 C32 20 34 28 36 24' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M42 20 C44 24 40 30 44 32' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M3 36 C7 32 10 40 12 36' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M16 42 C20 38 23 46 25 42' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M32 38 C34 42 30 48 34 50' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M44 44 C46 40 50 48 52 44' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M7 48 C9 44 14 52 15 48' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M20 52 C24 48 26 54 28 52' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M48 30 C50 34 46 40 50 36' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");--pattern-confetti: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220' width='220' height='220'%3E%3Cdefs%3E%3Cpattern id='cs' x='0' y='0' width='7' height='7' patternUnits='userSpaceOnUse' patternTransform='rotate(-45)'%3E%3Crect width='7' height='7' fill='%23FFDE2A'/%3E%3Crect width='3' height='7' fill='%23111'/%3E%3C/pattern%3E%3C/defs%3E%3Cpolygon points='18,22 6,42 30,42' fill='%231a1a1a' transform='translate(3,3)'/%3E%3Cpolygon points='90,14 78,34 102,34' fill='%231a1a1a' transform='translate(3,3)'/%3E%3Ccircle cx='138' cy='22' r='11' fill='%231a1a1a' transform='translate(3,3)'/%3E%3Cpath d='M170 38 A14 14 0 1 0 170 10' fill='none' stroke='%231a1a1a' stroke-width='12' stroke-linecap='round' transform='translate(3,3)'/%3E%3Crect x='48' y='60' width='40' height='14' fill='%231a1a1a' transform='translate(3,3)'/%3E%3Cpolygon points='108,58 96,78 120,78' fill='%231a1a1a' transform='translate(3,3)'/%3E%3Ccircle cx='160' cy='72' r='13' fill='%231a1a1a' transform='translate(3,3)'/%3E%3Cpolygon points='212,52 200,72 224,72' fill='%231a1a1a' transform='translate(3,3)'/%3E%3Cpath d='M10 108 Q22 96 34 108 Q46 120 58 108' fill='none' stroke='%231a1a1a' stroke-width='10' stroke-linecap='round' transform='translate(3,3)'/%3E%3Cpolygon points='90,100 78,120 102,120' fill='%231a1a1a' transform='translate(3,3)'/%3E%3Crect x='122' y='98' width='36' height='16' fill='%231a1a1a' transform='translate(3,3)'/%3E%3Cpath d='M180 120 A10 10 0 1 0 180 100' fill='none' stroke='%231a1a1a' stroke-width='9' stroke-linecap='round' transform='translate(3,3)'/%3E%3Ccircle cx='38' cy='155' r='10' fill='%231a1a1a' transform='translate(3,3)'/%3E%3Cpolygon points='72,148 60,168 84,168' fill='%231a1a1a' transform='translate(3,3)'/%3E%3Cpath d='M108 162 Q118 150 128 162 Q138 174 148 162' fill='none' stroke='%231a1a1a' stroke-width='9' stroke-linecap='round' transform='translate(3,3)'/%3E%3Ccircle cx='188' cy='158' r='9' fill='%231a1a1a' transform='translate(3,3)'/%3E%3Crect x='10' y='198' width='40' height='12' fill='%231a1a1a' transform='translate(3,3)'/%3E%3Ccircle cx='80' cy='205' r='8' fill='%231a1a1a' transform='translate(3,3)'/%3E%3Cpolygon points='128,195 116,215 140,215' fill='%231a1a1a' transform='translate(3,3)'/%3E%3Cpath d='M175 205 A12 12 0 1 0 175 181' fill='none' stroke='%231a1a1a' stroke-width='10' stroke-linecap='round' transform='translate(3,3)'/%3E%3Cpolygon points='18,22 6,42 30,42' fill='%230FAFA9' stroke='%23111' stroke-width='2.5' stroke-linejoin='miter'/%3E%3Cpolygon points='90,14 78,34 102,34' fill='%23FFDE2A' stroke='%23111' stroke-width='2.5' stroke-linejoin='miter'/%3E%3Ccircle cx='138' cy='22' r='11' fill='%23E91E8C' stroke='%23111' stroke-width='2.5'/%3E%3Cpath d='M170 38 A14 14 0 1 0 170 10' fill='none' stroke='%230FAFA9' stroke-width='9' stroke-linecap='round'/%3E%3Cpath d='M170 38 A14 14 0 1 0 170 10' fill='none' stroke='%23111' stroke-width='2.5' stroke-linecap='round'/%3E%3Crect x='48' y='60' width='40' height='14' fill='url(%23cs)' stroke='%23111' stroke-width='2.5'/%3E%3Cpolygon points='108,58 96,78 120,78' fill='%23E91E8C' stroke='%23111' stroke-width='2.5' stroke-linejoin='miter'/%3E%3Ccircle cx='160' cy='72' r='13' fill='%23C8A0D8' stroke='%23111' stroke-width='2.5'/%3E%3Cpolygon points='212,52 200,72 224,72' fill='%230FAFA9' stroke='%23111' stroke-width='2.5' stroke-linejoin='miter'/%3E%3Cpath d='M10 108 Q22 96 34 108 Q46 120 58 108' fill='none' stroke='%23111' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M10 108 Q22 96 34 108 Q46 120 58 108' fill='none' stroke='%230FAFA9' stroke-width='6' stroke-linecap='round'/%3E%3Cpolygon points='90,100 78,120 102,120' fill='%23FFDE2A' stroke='%23111' stroke-width='2.5' stroke-linejoin='miter'/%3E%3Crect x='122' y='98' width='36' height='16' fill='url(%23cs)' stroke='%23111' stroke-width='2.5'/%3E%3Cpath d='M180 120 A10 10 0 1 0 180 100' fill='none' stroke='%23111' stroke-width='9' stroke-linecap='round'/%3E%3Cpath d='M180 120 A10 10 0 1 0 180 100' fill='none' stroke='%23E91E8C' stroke-width='5.5' stroke-linecap='round'/%3E%3Ccircle cx='38' cy='155' r='10' fill='%23FFDE2A' stroke='%23111' stroke-width='2.5'/%3E%3Cpolygon points='72,148 60,168 84,168' fill='%230FAFA9' stroke='%23111' stroke-width='2.5' stroke-linejoin='miter'/%3E%3Cpath d='M108 162 Q118 150 128 162 Q138 174 148 162' fill='none' stroke='%23111' stroke-width='9' stroke-linecap='round'/%3E%3Cpath d='M108 162 Q118 150 128 162 Q138 174 148 162' fill='none' stroke='%23C8A0D8' stroke-width='5.5' stroke-linecap='round'/%3E%3Ccircle cx='188' cy='158' r='9' fill='%23E91E8C' stroke='%23111' stroke-width='2.5'/%3E%3Crect x='10' y='198' width='40' height='12' fill='%23FFDE2A' stroke='%23111' stroke-width='2.5'/%3E%3Ccircle cx='80' cy='205' r='8' fill='%230FAFA9' stroke='%23111' stroke-width='2.5'/%3E%3Cpolygon points='128,195 116,215 140,215' fill='%23FFDE2A' stroke='%23111' stroke-width='2.5' stroke-linejoin='miter'/%3E%3Cpath d='M175 205 A12 12 0 1 0 175 181' fill='none' stroke='%23111' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M175 205 A12 12 0 1 0 175 181' fill='none' stroke='%23E91E8C' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E");--pattern-brushstroke: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 180' width='420' height='180'%3E%3Cdefs%3E%3Cfilter id='sponge' x='-8%25' y='-25%25' width='116%25' height='150%25' color-interpolation-filters='linearRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.038 0.09' numOctaves='4' seed='12' result='noise'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='noise' scale='18' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cfilter id='grain' x='-8%25' y='-25%25' width='116%25' height='150%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.038 0.09' numOctaves='4' seed='12' result='en'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='en' scale='18' xChannelSelector='R' yChannelSelector='G' result='d'/%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.62' numOctaves='2' seed='7' result='gn'/%3E%3CfeColorMatrix in='gn' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 18 -9' result='ga'/%3E%3CfeComposite in='d' in2='ga' operator='in'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M-10 148 C60 110 140 75 220 45 C290 18 360 5 430 -5' fill='none' stroke='%230FAFA9' stroke-width='70' stroke-linecap='round' filter='url(%23sponge)'/%3E%3Cpath d='M-10 130 C55 96 135 62 215 36 C282 14 352 3 425 -6' fill='none' stroke='%232CC7C1' stroke-width='48' stroke-linecap='round' filter='url(%23grain)'/%3E%3Cpath d='M10 118 C75 88 155 56 235 30 C298 10 358 2 430 -2' fill='none' stroke='%230FAFA9' stroke-width='30' stroke-linecap='round' filter='url(%23sponge)' opacity='0.85'/%3E%3Cpolyline points='20,128 45,102 70,120 95,94 120,112 145,86 170,104 195,78 220,96 245,72 270,90 295,64 320,82 345,58 370,76 395,52' fill='none' stroke='%233B1F6E' stroke-width='4.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpolyline points='20,132 45,108 70,124 95,98 120,116 145,90 170,108 195,82 220,100 245,76 270,94 295,68 320,86 345,62 370,80 395,56' fill='none' stroke='%238B2FA8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.7'/%3E%3C/svg%3E")}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{background-color:var(--color-surface);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-body);-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}h1,h2{font-family:var(--font-display);font-weight:var(--weight-display);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-primary);text-wrap:balance}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3,h4{font-family:var(--font-body);font-weight:var(--weight-bold);line-height:var(--leading-snug);color:var(--color-text-primary)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{max-width:70ch}code,pre,kbd,samp{font-family:var(--font-mono);font-size:.9em}a{color:var(--color-link);text-decoration-line:underline;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:currentColor}a:hover{color:var(--color-link-hover);text-decoration-thickness:3px}::selection{background-color:var(--color-selection-bg);color:var(--color-selection-text)}:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.ds-focus-inverse:focus-visible{outline-color:var(--yellow-500)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:var(--btn-border);border-radius:var(--btn-radius);padding:var(--btn-pad-y-md) var(--btn-pad-x-md);font-family:var(--btn-font);font-size:var(--btn-font-md);font-weight:var(--btn-weight);letter-spacing:var(--btn-tracking);text-transform:uppercase;text-decoration:none;line-height:var(--leading-none);white-space:nowrap;background-color:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:var(--btn-shadow);transition:var(--btn-transition);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.ds-btn:hover{transform:translate(-2px,-2px);box-shadow:var(--btn-shadow-hover)}.ds-btn:active{transform:translate(4px,4px);box-shadow:var(--btn-shadow-active)}.ds-btn:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.ds-btn--primary{background-color:var(--btn-primary-bg);color:var(--btn-primary-text)}.ds-btn--primary:hover{background-color:var(--btn-primary-bg-hover)}.ds-btn--secondary{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text)}.ds-btn--secondary:hover{background-color:var(--btn-secondary-bg-hover)}.ds-btn--ghost{background-color:transparent;border-color:transparent;box-shadow:none;color:var(--btn-ghost-text);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.ds-btn--ghost:hover{background-color:var(--btn-ghost-bg-hover);border-color:var(--color-ink);transform:none;box-shadow:none}.ds-btn--ghost:active{transform:translate(2px,2px)}.ds-btn--danger{background-color:var(--btn-danger-bg);color:var(--btn-danger-text)}.ds-btn--danger:hover{background-color:var(--btn-danger-bg-hover)}.ds-btn--sm{padding:var(--btn-pad-y-sm) var(--btn-pad-x-sm);font-size:var(--btn-font-sm);border-width:var(--border-2);box-shadow:var(--shadow-sm)}.ds-btn--sm:hover{box-shadow:var(--shadow-md)}.ds-btn--sm:active{transform:translate(2px,2px);box-shadow:var(--shadow-pressed)}.ds-btn--lg{padding:var(--btn-pad-y-lg) var(--btn-pad-x-lg);font-size:var(--btn-font-lg);border-width:var(--border-4)}.ds-btn__icon{display:inline-flex;width:1em;height:1em;flex-shrink:0}.ds-btn__icon>svg{width:100%;height:100%}.ds-btn--icon-only{padding:var(--btn-pad-y-md);aspect-ratio:1}.ds-btn:disabled,.ds-btn[aria-disabled=true]{background-color:var(--btn-disabled-bg);color:var(--btn-disabled-text);border-color:var(--btn-disabled-border);border-style:dashed;box-shadow:none;transform:none;cursor:not-allowed}.ds-btn--loading{pointer-events:none;position:relative;color:transparent}.ds-btn--loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:1em;height:1em;border:3px solid currentColor;border-color:var(--color-ink);border-top-color:transparent;animation:ds-btn-spin .7s steps(8) infinite}.ds-btn--danger.ds-btn--loading:after{border-color:var(--white);border-top-color:transparent}@keyframes ds-btn-spin{to{transform:rotate(360deg)}}.ds-field{display:flex;flex-direction:column;gap:var(--space-2);max-width:48ch}.ds-field__label{font-family:var(--font-body);font-size:var(--field-label-size);font-weight:var(--field-label-weight);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-primary)}.ds-field__label--required:after{content:" *";color:var(--field-required-color);font-weight:var(--weight-bold)}.ds-input{background-color:var(--input-bg);color:var(--input-text);border:var(--input-border);border-radius:var(--input-radius);padding:var(--input-pad-y) var(--input-pad-x);font-family:var(--input-font);font-size:var(--input-font-size);line-height:var(--leading-snug);width:100%;transition:box-shadow var(--duration-fast) var(--ease-mechanical)}.ds-input::placeholder{color:var(--input-placeholder)}.ds-input:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--input-border-color-hover)}.ds-input:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px;box-shadow:var(--input-shadow-focus)}.ds-field--error .ds-input,.ds-input[aria-invalid=true]{border-color:var(--input-error-border-color);border-width:var(--border-3)}.ds-field--error .ds-input:focus-visible,.ds-input[aria-invalid=true]:focus-visible{outline-color:var(--input-error-border-color)}.ds-input:disabled{background-color:var(--input-disabled-bg);color:var(--input-disabled-text);border-style:dashed;cursor:not-allowed}textarea.ds-input{min-height:calc(var(--space-24) + var(--space-4));resize:vertical}.ds-field__helper{font-size:var(--text-sm);color:var(--field-helper-color)}.ds-field__error{display:none;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--field-error-color)}.ds-field--error .ds-field__error{display:block}.ds-field--error .ds-field__helper{display:none}.ds-card{background-color:var(--card-bg);border:var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);display:flex;flex-direction:column}.ds-card__header{padding:var(--space-4) var(--card-pad);border-bottom:var(--border-default);background-color:var(--card-header-bg);font-weight:var(--weight-bold)}.ds-card__body{padding:var(--card-pad);flex:1}.ds-card__footer{padding:var(--space-3) var(--card-pad);border-top:var(--border-default);background-color:var(--card-footer-bg);display:flex;align-items:center;gap:var(--space-3)}.ds-card--compact .ds-card__body{padding:var(--card-pad-compact)}.ds-card--compact .ds-card__header,.ds-card--compact .ds-card__footer{padding-inline:var(--card-pad-compact)}.ds-card--spacious .ds-card__body{padding:var(--card-pad-spacious)}.ds-card--spacious .ds-card__header,.ds-card--spacious .ds-card__footer{padding-inline:var(--card-pad-spacious)}.ds-card__header--pattern{min-height:var(--space-12);background-color:var(--card-bg);background-repeat:repeat-x;background-position:center}.ds-card__header--pattern-squiggle{background-image:var(--pattern-squiggle);background-size:80px 24px}.ds-card__header--pattern-zigzag{background-image:var(--pattern-zigzag);background-size:40px 20px}.ds-card__header--pattern-confetti{background-image:var(--pattern-confetti);background-size:120px 120px;background-repeat:repeat}.ds-card--interactive{text-decoration:none;color:inherit;transition:transform var(--duration-base) var(--ease-mechanical),box-shadow var(--duration-base) var(--ease-mechanical);cursor:pointer}.ds-card--interactive:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--color-ink)}.ds-card--interactive:active{transform:translate(4px,4px);box-shadow:var(--shadow-pressed)}.ds-card--interactive:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:3px}.ds-card--flag-teal{border-top:8px solid var(--teal-500)}.ds-card--flag-purple{border-top:8px solid var(--purple-500)}.ds-card--flag-magenta{border-top:8px solid var(--magenta-500)}.ds-card--flag-yellow{border-top:8px solid var(--yellow-500)}.ds-photo{margin:0;border:var(--border-heavy);box-shadow:var(--shadow-md);background:var(--color-surface-raised)}.ds-photo__img{display:block;width:100%;height:auto;filter:grayscale(1);transition:filter var(--duration-fast) var(--ease-mechanical)}.ds-photo:hover .ds-photo__img,.ds-photo:focus-visible .ds-photo__img,.ds-photo.is-color .ds-photo__img{filter:none}.ds-photo:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:3px}.ds-photo__caption{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-ink);background:var(--paper-200);border-top:var(--border-heavy);padding:var(--space-2) var(--space-3)}.ds-photo__fig{color:var(--magenta-700);margin-right:var(--space-2)}@media(prefers-reduced-motion:reduce){.ds-photo__img{transition:none}}.links-page{max-width:420px;margin-inline:auto;padding:clamp(var(--space-8),8vw,var(--space-16)) var(--space-5) var(--space-10)}.links-identity{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:var(--space-8)}.links-photo{width:132px;border:var(--border-frame);margin-bottom:var(--space-6)}.links-name{display:inline-block;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-2xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);text-transform:uppercase;background:var(--color-ink);color:var(--color-text-inverse);padding:var(--space-2) var(--space-4);box-shadow:var(--shadow-md-magenta);margin-bottom:var(--space-5)}.links-kicker{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-secondary)}.links-share{margin-top:var(--space-5);font-family:var(--font-mono)}.links-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--space-5)}.links-modal__panel{background:var(--color-surface-raised);border:var(--border-heavy);border-radius:var(--radius-none);box-shadow:var(--shadow-lg);padding:var(--space-5) var(--space-6) var(--space-6);width:100%;max-width:360px;text-align:center}.links-modal__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.links-modal__title{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-primary)}.links-modal__close{font-family:var(--font-mono);min-width:44px;min-height:44px;padding:0;font-size:var(--text-lg);line-height:1}.links-modal__qr{display:block;width:min(70vw,280px);height:auto;margin-inline:auto}.links-modal__url{margin-top:var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-text-primary)}.links-modal__actions{display:flex;justify-content:center;gap:var(--space-4);margin-top:var(--space-5)}.links-mono-btn{font-family:var(--font-mono);min-height:44px}.links-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}.links-qr{display:none;margin-top:var(--space-8);background:var(--color-surface-raised);border:var(--border-heavy);box-shadow:var(--shadow-md);padding:var(--space-5) var(--space-5) var(--space-4);text-align:center}.links-qr img{display:block;width:188px;height:188px;margin-inline:auto}.links-qr__title{margin-top:var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-primary)}.links-qr__url{margin-top:var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary)}.links-list{display:flex;flex-direction:column;gap:var(--space-5)}.links-btn{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:56px;border:var(--btn-border);border-radius:var(--btn-radius);padding:var(--space-3) var(--space-4) var(--space-3) calc(40px + var(--space-4));font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;text-decoration:none;line-height:var(--leading-none);background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);box-shadow:var(--btn-shadow);transition:var(--btn-transition);-webkit-user-select:none;user-select:none}.links-btn__cell{position:absolute;left:0;top:0;bottom:0;width:40px;display:flex;align-items:center;justify-content:center;border-right:var(--border-heavy);color:var(--color-ink)}.links-btn__cell svg{width:20px;height:20px;display:block}.links-btn__glyph{line-height:1}.links-btn__glyph--display{font-family:var(--font-display);font-weight:var(--weight-display);font-size:22px}.links-btn__glyph--mono{font-family:var(--font-mono);font-weight:var(--weight-bold);font-size:24px}.links-btn--teal .links-btn__cell{background:var(--color-accent-1);color:var(--color-on-accent-1)}.links-btn--purple .links-btn__cell{background:var(--color-accent-2);color:var(--color-on-accent-2)}.links-btn--magenta .links-btn__cell{background:var(--color-accent-3);color:var(--color-on-accent-3)}.links-btn--yellow .links-btn__cell{background:var(--color-accent-4);color:var(--color-on-accent-4)}.links-btn:hover{transform:translate(-2px,-2px);box-shadow:var(--btn-shadow-hover);background-color:var(--btn-secondary-bg-hover)}.links-btn:active{transform:translate(4px,4px);box-shadow:var(--btn-shadow-active)}.links-btn:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.links-btn__arrow{flex-shrink:0}.links-footer{margin-top:var(--space-12);text-align:center;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-secondary)}@media(min-width:900px){.links-page{display:grid;grid-template-columns:360px 420px;grid-template-rows:auto 1fr;column-gap:var(--space-20);justify-content:center;align-items:start;max-width:none}.links-identity{grid-column:1;grid-row:1;margin-bottom:0}.links-name{font-size:2rem}.links-qr{display:block}.links-list{grid-column:2;grid-row:1 / span 2}.links-footer{grid-column:1;grid-row:2;margin-top:var(--space-8)}}@media(prefers-reduced-motion:reduce){.links-btn{transition:none}}