@layer tokens,base,components,utilities;@layer tokens{:root{--bg-primary: #12161c;--bg-secondary: #1b2129;--bg-tertiary: #232a33;--surface: #2a313a;--surface-hi: #323a44;--border: #3a424d;--border-soft: #2f3742;--energy: #ffd34d;--energy-2: #ffe27a;--hunger: #3ec7a6;--hunger-2: #6fe0c5;--mood: #ffd34d;--mood-2: #e6a83c;--health: #e85d8c;--health-2: #f28fb0;--cta: #ff4f7a;--cta-hover: #e03a63;--cta-press: #c72e53;--color-brand-primary: var(--cta);--color-brand-secondary: var(--energy);--legendary: #f2c94c;--epic: #9b5cf6;--rare: #4fc3f7;--common: #9aa4b2;--purple-mid: #6b4c7a;--purple-hi: #8e6aa0;--text: #f5f7fa;--text-soft: #aab2bd;--text-muted: #6b7280;--color-neutral-100: #f5f5f5;--color-neutral-200: #e5e5e5;--color-neutral-300: #d4d4d4;--color-neutral-700: #404040;--color-neutral-900: #171717;--ds-bg: var(--bg-primary);--ds-bg-alt: var(--bg-secondary);--ds-surface: var(--bg-tertiary);--ds-surface-raised: var(--surface);--ds-border: var(--border-soft);--ds-border-strong: var(--border);--ds-text: var(--text);--ds-text-soft: var(--text-soft);--ds-text-muted: var(--text-muted);--ds-text-on-action: #fff;--ds-action: var(--cta);--ds-action-hover: var(--cta-hover);--ds-action-press: var(--cta-press);--ds-accent: var(--cta);--ds-accent-2: var(--cta-hover)}}@layer tokens{:root{--font-display: "Luckiest Guy", "Bowlby One", "Impact", system-ui, sans-serif;--font-body: "Poppins", "Segoe UI", system-ui, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.5rem;--display-sm: clamp(28px, 4vw, 40px);--display-md: clamp(40px, 6.5vw, 88px);--display-lg: clamp(54px, 9vw, 140px);--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--leading-display: .92;--leading-tight: 1.1;--leading-normal: 1.5;--leading-relaxed: 1.6;--tracking-tight: .02em;--tracking-normal: .05em;--tracking-wide: .1em;--tracking-wider: .18em;--tracking-widest: .24em}}@layer tokens{:root{--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;--space-32: 8rem}}@layer tokens{:root{--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--radius-2xl: 28px;--radius-pill: 999px}}@layer tokens{:root{--shadow-card: 0 14px 40px -12px rgba(0, 0, 0, .6);--shadow-card-hover: 0 24px 50px -18px rgba(0, 0, 0, .7);--shadow-float: 0 30px 50px rgba(0, 0, 0, .6);--shadow-press: 0 6px 0 var(--ds-action-press);--shadow-press-hover: 0 9px 0 var(--ds-action-press);--shadow-press-active: 0 2px 0 var(--ds-action-press);--shadow-glow: 0 18px 50px -8px rgba(255, 79, 122, .7);--shadow-glow-hover: 0 22px 60px -8px rgba(255, 79, 122, .8)}}@layer tokens{:root{--ease-out: ease;--ease-bounce: cubic-bezier(.2, .7, .3, 1);--dur-fast: .15s;--dur-mid: .25s;--dur-slow: .9s;--dur-fill: 1.4s}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.7}}@keyframes bob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-18px) rotate(1deg)}}@keyframes glowPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}@keyframes spinSlow{to{transform:rotate(360deg)}}@keyframes spinDash{to{transform:rotate(360deg)}}@keyframes floatTag{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@layer tokens{:root{--z-base: 1;--z-raised: 4;--z-nav: 100;--z-overlay: 9998;--z-grain: 9999}}@layer base{*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}}@layer base{html,body{background:var(--ds-bg);color:var(--ds-text);font-family:var(--font-body);scroll-behavior:smooth;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:var(--z-grain);background-image:radial-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:3px 3px;mix-blend-mode:overlay;opacity:.6}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:var(--z-overlay);background:radial-gradient(1200px 700px at 10% -10%,rgba(155,92,246,.18),transparent 60%),radial-gradient(900px 700px at 110% 10%,rgba(232,93,140,.12),transparent 55%),radial-gradient(1000px 700px at 50% 110%,rgba(255,211,77,.08),transparent 60%)}.cc-display{font-family:var(--font-display);font-weight:var(--weight-regular);letter-spacing:var(--tracking-tight);text-transform:uppercase;line-height:.95}.cc-chunky{text-shadow:0 2px 0 rgba(0,0,0,.7),0 4px 0 rgba(0,0,0,.6),0 6px 14px rgba(0,0,0,.55)}.cc-spray-pink{color:var(--cta)}.cc-spray-yellow{color:var(--energy)}.cc-spray-teal{color:var(--hunger)}.cc-spray-purple{color:var(--epic)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.reveal{opacity:1}.reveal-inner{transform:none}}@layer components{.cc-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:none;cursor:pointer;position:relative;border-radius:var(--radius-pill);font-family:var(--font-display);letter-spacing:var(--tracking-wide);color:var(--ds-text);text-decoration:none;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),border-color var(--dur-mid) var(--ease-out),color var(--dur-mid) var(--ease-out)}.cc-btn--sm{padding:12px 22px;font-size:16px}.cc-btn--md{padding:18px 28px;font-size:18px}.cc-btn--lg{padding:20px 36px;font-size:22px}.cc-btn--primary{background:var(--ds-action);color:var(--ds-text-on-action);box-shadow:var(--shadow-press),var(--shadow-glow),inset 0 -3px #00000026}.cc-btn--primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-press-hover),var(--shadow-glow-hover)}.cc-btn--primary:active{transform:translateY(4px);box-shadow:var(--shadow-press-active)}.cc-btn--secondary{background:transparent;color:var(--ds-text);border:2px solid var(--ds-border-strong)}.cc-btn--secondary:hover{border-color:var(--energy);color:var(--energy);transform:translateY(-2px)}.cc-btn--ghost{background:var(--ds-surface-raised);color:var(--ds-text-soft);border:1px solid var(--ds-border-strong)}.cc-btn--ghost:hover{color:var(--ds-text);border-color:var(--ds-action);transform:translateY(-2px)}.cc-btn--ring:after{content:"";position:absolute;inset:4px;border-radius:var(--radius-pill);border:2px dashed rgba(255,255,255,.25);pointer-events:none;animation:spinDash 18s linear infinite}}@layer components{.cc-card{--accent: var(--ds-accent);background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);position:relative;transition:transform var(--dur-mid) var(--ease-out),border-color var(--dur-mid) var(--ease-out),box-shadow var(--dur-mid) var(--ease-out)}.cc-card--pad-sm{padding:var(--space-4)}.cc-card--pad{padding:var(--space-6)}.cc-card--pad-lg{padding:var(--space-10)}.cc-card--interactive{cursor:pointer}.cc-card--interactive:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:var(--shadow-card-hover),0 0 0 1px var(--accent)}.cc-card--shift{transition:transform var(--dur-mid) var(--ease-out),border-color var(--dur-mid) var(--ease-out)}.cc-card--shift:hover{transform:translate(6px);border-color:var(--accent)}.cc-card--glow{overflow:hidden;isolation:isolate}.cc-card--glow:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% -20%,var(--accent),transparent 60%);opacity:.18;pointer-events:none;transition:opacity var(--dur-mid) var(--ease-out)}.cc-card--glow.cc-card--interactive:hover:before{opacity:.32}}@layer components{.cc-eyebrow{--accent: var(--ds-action);display:inline-flex;align-items:center;gap:10px;font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--accent)}.cc-eyebrow .bar{width:32px;height:2px;background:var(--accent)}.cc-badge{--accent: var(--ds-action);display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);color:var(--accent);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase}.cc-blink{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor;animation:pulse 1.2s ease-in-out infinite}.cc-pill{--accent: var(--ds-action);display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-pill);font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);background:#0000008c;color:var(--accent);border:1px solid var(--accent);backdrop-filter:blur(6px)}.cc-pill--solid{background:var(--accent);color:#1a1505;border:2px solid var(--ds-bg-alt)}}@layer components{.cc-progress{--accent: var(--energy);--accent-2: var(--energy-2);height:var(--cc-progress-h, 8px);background:var(--ds-surface-raised);border-radius:var(--radius-pill);overflow:hidden;position:relative}.cc-progress>i,.cc-progress__fill{display:block;height:100%;width:0;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width var(--dur-fill) var(--ease-bounce)}.in .cc-progress>i,.in .cc-progress__fill,.cc-progress.in>i,.cc-progress.in .cc-progress__fill{width:var(--value, 0%)}}@layer components{.cc-section{padding:var(--space-32) var(--space-10);max-width:1280px;margin:0 auto;position:relative}.cc-section-title{font-family:var(--font-display);font-size:var(--display-md);line-height:var(--leading-display);text-transform:uppercase;margin-bottom:var(--space-6)}.cc-lede{font-size:clamp(16px,1.3vw,19px);color:var(--ds-text-soft);max-width:620px;line-height:var(--leading-relaxed)}@media(max-width:760px){.cc-section{padding:var(--space-20) var(--space-5)}}}@layer components{.cc-nav{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:18px 36px;z-index:var(--z-nav);border-bottom:1px solid transparent;transition:backdrop-filter var(--dur-mid),background var(--dur-mid),border-color var(--dur-mid)}.cc-nav.scrolled,.cc-nav--scrolled{background:#12161cb8;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border-bottom-color:var(--ds-border)}.cc-nav-brand{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-size:22px;letter-spacing:var(--tracking-normal)}.cc-nav-brand .dot{width:12px;height:12px;border-radius:50%;background:var(--ds-action);box-shadow:0 0 0 4px #ff4f7a2e;animation:pulse 1.4s ease-in-out infinite}@media(max-width:760px){.cc-nav{padding:14px 18px}}}@layer components{.cc-field{display:flex;flex-direction:column;gap:var(--space-2)}.cc-label{font-size:var(--text-sm);color:var(--ds-text-soft);letter-spacing:var(--tracking-normal)}.cc-input,.cc-select,.cc-textarea{width:100%;background:var(--ds-surface-raised);color:var(--ds-text);border:1px solid var(--ds-border-strong);border-radius:var(--radius-md);padding:12px 14px;font-family:var(--font-body);font-size:var(--text-base);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.cc-textarea{min-height:96px;resize:vertical}.cc-input::placeholder,.cc-textarea::placeholder{color:var(--ds-text-muted)}.cc-input:focus,.cc-select:focus,.cc-textarea:focus{outline:none;border-color:var(--ds-action);box-shadow:0 0 0 3px #ff4f7a2e}.cc-switch{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;user-select:none;color:var(--ds-text);font-size:var(--text-sm)}.cc-switch input{position:absolute;opacity:0;width:0;height:0}.cc-switch__track{flex-shrink:0;width:42px;height:24px;border-radius:var(--radius-pill);background:var(--ds-surface-raised);border:1px solid var(--ds-border-strong);position:relative;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.cc-switch__track:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--ds-text-soft);transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.cc-switch input:checked+.cc-switch__track{background:var(--ds-action);border-color:var(--ds-action)}.cc-switch input:checked+.cc-switch__track:after{transform:translate(18px);background:#fff}.cc-switch input:focus-visible+.cc-switch__track{box-shadow:0 0 0 3px #ff4f7a2e}}@layer components{.cc-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--ds-border);border-radius:var(--radius-lg);background:var(--ds-surface)}.cc-table{--accent: var(--ds-accent);width:100%;border-collapse:collapse;font-size:var(--text-sm);color:var(--ds-text)}.cc-table thead th{text-align:left;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-weight:600;font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ds-text-soft);border-bottom:1px solid var(--ds-border-strong);white-space:nowrap}.cc-table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--ds-border);vertical-align:middle}.cc-table tbody tr:last-child td{border-bottom:none}.cc-table tbody tr{transition:background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.cc-table--rows tbody tr{cursor:pointer}.cc-table--rows tbody tr:hover{background:var(--ds-surface-raised);box-shadow:inset 3px 0 0 var(--accent)}.cc-table__state{padding:var(--space-10) var(--space-4);text-align:center;color:var(--ds-text-muted)}}@layer components{.cc-tabs{display:flex;gap:var(--space-2);border-bottom:1px solid var(--ds-border-strong)}.cc-tab{appearance:none;background:none;border:none;cursor:pointer;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;letter-spacing:var(--tracking-normal);color:var(--ds-text-soft);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.cc-tab:hover{color:var(--ds-text)}.cc-tab--active{color:var(--ds-text);border-bottom-color:var(--ds-action)}}@layer components{.cc-overlay{position:fixed;inset:0;z-index:var(--z-overlay);display:flex;align-items:flex-start;justify-content:center;padding:var(--space-12) var(--space-4);overflow-y:auto;background:#080a0eb3;backdrop-filter:blur(4px)}.cc-modal{width:100%;max-width:560px;background:var(--ds-surface);border:1px solid var(--ds-border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-card-hover);padding:var(--space-8)}.cc-modal--wide{max-width:760px}.cc-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.cc-modal__title{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:var(--tracking-normal);color:var(--ds-text)}.cc-modal__close{appearance:none;background:none;border:none;color:var(--ds-text-muted);cursor:pointer;font-size:var(--text-2xl);line-height:1;transition:color var(--dur-fast) var(--ease-out)}.cc-modal__close:hover{color:var(--ds-text)}.cc-modal__footer{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-8)}}@layer components{.reveal{opacity:0;transition:opacity var(--dur-slow) var(--ease-out)}.reveal.in{opacity:1}.reveal-inner{transform:translateY(40px);transition:transform var(--dur-slow) var(--ease-out)}.reveal.in .reveal-inner{transform:none}}