:root{--sc-black: #000000;--sc-white: #FFFFFF;--sc-blue: #2D85F3;--sc-green: #21C49F;--sc-pink: #FB62AA;--sc-yellow: #F7DB1C;--sc-dark-gray: #191919;--sc-medium-gray: #666666;--sc-gray: #CCCCCC;--sc-light-gray: #F2F2F2;--surface-dark: #0a0a0a;--surface-elevated: rgba(255, 255, 255, .04);--surface-card: rgba(255, 255, 255, .08);--border-subtle: rgba(255, 255, 255, .1);--border-accent: rgba(45, 133, 243, .3);--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .6);--text-tertiary: rgba(255, 255, 255, .35);--font-headline: "Supercell Headline", "Arial Black", sans-serif;--font-body: "Supercell Text", "Open Sans", sans-serif;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.3, .64, 1);--duration-fast: .2s;--duration-normal: .4s;--duration-slow: .6s;--duration-cinematic: .8s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-weight:400;color:var(--text-primary);background:var(--sc-black);min-height:100vh;overflow:hidden;line-height:1.5}.app{position:relative;width:100vw;height:100vh;display:grid;grid-template-rows:1fr auto}.avatar-container{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 40%,#0f0f12 0%,var(--sc-black) 100%)}#avatar-video{width:100%;height:100%;object-fit:cover;opacity:.95}.avatar-container:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,var(--sc-black) 100%);pointer-events:none}.panel{position:fixed;top:50%;width:340px;max-height:calc(100vh - var(--space-xl) * 2);overflow-y:auto;padding:var(--space-md);border-radius:16px;background:#000000d9;backdrop-filter:blur(40px) saturate(150%);-webkit-backdrop-filter:blur(40px) saturate(150%);border:1px solid var(--border-subtle);box-shadow:0 0 0 1px #ffffff0d inset,0 20px 50px -10px #000000b3,0 0 100px -40px var(--sc-blue);opacity:0;visibility:hidden;transition:transform var(--duration-cinematic) var(--ease-out-expo),opacity var(--duration-slow) var(--ease-out-expo),visibility 0ms var(--duration-cinematic);z-index:100}.panel.visible{opacity:1;visibility:visible;transition:transform var(--duration-cinematic) var(--ease-out-expo),opacity var(--duration-slow) var(--ease-out-expo),visibility 0ms}.panel-left{left:var(--space-lg);transform:translateY(-50%) translate(-120%)}.panel-left.visible{transform:translateY(-50%) translate(0)}.panel-right{right:var(--space-lg);transform:translateY(-50%) translate(120%)}.panel-right.visible{transform:translateY(-50%) translate(0)}.panel.spotlight{border-color:var(--sc-blue);box-shadow:0 0 0 1px #2d85f333 inset,0 20px 50px -10px #000000b3,0 0 80px -20px var(--sc-blue)}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle)}.panel-header h2{font-family:var(--font-headline);font-weight:900;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--sc-blue)}.close-btn{width:28px;height:28px;border:none;background:var(--surface-elevated);color:var(--text-secondary);border-radius:50%;font-size:16px;cursor:pointer;transition:all var(--duration-fast) ease;display:grid;place-items:center}.close-btn:hover{background:var(--surface-card);color:var(--text-primary);transform:scale(1.1)}.item-card{background:linear-gradient(165deg,#ffffff0f,#ffffff05);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden;animation:cardReveal var(--duration-cinematic) var(--ease-out-back) backwards}@keyframes cardReveal{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.item-image{height:100px;position:relative;display:flex;align-items:center;justify-content:center;background:#0000004d;padding:12px}.item-image img{max-height:80px;max-width:80px;object-fit:contain}.item-badge{position:absolute;top:8px;left:8px;font-family:var(--font-headline);font-size:.5rem;text-transform:uppercase;letter-spacing:.1em;padding:4px 8px;background:var(--sc-blue);color:var(--sc-white);border-radius:4px;z-index:1}.item-info{padding:12px}.item-name{font-family:var(--font-headline);font-size:1rem;font-weight:900;text-transform:uppercase;color:var(--sc-white);line-height:1.1;letter-spacing:.02em;margin:0 0 6px}.item-description{font-family:var(--font-body);font-size:.75rem;color:var(--text-secondary);line-height:1.4;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:3px}.item-feature{display:flex;align-items:center;gap:5px;font-family:var(--font-body);font-size:.65rem;color:var(--text-secondary);line-height:1.2}.item-feature svg{width:10px;height:10px;flex-shrink:0;color:var(--sc-green)}.item-feature span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-price{padding:10px 12px;background:#0000004d;display:flex;align-items:center;justify-content:space-between;gap:8px}.item-price-original{font-family:var(--font-body);font-size:.75rem;color:var(--text-tertiary);text-decoration:line-through;display:none}.item-price-original.visible{display:inline}.item-price-current{font-family:var(--font-headline);font-size:1.4rem;font-weight:900;color:var(--sc-white);line-height:1}.item-price-current.deal{color:var(--sc-green)}.item-savings{font-family:var(--font-body);font-size:.65rem;font-weight:600;color:var(--sc-green);background:#21c49f26;padding:3px 6px;border-radius:4px;display:none}.item-savings.visible{display:inline}.price-display{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2xs);padding:var(--space-md);background:var(--surface-elevated);border-radius:12px;border:1px solid var(--border-subtle);transition:all var(--duration-normal) ease}.price-display.deal{background:#21c49f1a;border-color:#21c49f4d}.price-original{font-family:var(--font-body);font-size:.85rem;color:var(--text-tertiary);text-decoration:line-through;opacity:0;height:0;transition:all var(--duration-normal) ease}.price-original.visible{opacity:1;height:auto;margin-bottom:var(--space-2xs)}.price-current{display:flex;align-items:baseline;gap:var(--space-xs)}.price-currency{font-family:var(--font-headline);font-size:1.2rem;color:var(--text-primary)}.price-amount{font-family:var(--font-headline);font-size:2.5rem;font-weight:900;color:var(--sc-white);line-height:1;transition:all var(--duration-normal) var(--ease-out-back)}.price-display.deal .price-amount{color:var(--sc-green)}@keyframes priceUpdate{0%{transform:scale(1)}50%{transform:scale(1.15);color:var(--sc-green)}to{transform:scale(1)}}.price-amount.updating{animation:priceUpdate var(--duration-slow) var(--ease-out-back)}.price-label{font-family:var(--font-body);font-size:.7rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em}.savings-badge{display:inline-flex;align-items:center;gap:var(--space-2xs);font-family:var(--font-headline);font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;padding:5px 10px;background:var(--sc-green);color:var(--sc-black);border-radius:4px;margin-top:var(--space-xs);opacity:0;transform:translateY(10px);transition:all var(--duration-normal) ease}.savings-badge.visible{opacity:1;transform:translateY(0)}.ai-tag-app{position:fixed;bottom:var(--space-lg);right:var(--space-lg);z-index:50;font-family:var(--font-headline);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px rgba(45,133,243,.4);transform:rotate(-3deg);-webkit-user-select:none;user-select:none}.ai-tag-app:before{content:"AI TEAM";position:absolute;left:1px;top:1px;color:transparent;-webkit-text-stroke:1px rgba(33,196,159,.3);z-index:-1}.status{position:fixed;bottom:var(--space-lg);left:var(--space-lg);padding:8px 16px;background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:100px;font-family:var(--font-headline);font-size:.55rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-tertiary);z-index:50}.status.connected{color:var(--sc-green);border-color:#21c49f4d;background:#21c49f1a}.status.connecting,.status.allow-microphone{color:var(--sc-yellow);border-color:#f7db1c4d;background:#f7db1c1a}.status.disconnected,.status.connection-failed,.status.mic-denied{color:var(--sc-pink);border-color:#fb62aa4d;background:#fb62aa1a}.panel-content{display:flex;flex-direction:column;gap:var(--space-sm);scrollbar-width:none}.panel-content::-webkit-scrollbar{display:none}@keyframes ambientPulse{0%,to{opacity:.4}50%{opacity:.7}}.panel:before{content:"";position:absolute;inset:-3px;border-radius:inherit;background:linear-gradient(135deg,rgba(45,133,243,.3) 0%,transparent 40%,transparent 60%,rgba(33,196,159,.2) 100%);opacity:0;z-index:-1;filter:blur(30px);transition:opacity var(--duration-slow) ease}.panel.visible:before{opacity:1;animation:ambientPulse 4s ease-in-out infinite}@media(max-width:768px){.panel{left:var(--space-md);right:var(--space-md);top:auto;bottom:var(--space-md);transform:translate(0) translateY(calc(100% + var(--space-md)));max-width:none;width:auto;max-height:50vh}.panel-left,.panel-right{left:var(--space-md);right:var(--space-md)}.panel.visible{transform:translate(0) translateY(0)}.ai-tag-app{bottom:auto;top:var(--space-lg);right:var(--space-md)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@font-face{font-family:Supercell Headline;src:url(/assets/supercell-headline-heavy-CJMbi403.woff2) format("woff2"),url(/assets/supercell-headline-heavy-BNH8KF3Q.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Supercell Text;src:url(/assets/supercell-text-regular-CEm046-Q.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Supercell Text;src:url(/assets/supercell-text-medium-G0GqJpos.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}.entry-screen{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}.entry-screen.hidden{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s ease .8s,visibility 0s 1.3s}.snowfall{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}.snowflake{position:absolute;top:-20px;width:8px;height:8px;background:radial-gradient(circle,#ffffffe6,#fff0 70%);border-radius:50%;animation:fall linear infinite;opacity:0}.snowflake:nth-child(1){left:3%;animation-duration:12s;animation-delay:0s;width:6px;height:6px}.snowflake:nth-child(2){left:8%;animation-duration:14s;animation-delay:1s;width:4px;height:4px}.snowflake:nth-child(3){left:13%;animation-duration:10s;animation-delay:2s;width:8px;height:8px}.snowflake:nth-child(4){left:18%;animation-duration:16s;animation-delay:.5s;width:5px;height:5px}.snowflake:nth-child(5){left:23%;animation-duration:11s;animation-delay:3s;width:7px;height:7px}.snowflake:nth-child(6){left:28%;animation-duration:13s;animation-delay:1.5s;width:4px;height:4px}.snowflake:nth-child(7){left:33%;animation-duration:15s;animation-delay:4s;width:6px;height:6px}.snowflake:nth-child(8){left:38%;animation-duration:9s;animation-delay:2.5s;width:8px;height:8px}.snowflake:nth-child(9){left:43%;animation-duration:12s;animation-delay:.8s;width:5px;height:5px}.snowflake:nth-child(10){left:48%;animation-duration:14s;animation-delay:3.5s;width:7px;height:7px}.snowflake:nth-child(11){left:53%;animation-duration:11s;animation-delay:1.2s;width:4px;height:4px}.snowflake:nth-child(12){left:58%;animation-duration:16s;animation-delay:4.5s;width:6px;height:6px}.snowflake:nth-child(13){left:63%;animation-duration:10s;animation-delay:.3s;width:8px;height:8px}.snowflake:nth-child(14){left:68%;animation-duration:13s;animation-delay:2.8s;width:5px;height:5px}.snowflake:nth-child(15){left:73%;animation-duration:15s;animation-delay:1.8s;width:7px;height:7px}.snowflake:nth-child(16){left:78%;animation-duration:9s;animation-delay:3.8s;width:4px;height:4px}.snowflake:nth-child(17){left:83%;animation-duration:12s;animation-delay:.6s;width:6px;height:6px}.snowflake:nth-child(18){left:88%;animation-duration:14s;animation-delay:2.3s;width:8px;height:8px}.snowflake:nth-child(19){left:93%;animation-duration:11s;animation-delay:4.2s;width:5px;height:5px}.snowflake:nth-child(20){left:97%;animation-duration:16s;animation-delay:1.1s;width:7px;height:7px}@keyframes fall{0%{transform:translateY(-20px) rotate(0);opacity:0}10%{opacity:.8}90%{opacity:.6}to{transform:translateY(100vh) rotate(360deg);opacity:0}}.frost-border{position:absolute;inset:0;pointer-events:none;z-index:5;background:radial-gradient(ellipse at top left,rgba(45,133,243,.15) 0%,transparent 40%),radial-gradient(ellipse at top right,rgba(33,196,159,.12) 0%,transparent 40%),radial-gradient(ellipse at bottom left,rgba(33,196,159,.1) 0%,transparent 35%),radial-gradient(ellipse at bottom right,rgba(45,133,243,.12) 0%,transparent 35%)}.frost-border:before{content:"";position:absolute;inset:0;border:3px solid transparent;border-image:linear-gradient(135deg,#ffffff1a,#2d85f34d,#21c49f33,#2d85f34d,#ffffff1a) 1}.entry-logo{position:absolute;bottom:1.5rem;right:1.5rem;height:20px;width:auto;z-index:60;opacity:0;animation:fadeIn .6s ease .4s forwards}@keyframes fadeIn{to{opacity:.9}}.ai-tag{position:absolute;bottom:1.5rem;right:1.5rem;z-index:60;font-family:Supercell Headline,Arial Black,sans-serif;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px rgba(45,133,243,.6);transform:rotate(-3deg) skew(-5deg);opacity:0;animation:tagReveal .8s ease 1.2s forwards;-webkit-user-select:none;user-select:none}.ai-tag:before{content:"AI TEAM";position:absolute;left:2px;top:2px;color:transparent;-webkit-text-stroke:1px rgba(33,196,159,.4);z-index:-1}.ai-tag:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(45,133,243,.5) 20%,rgba(33,196,159,.5) 80%,transparent 100%);transform:scaleX(0);animation:lineReveal .4s ease 1.6s forwards}@keyframes tagReveal{0%{opacity:0;transform:rotate(-3deg) skew(-5deg) translateY(10px)}to{opacity:1;transform:rotate(-3deg) skew(-5deg) translateY(0)}}@keyframes lineReveal{to{transform:scaleX(1)}}.entry-content{position:relative;z-index:60;text-align:center;display:flex;flex-direction:column;align-items:center;padding:0 2rem}.entry-eyebrow{font-family:Supercell Text,Open Sans,sans-serif;font-size:.7rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#2d85f3;margin-bottom:1rem;opacity:0;transform:translateY(10px);animation:slideUp .6s ease .5s forwards}.entry-title{font-family:Supercell Headline,Arial Black,sans-serif;font-size:clamp(2.5rem,8vw,5rem);font-weight:900;letter-spacing:.02em;text-transform:uppercase;color:#fff;line-height:.95;margin:0 0 1rem;text-shadow:0 0 40px rgba(45,133,243,.3),0 4px 20px rgba(0,0,0,.5);opacity:0;transform:translateY(15px);animation:slideUp .7s ease .6s forwards}.entry-subtitle{font-family:Supercell Text,Open Sans,sans-serif;font-size:.95rem;font-weight:400;color:#ccc;letter-spacing:.02em;margin-bottom:2.5rem;max-width:340px;line-height:1.5;opacity:0;transform:translateY(10px);animation:slideUp .6s ease .75s forwards}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.password-form{opacity:0;transform:translateY(10px);animation:slideUp .6s ease .9s forwards}.password-field{display:flex;gap:0;border-radius:8px;overflow:hidden;box-shadow:0 4px 30px #0006,0 0 60px #2d85f31a}.password-input{flex:1;padding:1rem 1.25rem;background:#191919;border:1px solid #333333;border-right:none;border-radius:8px 0 0 8px;color:#fff;font-family:Supercell Text,Open Sans,sans-serif;font-size:.85rem;letter-spacing:.05em;outline:none;min-width:200px;transition:all .2s ease}.password-input::placeholder{color:#666}.password-input:focus{background:#1a1a1a;border-color:#2d85f3;box-shadow:inset 0 0 20px #2d85f31a}.password-error{font-family:Supercell Text,Open Sans,sans-serif;font-size:.75rem;color:#fb62aa;background:#fb62aa1a;padding:.5rem 1rem;margin-top:.75rem;border-radius:4px;text-align:center;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.password-form.loading .entry-cta{pointer-events:none;opacity:.7}.password-form.loading .entry-cta span{opacity:0}.password-form.loading .entry-cta:after{content:"";position:absolute;width:16px;height:16px;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.entry-cta{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.75rem;background:#2d85f3;border:none;border-radius:0 8px 8px 0;color:#fff;font-family:Supercell Text,Open Sans,sans-serif;font-size:.7rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease}.entry-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);opacity:0;transition:opacity .3s ease}.entry-cta:hover{background:#4a9af5;transform:translateY(-2px);box-shadow:0 6px 30px #2d85f366,0 0 40px #2d85f333}.entry-cta:hover:before{opacity:1}.entry-cta:active{transform:translateY(0)}.cta-arrow{width:16px;height:16px;color:#fff;transition:transform .3s ease}.entry-cta:hover .cta-arrow{transform:translate(4px)}.christmas-lights{position:absolute;top:0;left:0;right:0;height:60px;z-index:10;overflow:hidden}.light-string{position:absolute;top:20px;left:-20px;right:-20px;height:2px;background:#ffffff1a}.light-bulb{position:absolute;top:18px;width:8px;height:12px;border-radius:50%/30% 30% 70% 70%;animation:glow 2s ease-in-out infinite}.light-bulb:nth-child(odd){background:#2d85f3;box-shadow:0 0 10px #2d85f3,0 0 20px #2d85f380}.light-bulb:nth-child(2n){background:#21c49f;box-shadow:0 0 10px #21c49f,0 0 20px #21c49f80}.light-bulb:nth-child(3n){background:#fb62aa;box-shadow:0 0 10px #fb62aa,0 0 20px #fb62aa80}.light-bulb:nth-child(4n){background:#f7db1c;box-shadow:0 0 10px #f7db1c,0 0 20px #f7db1c80}.light-bulb:nth-child(1){left:5%;animation-delay:0s}.light-bulb:nth-child(2){left:12%;animation-delay:.3s}.light-bulb:nth-child(3){left:19%;animation-delay:.6s}.light-bulb:nth-child(4){left:26%;animation-delay:.9s}.light-bulb:nth-child(5){left:33%;animation-delay:.2s}.light-bulb:nth-child(6){left:40%;animation-delay:.5s}.light-bulb:nth-child(7){left:47%;animation-delay:.8s}.light-bulb:nth-child(8){left:54%;animation-delay:.1s}.light-bulb:nth-child(9){left:61%;animation-delay:.4s}.light-bulb:nth-child(10){left:68%;animation-delay:.7s}.light-bulb:nth-child(11){left:75%;animation-delay:1s}.light-bulb:nth-child(12){left:82%;animation-delay:.35s}.light-bulb:nth-child(13){left:89%;animation-delay:.65s}.light-bulb:nth-child(14){left:96%;animation-delay:.95s}@keyframes glow{0%,to{opacity:.6;filter:brightness(.8)}50%{opacity:1;filter:brightness(1.2)}}.entry-screen.opening .entry-content{opacity:0;transform:scale(.9);transition:all .6s ease}.entry-screen.opening .entry-logo{opacity:0;transform:translateY(20px);transition:all .4s ease}.entry-screen.opening .frost-border{opacity:0;transition:opacity .5s ease}.entry-screen.opening .snowfall{opacity:0;transition:opacity .8s ease}.entry-screen.opening .christmas-lights{opacity:0;transform:translateY(-40px);transition:all .5s ease}.entry-screen.opening .ai-tag{opacity:0;transition:opacity .3s ease}.app[aria-hidden=true]{opacity:0;visibility:hidden}.app{opacity:1;visibility:visible;transition:opacity .6s ease .6s}.app-logo{position:fixed;bottom:1.5rem;right:1.5rem;height:20px;width:auto;z-index:50;opacity:.6;transition:opacity .2s ease}.app-logo:hover{opacity:1}@media(max-width:768px){.entry-logo{bottom:1rem;right:1rem;height:16px}.entry-title{font-size:clamp(2rem,10vw,3.5rem)}.entry-subtitle{font-size:.85rem}.password-field{flex-direction:column;border-radius:8px}.password-input{border-right:1px solid #333333;border-bottom:none;border-radius:8px 8px 0 0;text-align:center}.entry-cta{border-radius:0 0 8px 8px;width:100%}.ai-tag{bottom:1rem;right:1rem;font-size:.6rem}.christmas-lights{display:none}}@media(prefers-reduced-motion:reduce){.snowflake{animation:none;opacity:.3}.light-bulb{animation:none;opacity:.8}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.checkout-overlay{position:fixed;inset:0;z-index:200;background:#000000f2;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .5s cubic-bezier(.16,1,.3,1)}.checkout-overlay.visible,.checkout-overlay[aria-hidden=false]{opacity:1;visibility:visible}.checkout-container{width:min(480px,calc(100vw - 48px));max-height:calc(100vh - 48px);background:#1a1a1a;border-radius:24px;box-shadow:0 25px 80px #00000080,0 0 0 1px #ffffff1a,0 0 60px #2d85f333;overflow:hidden;transform:scale(.9) translateY(30px);transition:transform .5s cubic-bezier(.16,1,.3,1)}.checkout-overlay.visible .checkout-container{transform:scale(1) translateY(0)}.checkout-brand-bar{height:4px;background:linear-gradient(90deg,#2d85f3,#21c49f,#f7db1c,#fb62aa,#2d85f3);background-size:200% 100%;animation:brandBarShimmer 3s linear infinite}@keyframes brandBarShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.checkout-content{padding:32px}.checkout-back{position:fixed;top:24px;left:24px;display:flex;align-items:center;gap:8px;padding:12px 20px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:100px;color:#fff;font-family:Supercell Text,system-ui,sans-serif;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;opacity:0;transform:translate(-20px)}.checkout-overlay.visible .checkout-back{opacity:1;transform:translate(0);transition-delay:.3s}.checkout-back:hover{background:#2d85f333;border-color:#2d85f3;color:#2d85f3}.checkout-back svg{transition:transform .2s ease}.checkout-back:hover svg{transform:translate(-3px)}.purchase-summary{animation:summaryReveal .6s cubic-bezier(.16,1,.3,1) backwards}@keyframes summaryReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.purchase-header{text-align:center;margin-bottom:24px}.purchase-eyebrow{display:block;font-family:Supercell Headline,system-ui,sans-serif;font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:#f7db1c;margin-bottom:8px}.purchase-title{font-family:Supercell Headline,system-ui,sans-serif;font-size:1.5rem;text-transform:uppercase;color:#fff;margin:0;letter-spacing:.05em}.purchase-items{background:#ffffff0d;border-radius:16px;padding:20px;margin-bottom:20px}.purchase-item{display:flex;align-items:center;gap:16px;padding:12px 0}.purchase-item+.purchase-item{border-top:1px solid rgba(255,255,255,.1)}.purchase-item-image{width:56px;height:56px;background:linear-gradient(135deg,#2d85f3,#21c49f);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.purchase-item-image svg,.purchase-item-image img{width:36px;height:36px}.purchase-item-info{flex:1;min-width:0}.purchase-item-name{font-family:Supercell Text,system-ui,sans-serif;font-size:.95rem;font-weight:500;color:#fff;margin:0 0 4px}.purchase-item-desc{font-size:.75rem;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.purchase-item-price{text-align:right;flex-shrink:0}.purchase-item-original{font-size:.75rem;color:#fff6;text-decoration:line-through;margin-bottom:2px}.purchase-item-final{font-family:Supercell Headline,system-ui,sans-serif;font-size:1.1rem;color:#21c49f}.purchase-total{background:linear-gradient(135deg,#2d85f3,#21c49f);border-radius:16px;padding:20px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.purchase-total-label{font-family:Supercell Text,system-ui,sans-serif;font-size:.9rem;color:#ffffffe6}.purchase-total-savings{display:block;font-size:.75rem;color:#ffffffb3;margin-top:4px}.purchase-total-amount{font-family:Supercell Headline,system-ui,sans-serif;font-size:2rem;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3)}.purchase-savings-badge{display:inline-flex;align-items:center;gap:6px;background:#f7db1c;color:#000;padding:6px 12px;border-radius:100px;font-family:Supercell Headline,system-ui,sans-serif;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.purchase-savings-badge svg{width:14px;height:14px}.purchase-payment{display:flex;flex-direction:column;gap:12px}.payment-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;border-radius:14px;font-family:Supercell Headline,system-ui,sans-serif;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s ease;border:none}.payment-btn-apple{background:#fff;color:#000}.payment-btn-apple:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 8px 24px #fff3}.payment-btn-apple svg{height:20px;width:auto}.payment-btn-card{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3)}.payment-btn-card:hover{border-color:#2d85f3;color:#2d85f3;transform:translateY(-2px)}.payment-divider{display:flex;align-items:center;gap:16px;color:#fff6;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.payment-divider:before,.payment-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.purchase-trust{display:flex;justify-content:center;gap:24px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.trust-badge{display:flex;align-items:center;gap:6px;font-size:.65rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.08em}.trust-badge svg{color:#21c49f;width:14px;height:14px}.purchase-confirmation{text-align:center;animation:confirmationReveal .6s cubic-bezier(.16,1,.3,1) backwards}@keyframes confirmationReveal{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.confirmation-icon{width:80px;height:80px;background:linear-gradient(135deg,#21c49f,#2d85f3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;animation:iconPop .5s cubic-bezier(.34,1.56,.64,1) .3s backwards;box-shadow:0 0 40px #21c49f66,0 0 80px #2d85f333}@keyframes iconPop{0%{opacity:0;transform:scale(0) rotate(-45deg)}to{opacity:1;transform:scale(1) rotate(0)}}.confirmation-icon svg{width:40px;height:40px;color:#fff}.confirmation-eyebrow{display:block;font-family:Supercell Headline,system-ui,sans-serif;font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:#f7db1c;margin-bottom:8px;animation:textSlide .5s ease .4s backwards}.confirmation-title{font-family:Supercell Headline,system-ui,sans-serif;font-size:1.8rem;text-transform:uppercase;color:#fff;margin:0 0 8px;animation:textSlide .5s ease .5s backwards}.confirmation-subtitle{font-family:Supercell Text,system-ui,sans-serif;font-size:.9rem;color:#ffffffb3;margin:0 0 32px;animation:textSlide .5s ease .6s backwards}@keyframes textSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.confirmation-item{background:#ffffff0d;border-radius:20px;padding:24px;margin-bottom:24px;animation:itemReveal .6s ease .7s backwards}@keyframes itemReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confirmation-item-image{width:120px;height:120px;margin:0 auto 16px;background:linear-gradient(135deg,#2d85f3,#fb62aa);border-radius:24px;display:flex;align-items:center;justify-content:center;animation:itemGlow 2s ease-in-out infinite}@keyframes itemGlow{0%,to{box-shadow:0 0 20px #2d85f34d}50%{box-shadow:0 0 40px #fb62aa80}}.confirmation-item-image img{width:80px;height:80px;object-fit:contain}.confirmation-item-name{font-family:Supercell Headline,system-ui,sans-serif;font-size:1.1rem;text-transform:uppercase;color:#fff;margin:0}.confirmation-sparkles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.sparkle{position:absolute;width:8px;height:8px;background:#f7db1c;border-radius:50%;animation:sparkleFloat 2s ease-out forwards}@keyframes sparkleFloat{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-100px) scale(0)}}.confirmation-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,#2d85f3,#21c49f);color:#fff;border:none;border-radius:14px;font-family:Supercell Headline,system-ui,sans-serif;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s ease;animation:btnReveal .5s ease .8s backwards}@keyframes btnReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.confirmation-btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px #2d85f366}.app.checkout-mode .avatar-container{position:fixed!important;inset:auto auto 24px 24px!important;width:140px!important;height:140px!important;border-radius:50%;overflow:hidden;box-shadow:0 10px 40px #00000080,0 0 30px #2d85f34d;border:3px solid #21C49F;z-index:250;transition:all .5s cubic-bezier(.16,1,.3,1);background:#1a1a1a}.app.checkout-mode .avatar-container video{width:100%;height:100%;object-fit:cover;object-position:center top}.app.checkout-mode .panel{opacity:0;pointer-events:none}.app.checkout-mode .avatar-container:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:3px solid #21C49F;animation:santaPipPulse 2s ease-in-out infinite}@keyframes santaPipPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:0;transform:scale(1.15)}}.purchase-processing{padding:60px 32px;text-align:center}.processing-spinner{width:56px;height:56px;border:4px solid rgba(255,255,255,.1);border-top-color:#2d85f3;border-right-color:#21c49f;border-radius:50%;margin:0 auto 24px;animation:spinGradient 1s linear infinite}@keyframes spinGradient{to{transform:rotate(360deg)}}.processing-text{font-family:Supercell Text,system-ui,sans-serif;font-size:1rem;color:#fff}.processing-subtext{font-size:.8rem;color:#ffffff80;margin-top:8px}@media(max-width:600px){.checkout-container{width:100%;height:100%;max-height:100vh;border-radius:0}.checkout-content{padding:24px}.checkout-back{top:16px;left:16px;padding:10px 16px}.purchase-total-amount{font-size:1.6rem}.app.checkout-mode .avatar-container{width:100px!important;height:100px!important;bottom:16px!important;left:16px!important}}.checkout-container:before{content:"";position:absolute;top:4px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(247,219,28,.3) 50%,transparent 100%)}