*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{font-family:Hanken Grotesk,Helvetica Neue,system-ui,sans-serif;background:var(--surface-0);color:var(--text-hi);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}#root{min-height:100vh;min-height:100dvh}:root{--surface-0: #0B0C0E;--surface-1: #17191C;--surface-2: #212428;--line: rgba(255, 255, 255, .09);--text-hi: #F4F4F2;--text-mid: #A9ADB2;--text-lo: #6D7176;--brand: #C9A84C;--brand-tint: rgba(201, 168, 76, .12);--brand-border: rgba(201, 168, 76, .35);--active: #3E9B94;--active-tint: rgba(62, 155, 148, .12);--risk: #E05050;--risk-tint: rgba(224, 80, 80, .1);--risk-border: rgba(224, 80, 80, .35);--r-sm: 4px;--r-md: 8px;--r-pill: 999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--t-display: 44px;--t-title: 32px;--t-head: 22px;--t-body: 17px;--t-sub: 14px;--t-label: 12px;--m-snap: .12s cubic-bezier(.2, 0, 0, 1);--m-settle: .24s cubic-bezier(.16, 1, .3, 1);--m-sweep: .42s cubic-bezier(.16, 1, .3, 1);--bg-0: var(--surface-0);--bg-1: var(--surface-0);--bg-2: var(--surface-0);--bg-3: var(--surface-1);--bg-4: var(--surface-1);--gold: var(--brand);--gold-soft: #D4B86A;--gold-deep: var(--brand);--gold-dim: var(--brand-tint);--gold-border: var(--brand-border);--border: var(--line);--accent-active: var(--active);--card: var(--surface-1);--card-2: var(--surface-2)}.root{min-height:100vh;min-height:100dvh;background:var(--bg-1);display:flex;justify-content:center}.frame{width:100%;max-width:390px;min-height:100vh;min-height:100dvh;background:var(--bg-1);position:relative;overflow-x:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.frame,.frame *,.root,.root *{scrollbar-width:none;-ms-overflow-style:none}.frame::-webkit-scrollbar,.frame *::-webkit-scrollbar,.root::-webkit-scrollbar,.root *::-webkit-scrollbar{width:0!important;height:0!important;display:none;background:transparent}@keyframes up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes tabIn{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes goldIdlePulse{0%,to{box-shadow:0 6px 24px #c9a84c47,0 0 #c9a84c00}50%{box-shadow:0 8px 32px #c9a84c6b,0 0 0 4px #c9a84c0d}}@keyframes countUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes logoBoom{0%{opacity:0;transform:scale(.5) translateY(16px)}65%{transform:scale(1.1) translateY(-3px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes letterDrop{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes goldLine{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes shimmerPan{0%{background-position:-300% center}to{background-position:300% center}}@keyframes glowPulse{0%,to{box-shadow:0 0 30px #c9a84c40,0 0 60px #c9a84c1a}50%{box-shadow:0 0 60px #c9a84c80,0 0 120px #c9a84c33}}@keyframes splashOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}@keyframes sweepDraw{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.sweep-line{stroke-dasharray:100;animation:sweepDraw .42s cubic-bezier(.16,1,.3,1) .15s both}@keyframes ringPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes numPop{0%{opacity:0;transform:translateY(5px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes loadLogoIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes loadGlow{0%,to{filter:drop-shadow(0 0 12px rgba(201,168,76,.3))}50%{filter:drop-shadow(0 0 28px rgba(201,168,76,.7))}}.splash-exit{animation:splashOut .7s cubic-bezier(.4,0,.2,1) 3.3s both}.logo-glow{animation:glowPulse 2.2s ease-in-out 1.4s infinite}.shimmer{background:linear-gradient(90deg,#fff 20%,#c9a84c,#fff 80%);background-size:300% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmerPan 2.5s linear 1.3s both}.up{animation:up .24s cubic-bezier(.16,1,.3,1) both}.u1{animation:up .24s cubic-bezier(.16,1,.3,1) .06s both}.u2{animation:up .24s cubic-bezier(.16,1,.3,1) .12s both}.u3{animation:up .24s cubic-bezier(.16,1,.3,1) .18s both}.u4{animation:up .24s cubic-bezier(.16,1,.3,1) .24s both}.u5{animation:up .24s cubic-bezier(.16,1,.3,1) .3s both}.u6{animation:up .24s cubic-bezier(.16,1,.3,1) .36s both}.fi{animation:fadeIn .24s ease both}.si{animation:scaleIn .24s cubic-bezier(.16,1,.3,1) both}.tab{animation:tabIn .24s cubic-bezier(.16,1,.3,1) both}.gold-idle{animation:goldIdlePulse 2.6s ease-in-out infinite}.tap,.scale-tap{transition:transform var(--m-snap),opacity var(--m-snap);cursor:pointer;transition:transform .13s ease,opacity .13s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.tap:active,.scale-tap:active{transform:scale(.96);opacity:.85}.scroll-row{display:flex;overflow-x:auto;gap:12px;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll-row::-webkit-scrollbar{display:none}.btn-g{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:var(--gold);color:#101010;border:none;border-radius:var(--r-md);padding:18px;font-family:Saira Condensed,Arial Narrow,sans-serif;font-weight:800;font-size:15px;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;transition:background .18s ease,transform .15s ease;box-shadow:none;overflow:hidden}.btn-g:hover{background:var(--gold-soft)}.btn-g:active{background:var(--gold-soft);transform:scale(.985)}.btn-g:disabled{opacity:.32;pointer-events:none}.btn-o{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:transparent;color:var(--brand);border:1.5px solid var(--brand-border);border-radius:var(--r-md);padding:16px;font-family:Saira Condensed,Arial Narrow,sans-serif;font-weight:700;font-size:14px;letter-spacing:.7px;text-transform:uppercase;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease}.btn-o:hover{background:#c9a84c14;border-color:#c9a84ca6}.btn-o:active{transform:scale(.97)}.bc{font-family:Saira Condensed,Arial Narrow,sans-serif}.b{font-family:Hanken Grotesk,Helvetica Neue,sans-serif}.ovl,.overline,.t-label{font-family:Saira Condensed,Arial Narrow,sans-serif;font-weight:700;font-size:var(--t-label);text-transform:uppercase;letter-spacing:.96px;color:var(--text-mid)}.caption{font-family:Hanken Grotesk,Helvetica Neue,sans-serif;font-weight:500;font-size:var(--t-label);color:var(--text-mid)}.display{font-family:Saira Condensed,Arial Narrow,sans-serif;font-weight:900;font-size:64px;line-height:.92;letter-spacing:-1.5px;text-transform:uppercase;color:#fff}.headline{font-family:Saira Condensed,Arial Narrow,sans-serif;font-weight:900;font-size:42px;line-height:.98;letter-spacing:-.8px;text-transform:uppercase;color:#fff}.title{font-family:Saira Condensed,Arial Narrow,sans-serif;font-weight:800;font-size:24px;line-height:1.05;letter-spacing:-.2px;text-transform:uppercase;color:#fff}.body{font-family:Hanken Grotesk,Helvetica Neue,sans-serif;font-weight:500;font-size:15px;line-height:1.6;color:var(--text-mid)}.gold-rule{height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);border-radius:var(--r-sm)}.gold-rule-vert{width:3px;background:linear-gradient(180deg,var(--gold),rgba(201,168,76,.2));border-radius:var(--r-sm)}.msg-user{background:#c9a84c;color:#000;border-radius:var(--r-md) 18px 4px 18px;align-self:flex-end;font-weight:600}.msg-pupi{background:#1c1c1c;color:#ccc;border-radius:var(--r-md) 18px 18px 4px;align-self:flex-start;border:1px solid rgba(255,255,255,.07)}@keyframes typingDot{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}.dot1{animation:typingDot 1.2s ease infinite 0s}.dot2{animation:typingDot 1.2s ease infinite .2s}.dot3{animation:typingDot 1.2s ease infinite .4s}input::placeholder,textarea::placeholder{color:#6a6a6a;opacity:1}input,textarea,select{color:#fff;caret-color:#c9a84c}input:focus,textarea:focus,select:focus{border-color:#c9a84ca6!important;outline:none;box-shadow:0 0 0 3px #c9a84c1a}input:disabled,textarea:disabled{color:#777}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 100px #161616 inset!important;-webkit-text-fill-color:#ffffff!important;caret-color:#c9a84c!important;transition:background-color 5000s ease-in-out 0s}button:focus-visible,[role=button]:focus-visible,.tap:focus-visible{outline:2px solid rgba(201,168,76,.6);outline-offset:2px;border-radius:8px}.count-up{animation:countUp .6s cubic-bezier(.16,1,.3,1) both}@keyframes confettiFall{0%{opacity:0;transform:translate3d(var(--cx, 0),-10vh,0) rotate(0)}10%{opacity:1}to{opacity:0;transform:translate3d(var(--cx, 0),110vh,0) rotate(var(--cr, 720deg))}}.confetti-dot{position:absolute;top:0;width:7px;height:7px;border-radius:var(--r-sm);background:#c9a84c;box-shadow:0 0 6px #c9a84c8c;pointer-events:none;animation:confettiFall 2.2s cubic-bezier(.16,.6,.4,1) both}@keyframes wcCheckPop{0%{opacity:0;transform:scale(.4) rotate(-12deg)}60%{opacity:1;transform:scale(1.15) rotate(0)}to{opacity:1;transform:scale(1) rotate(0)}}.wc-check{animation:wcCheckPop .6s cubic-bezier(.16,1,.3,1) .1s both}.heat-cell{width:100%;aspect-ratio:1 / 1;border-radius:4px;transition:background .2s ease,transform .15s ease}.cue-bar{display:inline-block;width:2px;background:#c9a84c;border-radius:var(--r-sm);transform-origin:bottom center;animation:cueBar .9s ease-in-out infinite}.cue-bar.bar1{animation-delay:0s;height:10px}.cue-bar.bar2{animation-delay:.15s;height:10px}.cue-bar.bar3{animation-delay:.3s;height:10px}@keyframes cueBar{0%,to{transform:scaleY(.35);opacity:.5}50%{transform:scaleY(1);opacity:1}}@keyframes cuePulse{0%,to{box-shadow:0 0 #c9a84c73}50%{box-shadow:0 0 0 10px #c9a84c00}}.cue-pulse{animation:cuePulse 2.2s ease-out infinite}@media(prefers-reduced-motion:reduce){.sweep-line{animation:none;stroke-dashoffset:0}.gold-idle,.cue-pulse,.logo-glow{animation:none!important}.up,.u1,.u2,.u3,.u4,.u5,.u6,.fi,.si,.tab{animation-duration:1ms!important;animation-delay:0ms!important}}@keyframes skelPulse{0%,to{opacity:.55}50%{opacity:1}}.skel{background:var(--surface-2);border-radius:var(--r-md);animation:skelPulse 1.4s ease-in-out infinite}@keyframes dotPulse{0%,80%,to{opacity:.25}40%{opacity:1}}.dots{display:inline-flex;gap:3px;align-items:center}.dots span{width:4px;height:4px;border-radius:50%;background:currentColor;animation:dotPulse 1.2s ease-in-out infinite}.dots span:nth-child(2){animation-delay:.15s}.dots span:nth-child(3){animation-delay:.3s}@media(prefers-reduced-motion:reduce){.skel,.dots span{animation:none}}
