@import"https://fonts.googleapis.com/css2?family=Manrope:wght@500;700;800&family=Space+Grotesk:wght@600;700&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%}html,body{background:#000;color:#fff;overflow:hidden;cursor:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#app{width:100vw;height:100dvh;overflow:hidden}@supports not (height: 100dvh){#app{height:100vh}}.frame{--count-size: clamp(2.5rem, 14vw, 11rem);--avatar-size: clamp(82px, 10.5vw, 152px);--edge-pad-x: max(clamp(14px, 2.8vw, 30px), env(safe-area-inset-left));--edge-pad-y: max(clamp(20px, 4.2vh, 48px), env(safe-area-inset-top));position:relative;width:100%;height:100%;overflow:hidden;touch-action:none}.avatar-zone{position:absolute;top:var(--edge-pad-y);left:var(--edge-pad-x);z-index:3;pointer-events:none}.meta-center{display:flex;flex-direction:column;align-items:center;gap:clamp(4px,.55vh,8px);max-width:min(88vw,980px);position:absolute;left:50%;top:calc(var(--edge-pad-y) + (var(--avatar-size) * .5));opacity:0;transform:translate(-50%,calc(-50% + 6px));transition:opacity 1.2s ease-in-out,transform 1.2s ease-in-out}.meta-center.visible{opacity:1;transform:translate(-50%,-50%)}.meta-avatar-center{width:100%;height:100%;border-radius:999px;object-fit:cover;object-position:center;border:.75px solid rgba(255,255,255,.3);box-shadow:inset 0 0 0 1px #ffffff14,0 0 10px #ffffff29;flex-shrink:0}.meta-avatar-shell{position:relative;width:var(--avatar-size);height:var(--avatar-size);border-radius:999px;padding:clamp(3px,.45vw,6px);background:radial-gradient(circle at 28% 22%,#ffffffb3,#fff0 42%),conic-gradient(from 210deg,#72ffcce6,#cffff0db 28%,#ffcadbdb 58%,#ff82a8e0 78%,#72ffcce6);box-shadow:0 0 16px #9affdb38,0 0 34px #ff84af2e}.meta-avatar-shell:after{content:"";position:absolute;inset:clamp(2px,.3vw,4px);border-radius:999px;border:.75px solid rgba(255,255,255,.18);pointer-events:none}.meta-title{font-family:Manrope,Helvetica Neue,sans-serif;font-size:clamp(1.02rem,1.7vw,1.62rem);font-weight:800;letter-spacing:-.01em;line-height:1.1;white-space:nowrap;text-align:center;max-width:min(88vw,980px);overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 12px rgba(255,255,255,.12)}.meta-row{margin-top:0;display:flex;justify-content:center;align-items:center;gap:clamp(4px,.6vw,8px);font-size:clamp(.72rem,.88vw,.96rem);opacity:.84}.meta-stat{font-family:Manrope,Helvetica Neue,sans-serif;padding:0;border-radius:0;background:transparent;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.qr-zone{position:absolute;right:var(--edge-pad-x);bottom:var(--edge-pad-y);z-index:3;pointer-events:none}.meta-qr{width:clamp(74px,9.2vw,132px);height:clamp(74px,9.2vw,132px);padding:0;border-radius:0;background:transparent;border:0;box-shadow:none;flex-shrink:0}.meta-qr-image{width:100%;height:100%;border-radius:0;display:block;image-rendering:crisp-edges;filter:drop-shadow(0 0 4px rgba(255,255,255,.22))}.counter-zone{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;padding:clamp(8px,2vh,20px) clamp(12px,3vw,28px);pointer-events:none}.count-anchor{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center}.count{font-family:Space Grotesk,Helvetica Neue,sans-serif;font-size:var(--count-size);font-weight:700;letter-spacing:-.035em;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap;max-width:100%;color:#fff;opacity:0;transition:opacity 1.2s ease-in-out}.scrub-date{position:absolute;top:calc(100% + clamp(4px,.7vh,10px));left:50%;transform:translate(-50%);font-family:Manrope,Helvetica Neue,sans-serif;font-size:clamp(.75rem,1.2vw,1.2rem);font-weight:700;letter-spacing:.12em;color:#ffffffe6;text-transform:uppercase;text-shadow:0 0 12px rgba(255,255,255,.22)}.count.visible{opacity:1;animation:glow-pulse 6s ease-in-out infinite}.spark-zone{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.spark-svg{display:block;width:100%;height:100%}.line-gained{fill:none;stroke:#8affd6f5;stroke-width:4;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px rgba(186,255,231,.75)) drop-shadow(0 0 8px rgba(121,255,201,.55)) drop-shadow(0 0 16px rgba(72,255,185,.32))}@keyframes glow-pulse{0%,to{text-shadow:0 0 16px rgba(255,255,255,.34),0 0 40px rgba(255,255,255,.2)}50%{text-shadow:0 0 28px rgba(255,255,255,.62),0 0 66px rgba(255,255,255,.34)}}