:root{--emerald-50: #ecfdf5;--emerald-100: #d1fae5;--emerald-200: #a7f3d0;--emerald-300: #6ee7b7;--emerald-400: #34d399;--emerald-500: #10b981;--emerald-600: #059669;--emerald-700: #047857;--emerald-800: #065f46;--emerald-900: #064e3b;--emerald-950: #022c22;--gold-50: #fffbeb;--gold-100: #fef3c7;--gold-200: #fde68a;--gold-300: #f5d77a;--gold-400: #fbbf24;--gold-500: #d4af37;--gold-600: #aa8c2c;--gold-700: #92400e;--gold-800: #78350f;--gold-900: #451a03;--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #e5e5e5;--neutral-300: #d4d4d4;--neutral-400: #a3a3a3;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #262626;--neutral-900: #171717;--neutral-950: #0a0a0a;--wine-dark: #1a0505;--wine-mid: #4a0e0e;--wine-light: #7c1d1d;--wine-accent: #991b1b;--whiskey-dark: #78350f;--whiskey-mid: #8b4513;--whiskey-light: #d4a574;--whiskey-accent: #f59e0b;--raki-dark: #6b7280;--raki-mid: #9ca3af;--raki-light: #e8e8e8;--raki-accent: #f3f4f6;--beer-dark: #78350f;--beer-mid: #b45309;--beer-light: #f59e0b;--beer-accent: #fcd34d;--vodka-dark: #0c4a6e;--vodka-mid: #0369a1;--vodka-light: #7dd3fc;--vodka-accent: #e0f2fe;--gin-dark: #064e3b;--gin-mid: #059669;--gin-light: #6ee7b7;--gin-accent: #d1fae5;--tequila-dark: #365314;--tequila-mid: #84cc16;--tequila-light: #bef264;--tequila-accent: #ca8a04;--glass-bg: rgba(0, 0, 0, .4);--glass-bg-hover: rgba(0, 0, 0, .5);--glass-border: rgba(255, 255, 255, .12);--glass-border-hover: rgba(255, 255, 255, .2);--glass-blur: 24px;--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .375vw, 1rem);--text-base: clamp(1rem, .9rem + .5vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .625vw, 1.25rem);--text-xl: clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.25rem + 1.25vw, 2rem);--text-3xl: clamp(1.875rem, 1.5rem + 1.875vw, 2.5rem);--text-4xl: clamp(2.25rem, 1.75rem + 2.5vw, 3rem);--text-5xl: clamp(3rem, 2.25rem + 3.75vw, 4rem);--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--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;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--duration-slower: .7s;--duration-slowest: 1s;--ease-out: cubic-bezier(.33, 1, .68, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--z-background: -1;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-popover: 400;--z-tooltip: 500;--z-overlay: 600;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(212, 175, 55, .3);--shadow-glow-lg: 0 0 40px rgba(212, 175, 55, .4)}.liquid-button{position:relative;width:100%;padding:var(--space-5) var(--space-6);border-radius:var(--radius-2xl);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);color:var(--neutral-100);font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--font-medium);cursor:pointer;overflow:hidden;transition:all var(--duration-normal) var(--ease-out);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.liquid-button:before{content:"";position:absolute;bottom:0;left:0;right:0;height:0%;background:var(--liquid-gradient, linear-gradient(180deg, rgba(212, 175, 55, .3) 0%, rgba(212, 175, 55, .1) 100% ));transition:height var(--duration-slow) var(--ease-spring);z-index:0}.liquid-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(var(--reflection-angle, 135deg),rgba(255,255,255,.4) 0%,rgba(255,255,255,.1) 30%,rgba(255,255,255,0) 50%,rgba(255,255,255,.05) 80%,rgba(255,255,255,.2) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out)}.liquid-button__content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.liquid-button__icon{font-size:var(--text-2xl);line-height:1}.liquid-button__text{display:flex;flex-direction:column;align-items:flex-start}.liquid-button__label{font-weight:var(--font-semibold)}.liquid-button__subtitle{font-size:var(--text-sm);color:var(--neutral-400);font-weight:var(--font-normal)}.liquid-button:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-2px);box-shadow:var(--glass-shadow),var(--shadow-glow)}.liquid-button:hover:before{height:100%}.liquid-button:active{transform:translateY(0);transition-duration:var(--duration-fast)}.liquid-button:focus-visible{outline:2px solid var(--gold-500);outline-offset:2px}.liquid-button__ripple{position:absolute;border-radius:50%;background:radial-gradient(circle,#d4af3766,#d4af3700 70%);transform:scale(0);animation:ripple var(--duration-slow) var(--ease-out) forwards;pointer-events:none;z-index:0}@keyframes ripple{to{transform:scale(4);opacity:0}}.liquid-button[data-alcohol=wine]{--liquid-gradient: linear-gradient(180deg, rgba(74, 14, 14, .5) 0%, rgba(26, 5, 5, .8) 100% )}.liquid-button[data-alcohol=wine]:hover{border-color:var(--wine-mid)}.liquid-button[data-alcohol=whiskey]{--liquid-gradient: linear-gradient(180deg, rgba(212, 165, 116, .5) 0%, rgba(139, 69, 19, .8) 100% )}.liquid-button[data-alcohol=whiskey]:hover{border-color:var(--whiskey-light)}.liquid-button[data-alcohol=raki]{--liquid-gradient: linear-gradient(180deg, rgba(232, 232, 232, .5) 0%, rgba(156, 163, 175, .8) 100% )}.liquid-button[data-alcohol=raki]:hover{border-color:var(--raki-light)}.liquid-button[data-alcohol=beer]{--liquid-gradient: linear-gradient(180deg, rgba(245, 158, 11, .5) 0%, rgba(120, 53, 15, .8) 100% )}.liquid-button[data-alcohol=beer]:hover{border-color:var(--beer-light)}.liquid-button[data-alcohol=vodka]{--liquid-gradient: linear-gradient(180deg, rgba(224, 242, 254, .5) 0%, rgba(12, 74, 110, .8) 100% )}.liquid-button[data-alcohol=vodka]:hover{border-color:var(--vodka-light)}.liquid-button[data-alcohol=gin]{--liquid-gradient: linear-gradient(180deg, rgba(209, 250, 229, .5) 0%, rgba(6, 78, 59, .8) 100% )}.liquid-button[data-alcohol=gin]:hover{border-color:var(--gin-light)}.liquid-button[data-alcohol=tequila]{--liquid-gradient: linear-gradient(180deg, rgba(132, 204, 22, .5) 0%, rgba(202, 138, 4, .8) 100% )}.liquid-button[data-alcohol=tequila]:hover{border-color:var(--tequila-mid)}.liquid-button--unsure{background:transparent;border-style:dashed;border-color:var(--neutral-600);color:var(--neutral-400);font-size:var(--text-base);padding:var(--space-4) var(--space-5)}.liquid-button--unsure:hover{background:#ffffff08;border-color:var(--neutral-500);color:var(--neutral-300);box-shadow:none}.liquid-button--unsure:before{background:linear-gradient(180deg,#ffffff0d,#ffffff05)}.liquid-button--primary{background:linear-gradient(135deg,var(--gold-600),var(--gold-500));border-color:var(--gold-500);color:var(--emerald-950);font-weight:var(--font-semibold)}.liquid-button--primary:hover{background:linear-gradient(135deg,var(--gold-500),var(--gold-400));box-shadow:var(--shadow-glow-lg)}.liquid-button--primary:before{display:none}.liquid-button--secondary{background:transparent;border-color:var(--gold-600);color:var(--gold-400)}.liquid-button--secondary:hover{background:#d4af371a;border-color:var(--gold-500);color:var(--gold-300)}.liquid-button--sm{padding:var(--space-3) var(--space-4);font-size:var(--text-base);border-radius:var(--radius-xl)}.liquid-button--lg{padding:var(--space-6) var(--space-8);font-size:var(--text-xl);border-radius:var(--radius-3xl)}#background-container{background:radial-gradient(ellipse at 50% 0%,#043d2e,#021f19,#010d0b)}.bg-wine{background:radial-gradient(ellipse at 50% 100%,#350a0a,#120404 60%,#050101)!important}.bg-whiskey{background:radial-gradient(ellipse at 50% 100%,#61300d,#54250a 60%,#120a04)!important}.bg-raki{background:radial-gradient(ellipse at 50% 100%,#a3a3a3,#6d7278 40%,#1a1a1a)!important}.bg-beer{background:radial-gradient(ellipse at 50% 100%,#ab6f08,#7f3a06,#54250a)!important}.bg-vodka{background:radial-gradient(ellipse at 50% 0%,#9dd5f2,#58a4c8 30%,#08344d)!important}.bg-gin{background:radial-gradient(ellipse at 50% 100%,#92dfc9,#046949,#043729)!important}.bg-tequila{background:radial-gradient(ellipse at 50% 100%,#85a933,#5c8f10 40%,#253a0e)!important}#background-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000040;pointer-events:none}.bubble{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff6,#ffffff1a,#ffffff0d);pointer-events:none;will-change:transform,opacity}.bubble--small{width:8px;height:8px}.bubble--medium{width:16px;height:16px}.bubble--large{width:24px;height:24px}.bubble--beer{background:radial-gradient(circle at 30% 30%,#fcd34d80,#f59e0b33,#f59e0b1a)}.bubble--raki{background:radial-gradient(circle at 30% 30%,#fffc,#ffffff4d,#ffffff1a)}.ambient-light{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;opacity:.2;will-change:opacity,transform}.ambient-light--gold{background:var(--gold-500)}.ambient-light--emerald{background:var(--emerald-500)}.bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--duration-slow) var(--ease-out);pointer-events:none}.bg-overlay--active{opacity:1}.bg-noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");pointer-events:none}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--neutral-100);background-color:var(--emerald-950);min-height:100vh;min-height:100dvh;overflow-x:hidden;-webkit-tap-highlight-color:transparent}#app{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}#background-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-background);pointer-events:none;transition:background var(--duration-slow) var(--ease-out)}#bubbles-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-base);pointer-events:none;overflow:hidden}#screen-container{position:relative;z-index:var(--z-base);flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);min-height:100vh;min-height:100dvh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--neutral-50)}h1{font-size:var(--text-4xl);letter-spacing:var(--tracking-tight)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}p{color:var(--neutral-300)}.screen{width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;gap:var(--space-8);animation:fadeIn var(--duration-slow) var(--ease-out)}.screen__header{text-align:center;margin-bottom:var(--space-4)}.screen__title{font-size:var(--text-3xl);margin-bottom:var(--space-3);background:linear-gradient(135deg,var(--gold-300),var(--gold-500),var(--gold-300));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.screen__subtitle{font-size:var(--text-lg);color:var(--neutral-400);font-style:italic}.screen__step{font-size:var(--text-sm);color:var(--gold-500);letter-spacing:var(--tracking-widest);text-transform:uppercase;margin-bottom:var(--space-2)}.options-grid{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.options-grid--compact{gap:var(--space-3)}.progress-bar{position:fixed;top:0;left:0;right:0;height:3px;background:var(--glass-bg);z-index:var(--z-sticky)}.progress-bar__fill{height:100%;background:linear-gradient(90deg,var(--gold-500),var(--gold-300));transition:width var(--duration-normal) var(--ease-out);box-shadow:0 0 10px var(--gold-500)}.back-button{position:fixed;top:var(--space-6);left:var(--space-6);width:48px;height:48px;border-radius:var(--radius-full);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);color:var(--neutral-300);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-normal) var(--ease-out);z-index:var(--z-sticky)}.back-button:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);color:var(--neutral-100);transform:scale(1.05)}.back-button svg{width:24px;height:24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.text-gold{color:var(--gold-500)}.text-center{text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:640px){#screen-container{padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom))}.back-button{top:var(--space-4);left:var(--space-4);width:44px;height:44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}