:root{--color-primary: #302B65;--color-primary-deep: #26214F;--color-primary-soft: #575096;--color-lilac: #B9B3E8;--color-on-primary: #FFFFFF;--color-bg: #F1F2F4;--color-surface: #FFFFFF;--color-text: #1B1A2E;--color-text-dim: #63666D;--color-border: #D6D8DC;--color-accent: #302B65;--color-booth: #16A34A;--color-ny: #D97706;--font-display: "Inter", -apple-system, system-ui, sans-serif;--font-body: "Inter", -apple-system, system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;--radius: 8px;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 40px;--touch-min: 44px;--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{padding-left:var(--safe-left);padding-right:var(--safe-right);padding-bottom:var(--safe-bottom)}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}em{font-style:normal}button,input,select,textarea{font-family:inherit}.mono{font-family:var(--font-mono)}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary-soft)}.filter-rail{background:#e9e7f5;border-right:1px solid rgba(48,43,101,.28)}@media (min-width: 700px){.filter-rail{position:sticky;top:var(--rail-top, 143px);align-self:flex-start;max-height:calc(100vh - var(--rail-top, 143px));overflow-y:auto}}.carat-slider{position:relative;height:44px;margin:0 4px 8px;touch-action:none}.carat-slider:before,.carat-slider-fill{content:"";position:absolute;top:20px;height:4px;border-radius:2px}.carat-slider:before{left:0;right:0;background:var(--color-border)}.carat-slider-fill{background:var(--color-primary)}.carat-slider input[type=range]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:44px;margin:0;background:none;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.carat-slider input[type=range]::-webkit-slider-runnable-track{background:none;height:44px}.carat-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:28px;height:28px;margin-top:8px;border-radius:50%;background:#fff;border:3px solid var(--color-primary);box-shadow:0 1px 4px #0000004d;cursor:grab}.carat-slider input[type=range]::-moz-range-thumb{pointer-events:auto;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--color-primary);cursor:grab}.offline-spin{display:inline-block;width:12px;height:12px;border-radius:999px;border:2px solid rgba(252,211,77,.35);border-top-color:#fcd34d;animation:offline-spin .8s linear infinite;vertical-align:-2px}.offline-spin.dark{border-color:#302b6533;border-top-color:var(--color-primary)}@keyframes offline-spin{to{transform:rotate(360deg)}}.idle-hero{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;cursor:pointer;overflow:hidden;background:radial-gradient(120% 90% at 85% 40%,#3a3478,#302b65 45%,#26214f);display:grid;grid-template-columns:minmax(320px,38%) 1fr;align-items:center;padding:clamp(24px,5vw,64px);padding-bottom:calc(clamp(24px,5vw,64px) + var(--safe-bottom));gap:clamp(20px,4vw,56px)}.idle-copy{display:flex;flex-direction:column;position:relative;z-index:1}.idle-collage{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(10px,1.4vw,18px);align-content:center;justify-self:center;width:min(100%,calc((100vh - (2*clamp(24px,5vw,64px)))*1.12));animation:idle-float 8s ease-in-out infinite}.idle-card{position:relative;aspect-ratio:16 / 9;border-radius:14px;overflow:hidden;background:#000;border:1px solid rgba(185,179,232,.3);box-shadow:0 14px 34px #0a081e73}.idle-card video{width:100%;height:100%;object-fit:cover;display:block}.idle-card-label{position:absolute;left:10px;bottom:10px;padding:4px 10px;border-radius:999px;background:#26214fc7;color:#fff;font-size:12px;font-weight:600;letter-spacing:.3px}@keyframes idle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (prefers-reduced-motion: reduce){.idle-collage{animation:none}}@media (max-width: 900px){.idle-hero{grid-template-columns:1fr;grid-template-rows:1fr auto;align-items:end}.idle-collage{order:-1;align-self:center;width:min(100%,calc((100vh - 360px)*1.12))}}