@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--color-bg-primary: #000000;--color-bg-secondary: #0a0a0a;--color-bg-tertiary: #111111;--color-bg-elevated: #1a1a1a;--color-glass: rgba(255, 255, 255, .04);--color-glass-border: rgba(255, 255, 255, .08);--color-glass-hover: rgba(255, 255, 255, .08);--color-glass-strong: rgba(255, 255, 255, .06);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .65);--color-text-tertiary: rgba(255, 255, 255, .45);--color-text-muted: rgba(255, 255, 255, .25);--color-accent: #c9a962;--color-accent-soft: rgba(201, 169, 98, .15);--color-accent-glow: rgba(201, 169, 98, .25);--color-border: rgba(255, 255, 255, .06);--color-border-hover: rgba(255, 255, 255, .12);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 24px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 48px rgba(0, 0, 0, .6);--shadow-glow: 0 0 40px rgba(255, 255, 255, .03);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.22, 1, .36, 1);--transition-normal: .3s cubic-bezier(.22, 1, .36, 1);--transition-slow: .5s cubic-bezier(.22, 1, .36, 1);--transition-smooth: .8s cubic-bezier(.22, 1, .36, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg-primary);color:var(--color-text-primary);text-rendering:optimizeLegibility}canvas{display:block;touch-action:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#ffffff40}button{font-family:inherit;border:none;background:none;cursor:pointer;outline:none}*:focus-visible{outline:1px solid rgba(255,255,255,.3);outline-offset:2px}.no-select{-webkit-user-select:none;user-select:none}.glass-card{background:var(--color-glass);backdrop-filter:blur(40px) saturate(150%);-webkit-backdrop-filter:blur(40px) saturate(150%);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md),var(--shadow-glow),inset 0 1px #ffffff0a}.pill-nav{background:var(--color-glass);backdrop-filter:blur(40px) saturate(150%);-webkit-backdrop-filter:blur(40px) saturate(150%);border:1px solid var(--color-glass-border);border-radius:var(--radius-full);box-shadow:var(--shadow-md),inset 0 1px #ffffff0a}.glass-button{background:#ffffff0a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);padding:12px 24px;font-size:13px;font-weight:500;color:#fffc;letter-spacing:.02em;transition:all var(--transition-normal);cursor:pointer}.glass-button:hover{background:#ffffff14;border-color:#ffffff26;box-shadow:0 8px 32px #0000004d}.key-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 var(--space-sm);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);font-size:11px;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.display-text{font-family:var(--font-display);font-weight:300;letter-spacing:-.02em;line-height:.95}.display-text-italic{font-family:var(--font-display);font-weight:400;font-style:italic;letter-spacing:-.01em}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.gradient-text{background:linear-gradient(135deg,#fff,#fff9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes loaderSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loaderPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.98)}}@keyframes loaderProgress{0%{stroke-dashoffset:226.195}to{stroke-dashoffset:0}}.noise-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.015;pointer-events:none;mix-blend-mode:overlay}@media (max-width: 768px){:root{--space-xs: 2px;--space-sm: 6px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 32px;--space-3xl: 48px;--space-4xl: 64px}html,body,#root{overflow-x:hidden}::-webkit-scrollbar{width:2px}.glass-button{padding:10px 18px;font-size:12px}.key-badge{min-width:20px;height:20px;font-size:10px}}@media (max-width: 390px){:root{--space-lg: 12px;--space-xl: 16px}}@media (min-width: 769px) and (max-width: 1024px){:root{--space-xl: 28px;--space-2xl: 40px}}@media (max-width: 896px) and (orientation: landscape){html,body,#root{overflow:hidden!important}}@media (hover: none) and (pointer: coarse){.glass-button{min-height:44px}button{-webkit-tap-highlight-color:transparent}}@supports (padding: env(safe-area-inset-top)){.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-left{padding-left:env(safe-area-inset-left)}.safe-area-right{padding-right:env(safe-area-inset-right)}}