:root{--color-bg-primary:#0a0814;--color-bg-secondary:#0d0b1a;--color-bg-card:#12102a;--color-gold:#c9a84c;--color-gold-light:#e8cc80;--color-gold-dim:#8b6f2e;--color-teal:#4abcd4;--color-teal-dim:#2a8fa8;--color-cream:#f5f0e8;--color-cream-dim:#bdb5a6;--color-bokeh-rose:#6b2b3a66;--color-bokeh-violet:#5028784d;--color-bokeh-teal:#4abcd41a;--color-gin:#2a1040;--color-gin-mid:#3d1a5c;--color-mocktail:#0d1f3c;--color-mocktail-mid:#1a3a5c;--color-beertail:#1a0f08;--color-beertail-mid:#3d2010;--color-surprise:#1a0a2e;--color-surprise-mid:#3d1f6e;--font-display:"Cinzel", serif;--font-serif:"Cormorant Garamond", serif;--font-sans:"Inter", sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--transition-fast:.15s ease;--transition-base:.3s ease;--transition-slow:.6s ease;--transition-enter:.8s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{background-color:var(--color-bg-primary);color:var(--color-cream);font-family:var(--font-sans);min-height:100dvh;overflow-x:hidden}.font-display{font-family:var(--font-display)}.font-serif{font-family:var(--font-serif)}.font-sans{font-family:var(--font-sans)}.text-gold{color:var(--color-gold)}.text-teal{color:var(--color-teal)}.text-cream{color:var(--color-cream)}.text-cream-dim{color:var(--color-cream-dim)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-gold-dim);border-radius:2px}::selection{color:var(--color-gold-light);background:#c9a84c4d}:focus-visible{outline:2px solid var(--color-gold);outline-offset:3px;border-radius:var(--radius-sm)}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pulse-gold{0%,to{opacity:1}50%{opacity:.5}}@keyframes bokeh-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(20px,-30px)scale(1.1)}66%{transform:translate(-15px,20px)scale(.9)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-enter) both}.animate-fade-in-scale{animation:fadeInScale var(--transition-enter) both}.animate-slide-up{animation:slideUp var(--transition-enter) both}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.animate-delay-5{animation-delay:.5s}.text-shimmer{background:linear-gradient(90deg, var(--color-gold-dim) 0%, var(--color-gold-light) 40%, var(--color-gold) 50%, var(--color-gold-light) 60%, var(--color-gold-dim) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite shimmer}.gold-border{border:1px solid var(--color-gold)}.glass{-webkit-backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #c9a84c33}.paper-texture{pointer-events:none;z-index:10;opacity:.12;mix-blend-mode:overlay;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.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.screen{flex-direction:column;width:100%;min-height:100dvh;display:flex;position:relative;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-base);border:none;font-size:.875rem;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--transition-fast);background:#fff;position:absolute;inset:0}.btn:hover:after{opacity:.05}.btn:active:after{opacity:.1}.btn-gold{background:linear-gradient(135deg, var(--color-gold-dim), var(--color-gold), var(--color-gold-light));color:var(--color-bg-primary);font-weight:600;box-shadow:0 4px 24px #c9a84c4d}.btn-gold:hover{transform:translateY(-1px);box-shadow:0 6px 32px #c9a84c80}.btn-outline{color:var(--color-gold);border:1px solid var(--color-gold);background:0 0}.btn-outline:hover{background:#c9a84c1a}.btn-ghost{color:var(--color-cream-dim);background:0 0;font-size:.8rem}.btn-ghost:hover{color:var(--color-cream)}.input-field{border-radius:var(--radius-md);width:100%;padding:var(--space-4) var(--space-5);color:var(--color-cream);font-family:var(--font-serif);transition:all var(--transition-base);background:#ffffff0f;border:1px solid #c9a84c4d;outline:none;font-size:1.1rem}.input-field::placeholder{color:#f5f0e84d;font-style:italic}.input-field:focus{border-color:var(--color-gold);background:#c9a84c0f;box-shadow:0 0 0 3px #c9a84c1f}.gold-divider{align-items:center;gap:var(--space-3);width:100%;display:flex}.gold-divider:before,.gold-divider:after{content:"";background:linear-gradient(90deg, transparent, var(--color-gold), transparent);flex:1;height:1px}.gold-divider-dot{background:var(--color-gold);border-radius:50%;flex-shrink:0;width:4px;height:4px}