*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:DM Sans,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.left-1\/2{left:50%}.left-4{left:1rem}.top-1\/2{top:50%}.top-4{top:1rem}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-\[3\]{z-index:3}.z-\[5\]{z-index:5}.z-\[60\]{z-index:60}.z-\[65\]{z-index:65}.z-\[70\]{z-index:70}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.h-14{height:3.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-36{height:9rem}.h-\[22rem\]{height:22rem}.h-auto{height:auto}.h-full{height:100%}.min-h-\[200px\]{min-height:200px}.min-h-\[220px\]{min-height:220px}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-36{width:9rem}.w-\[22rem\]{width:22rem}.w-full{width:100%}.min-w-0{min-width:0}.max-w-3xl{max-width:48rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-\[40vh\]{--tw-translate-y:-40vh}.-translate-y-\[40vh\],.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-4{--tw-translate-y:1rem}.translate-y-4,.translate-y-8{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-8{--tw-translate-y:2rem}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-50{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-50{--tw-scale-x:.5;--tw-scale-y:.5}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.list-disc{list-style-type:disc}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-x-4{column-gap:1rem}.gap-y-2{row-gap:.5rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-slate-950\/40{background-color:rgba(2,6,23,.4)}.object-cover{object-fit:cover}.p-5{padding:1.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pl-5{padding-left:1.25rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.font-display{font-family:Fraunces,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.text-\[\#0f766e\]{--tw-text-opacity:1;color:rgb(15 118 110/var(--tw-text-opacity,1))}.text-\[\#1a1a1a\]{--tw-text-opacity:1;color:rgb(26 26 26/var(--tw-text-opacity,1))}.text-amber-800{--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1))}.text-cyan-300{--tw-text-opacity:1;color:rgb(103 232 249/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-teal-600{--tw-text-opacity:1;color:rgb(13 148 136/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.opacity-90{opacity:.9}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.drop-shadow,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.page-root{background:#08050f}.hero-section{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse 100% 80% at 50% 0,#0d1a2e 0,#08050f 60%);padding:5rem 1.5rem 4rem}.hero-grid{inset:0;background-image:linear-gradient(hsla(0,0%,100%,.025) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.025) 1px,transparent 0);background-size:48px 48px;mask-image:radial-gradient(ellipse 80% 60% at 50% 0,#000 0,transparent 80%)}.hero-grid,.hero-orb{position:absolute;pointer-events:none}.hero-orb{border-radius:50%;filter:blur(80px)}.hero-orb--1{width:min(700px,120vw);height:min(700px,120vw);background:radial-gradient(circle,rgba(8,145,178,.18) 0,transparent 70%);top:-200px;right:-150px;animation:orb-drift-1 14s ease-in-out infinite alternate}.hero-orb--2{width:min(500px,100vw);height:min(500px,100vw);background:radial-gradient(circle,rgba(15,118,110,.22) 0,transparent 70%);bottom:-100px;left:-100px;animation:orb-drift-2 11s ease-in-out infinite alternate}.hero-orb--3{width:min(300px,80vw);height:min(300px,80vw);background:radial-gradient(circle,rgba(139,92,246,.14) 0,transparent 70%);top:30%;left:15%;animation:orb-drift-3 9s ease-in-out infinite alternate}@keyframes orb-drift-1{0%{transform:translate(0) scale(1)}to{transform:translate(-40px,30px) scale(1.08)}}@keyframes orb-drift-2{0%{transform:translate(0) scale(1)}to{transform:translate(30px,-25px) scale(1.06)}}@keyframes orb-drift-3{0%{transform:translate(0) scale(1)}to{transform:translate(20px,20px) scale(1.1)}}.hero-inner{position:relative;z-index:10;text-align:center;max-width:700px;margin:0 auto}.hero-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2.5rem}.hero-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .9rem;border-radius:9999px;font-size:.8rem;font-weight:500;border:1px solid transparent;cursor:pointer;transition:transform .15s,opacity .15s;white-space:nowrap}.hero-pill:hover{transform:translateY(-2px);opacity:.9}.hero-pill--occasion-teal{background:rgba(20,184,166,.12);border-color:rgba(20,184,166,.3);color:#5eead4}.hero-pill--occasion-amber{background:rgba(251,191,36,.12);border-color:rgba(251,191,36,.3);color:#fde68a}.hero-pill--occasion-pink{background:rgba(244,114,182,.12);border-color:rgba(244,114,182,.3);color:#f9a8d4}.hero-pill--occasion-yellow{background:rgba(250,204,21,.12);border-color:rgba(250,204,21,.3);color:#fef08a}.hero-pill--occasion-blue{background:rgba(96,165,250,.12);border-color:rgba(96,165,250,.3);color:#93c5fd}.hero-pill--occasion-lime{background:rgba(163,230,53,.12);border-color:rgba(163,230,53,.3);color:#bef264}.hero-headline{font-family:Fraunces,serif;font-size:clamp(3rem,9vw,6rem);font-weight:700;line-height:1.05;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#e2f8ff 40%,#22d3ee 70%,#67e8f9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.25rem;animation:hero-headline-in .8s ease-out both}@keyframes hero-headline-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero-subhead{color:hsla(0,0%,100%,.62);font-size:clamp(1rem,2.2vw,1.2rem);line-height:1.6;max-width:520px;margin:0 auto 1.5rem;animation:hero-headline-in .8s ease-out .12s both}.hero-price-note{display:inline-block;color:hsla(0,0%,100%,.38);font-size:.82rem;margin-bottom:2.5rem;letter-spacing:.01em;animation:hero-headline-in .8s ease-out .22s both}.hero-ctas{display:flex;flex-wrap:wrap;gap:.875rem;justify-content:center;animation:hero-headline-in .8s ease-out .32s both}.hero-cta-primary{display:inline-flex;align-items:center;gap:.4rem;padding:.9rem 2rem;background:linear-gradient(135deg,#0f766e,#0891b2);color:#fff;font-weight:600;font-size:1rem;border-radius:9999px;cursor:pointer;border:none;box-shadow:0 4px 24px rgba(8,145,178,.35),inset 0 0 0 1px hsla(0,0%,100%,.1);transition:transform .15s,box-shadow .15s;text-decoration:none}.hero-cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(8,145,178,.5),inset 0 0 0 1px hsla(0,0%,100%,.15)}.hero-cta-secondary{display:inline-flex;align-items:center;gap:.4rem;padding:.9rem 1.75rem;background:hsla(0,0%,100%,.06);color:hsla(0,0%,100%,.75);font-weight:500;font-size:1rem;border-radius:9999px;border:1px solid hsla(0,0%,100%,.12);transition:background .15s,color .15s,transform .15s;text-decoration:none;cursor:pointer}.hero-cta-secondary:hover{background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.9);transform:translateY(-2px)}.section-eyebrow{display:inline-block;font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#0891b2;margin-bottom:.75rem}.section-eyebrow--light{color:#22d3ee}.section-heading{font-family:Fraunces,serif;font-size:clamp(1.75rem,4.5vw,2.75rem);font-weight:700;line-height:1.15;color:#1a1a1a;margin-bottom:1rem}.section-heading--light{color:#fff}.how-section{background:#fff;padding:5rem 1.5rem}.how-inner{max-width:860px;margin:0 auto;text-align:center}.steps-grid{display:flex;align-items:flex-start;justify-content:center;gap:0;margin:3rem 0;flex-wrap:wrap}.step-card{flex:1;min-width:200px;max-width:240px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem 1rem}.step-connector{width:60px;height:2px;background:linear-gradient(90deg,#0f766e,#0891b2);margin-top:3.2rem;flex-shrink:0;opacity:.4}@media (max-width:640px){.step-connector{display:none}.steps-grid{gap:.5rem}.step-card{max-width:100%}}.step-number{width:1.75rem;height:1.75rem;border-radius:50%;background:linear-gradient(135deg,#0f766e,#0891b2);color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.step-icon{font-size:2.25rem;margin-bottom:.75rem;line-height:1}.step-title{font-family:Fraunces,serif;font-size:1.05rem;font-weight:600;color:#1a1a1a;margin-bottom:.5rem}.step-desc{font-size:.875rem;color:#6b7280;line-height:1.6}.value-callout{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#f0fdfa,#ecfeff);border:1px solid rgba(15,118,110,.15);border-radius:16px}.value-callout-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.875rem;color:#134e4a;font-weight:500}.value-icon{font-size:1.1rem}.value-callout-divider{width:1px;height:24px;background:rgba(15,118,110,.2)}@media (max-width:640px){.value-callout-divider{display:none}}.demo-section{background:radial-gradient(ellipse 120% 80% at 50% 100%,#0d1a2e 0,#08050f 55%);padding:5rem 1.5rem;text-align:center;overflow:hidden;position:relative}.demo-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.02) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.02) 1px,transparent 0);background-size:48px 48px;pointer-events:none}.demo-inner{position:relative;z-index:10;max-width:700px;margin:0 auto}.demo-intro{color:hsla(0,0%,100%,.55);font-size:1rem;max-width:420px;margin:0 auto 3rem;line-height:1.6}.demo-cta-wrap{margin-top:2.5rem}.demo-root{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.demo-switcher{display:flex;gap:.5rem;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.08);border-radius:9999px;padding:.3rem}.demo-switch-btn{padding:.4rem 1rem;border-radius:9999px;font-size:.8rem;font-weight:500;color:hsla(0,0%,100%,.5);border:none;background:transparent;cursor:pointer;transition:all .2s}.demo-switch-btn--active{background:linear-gradient(135deg,#0f766e,#0891b2);color:#fff;box-shadow:0 2px 12px rgba(8,145,178,.4)}.demo-stage{position:relative;display:flex;align-items:center;justify-content:center;padding:2rem}.demo-ambient{position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(8,145,178,.15) 0,transparent 70%);pointer-events:none;animation:demo-ambient-pulse 4s ease-in-out infinite alternate}@keyframes demo-ambient-pulse{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.08)}}.demo-phone{position:relative;width:260px;height:480px;border-radius:36px;border:2px solid hsla(0,0%,100%,.12);background:#08050f;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.7),inset 0 0 0 1px hsla(0,0%,100%,.04),0 0 80px rgba(8,145,178,.15);animation:phone-float 6s ease-in-out infinite}@keyframes phone-float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}.demo-screen-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(40px)}.demo-screen-orb--1{width:200px;height:200px;background:radial-gradient(circle,rgba(8,145,178,.35) 0,transparent 70%);top:-60px;right:-60px;animation:demo-orb-1 6s ease-in-out infinite alternate}.demo-screen-orb--2{width:160px;height:160px;background:radial-gradient(circle,rgba(15,118,110,.3) 0,transparent 70%);bottom:-40px;left:-40px;animation:demo-orb-2 8s ease-in-out infinite alternate}.demo-screen-orb--3{width:100px;height:100px;background:radial-gradient(circle,rgba(139,92,246,.2) 0,transparent 70%);top:40%;left:10%;animation:demo-orb-3 7s ease-in-out infinite alternate}@keyframes demo-orb-1{0%{transform:translate(0)}to{transform:translate(-15px,15px)}}@keyframes demo-orb-2{0%{transform:translate(0)}to{transform:translate(12px,-10px)}}@keyframes demo-orb-3{0%{transform:translate(0) scale(1)}to{transform:translate(8px,5px) scale(1.2)}}.demo-confetti{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}.demo-confetti-piece{position:absolute;width:5px;height:5px;border-radius:1px;opacity:0;animation:demo-confetti-fall 3s ease-in infinite}.demo-confetti-piece--0{background:#22d3ee;left:15%;animation-delay:0s;animation-duration:2.8s}.demo-confetti-piece--1{background:#f472b6;left:28%;animation-delay:.4s;animation-duration:3.1s;width:4px;height:8px}.demo-confetti-piece--2{background:#fbbf24;left:42%;animation-delay:.2s;animation-duration:2.6s}.demo-confetti-piece--3{background:#a78bfa;left:58%;animation-delay:.7s;animation-duration:3.3s;width:3px;height:7px}.demo-confetti-piece--4{background:#34d399;left:70%;animation-delay:.1s;animation-duration:2.9s}.demo-confetti-piece--5{background:#fb923c;left:82%;animation-delay:.5s;animation-duration:3s}.demo-confetti-piece--6{background:#22d3ee;left:22%;animation-delay:.9s;animation-duration:2.7s;border-radius:50%}.demo-confetti-piece--7{background:#f472b6;left:65%;animation-delay:.3s;animation-duration:3.2s}@keyframes demo-confetti-fall{0%{opacity:0;transform:translateY(-10px) rotate(0deg)}15%{opacity:1}to{opacity:0;transform:translateY(500px) rotate(540deg)}}.demo-notch{top:10px;left:50%;transform:translateX(-50%);width:70px;height:6px;background:hsla(0,0%,100%,.1);border-radius:9999px}.demo-logo,.demo-notch{position:absolute;z-index:20}.demo-logo{top:22px;left:14px;width:30px;height:auto;opacity:.7}.demo-phone-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;padding:1rem;gap:.5rem}.demo-occasion-badge{padding:.35rem .85rem;border-radius:9999px;background:linear-gradient(135deg,rgba(255,185,58,.22),rgba(255,128,0,.2));border:1px solid rgba(255,221,122,.35);font-weight:700;letter-spacing:.06em;color:#fde68a;margin-bottom:.5rem}.demo-from-text,.demo-occasion-badge{font-size:.72rem;text-transform:uppercase}.demo-from-text{color:hsla(0,0%,100%,.65);letter-spacing:.1em;margin:0}.demo-sender-name{font-family:Fraunces,serif;font-size:2.5rem;font-weight:700;color:#67e8f9;line-height:1;text-shadow:0 0 24px rgba(34,211,238,.6),0 0 48px rgba(8,145,178,.4);margin:0;animation:demo-name-glow 3s ease-in-out infinite alternate}@keyframes demo-name-glow{0%{text-shadow:0 0 20px rgba(34,211,238,.5),0 0 40px rgba(8,145,178,.3)}to{text-shadow:0 0 32px rgba(34,211,238,.8),0 0 60px rgba(8,145,178,.5)}}.demo-play-wrap{flex-direction:column;gap:.6rem;margin-top:.5rem}.demo-play-btn,.demo-play-wrap{display:flex;align-items:center}.demo-play-btn{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#22d3ee,#0891b2);border:none;cursor:default;justify-content:center;box-shadow:0 0 0 8px rgba(34,211,238,.12),0 4px 20px rgba(8,145,178,.5);animation:demo-play-pulse 2s ease-in-out infinite}@keyframes demo-play-pulse{0%,to{box-shadow:0 0 0 0 rgba(34,211,238,.4),0 4px 20px rgba(8,145,178,.5)}50%{box-shadow:0 0 0 12px rgba(34,211,238,0),0 4px 24px rgba(8,145,178,.7)}}.demo-play-icon{font-size:1.25rem;color:#fff;margin-left:3px}.demo-play-hint{color:hsla(0,0%,100%,.55);font-size:.7rem;margin:0}.demo-screen-sheen{position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.04),transparent 50%,transparent 80%,hsla(0,0%,100%,.02));pointer-events:none;z-index:30}.demo-caption{color:hsla(0,0%,100%,.35);font-size:.8rem;max-width:340px;text-align:center;line-height:1.5;margin:0 auto}.form-section{background:#f5f4ff;padding:5rem 1.5rem}.form-section-inner{max-width:560px;margin:0 auto;text-align:center}.form-intro{color:#6b7280;font-size:.95rem;margin-bottom:2.5rem}.form-card{background:#fff;border-radius:24px;box-shadow:0 4px 40px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.04);padding:2rem 1.75rem;text-align:left}@media (min-width:480px){.form-card{padding:2.5rem}}.form-block{margin-bottom:1.5rem}.form-block--inline{max-width:200px}.form-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.06),transparent);margin:1.75rem 0}.form-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.form-label-sm{display:block;font-size:.8rem;font-weight:500;color:#6b7280;margin-bottom:.35rem}.form-required{color:#0f766e;margin-left:2px}.form-optional{color:#9ca3af;font-weight:400}.form-hint{font-size:.8rem;color:#9ca3af;line-height:1.5}.form-input{width:100%;padding:.75rem 1rem;border:1.5px solid #e5e7eb;border-radius:12px;font-size:.95rem;color:#1a1a1a;background:#fafafa;outline:none;transition:border-color .15s,box-shadow .15s;appearance:auto}.form-input:focus{border-color:#0f766e;box-shadow:0 0 0 3px rgba(15,118,110,.1);background:#fff}.form-input--lg{font-size:1.1rem;padding:.875rem 1rem}.form-input--narrow{max-width:140px}.occasion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}@media (max-width:380px){.occasion-grid{grid-template-columns:repeat(2,1fr)}}.occasion-chip{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.6rem .5rem;border-radius:12px;border:1.5px solid #e5e7eb;background:#fafafa;font-size:.78rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s}.occasion-chip span:first-child{font-size:1.35rem}.occasion-chip:hover{border-color:#0f766e;color:#0f766e;background:#f0fdfa}.occasion-chip--active{border-color:#0f766e;background:linear-gradient(135deg,#f0fdfa,#e6f9f7);color:#0f766e;font-weight:600;box-shadow:0 0 0 2px rgba(15,118,110,.15)}.recorder-header{display:flex;align-items:flex-start;gap:.875rem;margin-bottom:1rem}.recorder-step-badge{font-size:1.5rem;line-height:1;flex-shrink:0;margin-top:2px}.recorder-ready{font-size:.85rem;color:#0f766e;font-weight:500;margin-top:.75rem;display:flex;align-items:center;gap:.4rem}.prompts-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;padding:1rem}.prompts-title{font-size:.8rem;color:#6b7280;margin-bottom:.75rem;line-height:1.5}.prompts-list{display:flex;flex-direction:column;gap:.5rem}.prompt-btn{display:flex;align-items:flex-start;gap:.6rem;width:100%;text-align:left;padding:.625rem .75rem;background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .15s}.prompt-btn:hover{border-color:#0f766e;background:#f0fdfa}.prompt-num{flex-shrink:0;width:1.25rem;height:1.25rem;border-radius:50%;background:#e5e7eb;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;color:#6b7280;margin-top:1px}.prompt-text{font-size:.8rem;color:#374151;line-height:1.5;flex:1}.prompt-copy-icon{flex-shrink:0;font-size:.9rem;color:#9ca3af;opacity:0;transition:opacity .15s}.prompt-btn:hover .prompt-copy-icon{opacity:1}.prompt-copied{font-size:.8rem;color:#0f766e;font-weight:500;margin-top:.5rem}.channel-tabs{display:flex;gap:.5rem;margin-bottom:0}.channel-tab{flex:1;display:flex;align-items:center;justify-content:center;padding:.6rem 1rem;border:1.5px solid #e5e7eb;border-radius:10px;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s;user-select:none}.channel-tab--active,.channel-tab:hover{border-color:#0f766e;color:#0f766e;background:#f0fdfa}.channel-tab--active{font-weight:600;box-shadow:0 0 0 2px rgba(15,118,110,.12)}.quick-time-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.quick-time-btn{padding:.4rem .875rem;border-radius:9999px;background:#f3f4f6;border:1px solid #e5e7eb;font-size:.8rem;font-weight:500;color:#374151;cursor:pointer;transition:all .15s}.quick-time-btn:hover{background:#f0fdfa;border-color:#0f766e;color:#0f766e}.datetime-row{display:flex;gap:.75rem}.datetime-field{flex:1;min-width:0}.form-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;font-size:.875rem;padding:.75rem 1rem;border-radius:10px;margin-bottom:1rem}.form-submit-wrap{display:flex;flex-direction:column;align-items:center;gap:.875rem;margin-top:.5rem}.form-submit-btn{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#0f766e,#0891b2);color:#fff;font-size:1.05rem;font-weight:600;border:none;border-radius:14px;cursor:pointer;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 4px 20px rgba(15,118,110,.35);display:flex;align-items:center;justify-content:center;gap:.4rem}.form-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px rgba(8,145,178,.45)}.form-submit-btn:disabled{opacity:.65;cursor:not-allowed}.form-submit-note{font-size:.75rem;color:#9ca3af;text-align:center;line-height:1.6}.submit-spinner{display:inline-block;width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}:root{--bg:#faf9f7;--card:#fff;--text:#1a1a1a;--muted:#6b7280;--accent:#0f766e;--accent-hover:#0d5d56;--radius:14px;--shadow:0 4px 24px rgba(0,0,0,.06);--shadow-lg:0 20px 50px rgba(0,0,0,.08)}*{box-sizing:border-box}input[type=date],input[type=time]{min-width:0;max-width:100%;width:100%}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:DM Sans,system-ui,-apple-system,sans-serif}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0deg);opacity:1}to{transform:translateY(100vh) rotate(2turn);opacity:0}}.confetti-piece{animation:confetti-fall 2s ease-out forwards}.character-stage{perspective:800px;transform-style:preserve-3d}.character-3d{transform-style:preserve-3d;will-change:transform}.waveform-bar{background:var(--accent);border-radius:3px;animation:waveform .5s ease-in-out infinite alternate}@keyframes waveform{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}@keyframes pulse-soft{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}@keyframes character-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes character-backflip{0%{transform:translateZ(0) rotateX(0deg)}to{transform:translateZ(0) rotateX(-1turn)}}.play-bg-1{background:radial-gradient(circle at 0 0,rgba(56,189,248,.35),transparent 50%),radial-gradient(circle at 100% 100%,rgba(45,212,191,.4),transparent 50%),radial-gradient(circle at 0 100%,rgba(129,140,248,.3),transparent 50%),#0a0f1a;background-size:140% 140%;animation:play-bg-orbit 8s ease-in-out infinite alternate}.play-bg-2{background:radial-gradient(circle at 20% -10%,rgba(244,114,182,.4),transparent 50%),radial-gradient(circle at 90% 120%,rgba(251,191,36,.35),transparent 55%),linear-gradient(135deg,#1a1025,#0a0f1a);background-size:150% 150%;animation:play-bg-drift 9s ease-in-out infinite alternate}.play-bg-3{background:radial-gradient(circle at -10% 110%,rgba(56,189,248,.35),transparent 50%),radial-gradient(circle at 110% -10%,rgba(16,185,129,.4),transparent 50%),linear-gradient(145deg,#0a0f1a,#0d1520);background-size:160% 160%;animation:play-bg-swirl 10s ease-in-out infinite alternate}.play-bg-4{background:radial-gradient(circle at 10% 0,rgba(239,68,68,.3),transparent 50%),radial-gradient(circle at 100% 40%,rgba(6,182,212,.4),transparent 50%),radial-gradient(circle at 0 100%,rgba(59,130,246,.35),transparent 50%),#0a0f1a;background-size:170% 170%;animation:play-bg-pulse 8s ease-in-out infinite alternate}@keyframes play-bg-orbit{0%{background-position:0 0,100% 100%,0 100%}to{background-position:30% 25%,70% 75%,25% 85%}}@keyframes play-bg-drift{0%{background-position:0 0,100% 100%}to{background-position:35% 20%,65% 115%}}@keyframes play-bg-swirl{0%{background-position:0 100%,100% 0}to{background-position:30% 70%,70% 30%}}@keyframes play-bg-pulse{0%{background-position:0 0,100% 40%,0 100%}to{background-position:25% 20%,75% 30%,20% 80%}}.playback-stage{position:relative;min-height:100vh;width:100%;overflow:hidden}.playback-bg{position:absolute;inset:0;z-index:0}.playback-bg-v0{background-color:#0f0a1a}.playback-bg-v1{background-color:#1a0f0a}.playback-bg-v2{background-color:#0a1a14}.playback-bg-v3{background-color:#1a0a14}.playback-bg-v4{background-color:#0a141a}.playback-bg-layer{position:absolute;inset:-50%;width:200%;height:200%;pointer-events:none}.playback-bg-conic{background:conic-gradient(from 0deg at 50% 50%,#f0a 0,#0fc 25%,#fc0 50%,#f06 75%,#0af 100%);opacity:.35;animation:playback-conic-spin 12s linear infinite}.playback-bg-radial{background:radial-gradient(circle at 20% 80%,rgba(255,0,150,.5) 0,transparent 45%),radial-gradient(circle at 80% 20%,rgba(0,255,200,.5) 0,transparent 45%),radial-gradient(circle at 50% 50%,rgba(255,200,0,.25) 0,transparent 55%);opacity:.9;animation:playback-radial-drift 15s ease-in-out infinite alternate}.playback-bg-grid{background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:60px 60px;opacity:.8;animation:playback-grid-move 20s linear infinite}.playback-bg-stripes{background:repeating-linear-gradient(-45deg,transparent,transparent 40px,rgba(255,100,200,.08) 0,rgba(255,100,200,.08) 80px);animation:playback-stripes-slide 8s linear infinite}.playback-bg-glow{background:radial-gradient(ellipse 120% 80% at 50% 120%,rgba(0,255,255,.2) 0,transparent 60%);animation:playback-glow-pulse 4s ease-in-out infinite alternate}@keyframes playback-conic-spin{to{transform:rotate(1turn)}}@keyframes playback-radial-drift{0%{transform:translate(0) scale(1)}to{transform:translate(-10%,-5%) scale(1.15)}}@keyframes playback-grid-move{0%{background-position:0 0}to{background-position:60px 60px}}@keyframes playback-stripes-slide{0%{background-position:0 0}to{background-position:80px 0}}@keyframes playback-glow-pulse{0%{opacity:.6}to{opacity:1}}.playback-runner-wrap{position:absolute;inset:0;z-index:1;pointer-events:none;perspective:1400px}.playback-runner-scene,.playback-runner-wrap{display:flex;align-items:center;justify-content:center}.playback-runner-scene{transform-style:preserve-3d;width:100%;height:100%}.playback-runner{transform-style:preserve-3d;animation:run-toward-camera 3.5s ease-in-out infinite}@keyframes run-toward-camera{0%,to{transform:scale(.18) translateZ(-400px) translateY(0)}15%{transform:scale(.35) translateZ(-200px) translateY(-8px)}30%{transform:scale(.55) translateZ(-50px) translateY(0)}50%{transform:scale(.85) translateZ(80px) translateY(-6px)}70%{transform:scale(1.15) translateZ(150px) translateY(0)}85%{transform:scale(1.35) translateZ(200px) translateY(-4px)}to{transform:scale(.18) translateZ(-400px) translateY(0)}}.runner-figure{position:relative;width:80px;height:120px;animation:runner-bob .25s ease-in-out infinite alternate}.runner-head{top:0;width:28px;height:28px;margin-left:-14px;border-radius:50%;background:linear-gradient(180deg,#22d3ee,#06b6d4 50%,#0891b2);box-shadow:0 0 20px rgba(34,211,238,.6),inset 0 -4px 0 rgba(0,0,0,.2)}.runner-body,.runner-head{position:absolute;left:50%}.runner-body{top:26px;width:36px;height:48px;margin-left:-18px;border-radius:12px 12px 16px 16px;background:linear-gradient(180deg,#0ea5e9,#0284c7 50%,#0369a1);box-shadow:0 0 25px rgba(14,165,233,.5),inset 0 2px 0 hsla(0,0%,100%,.2)}.runner-arm{position:absolute;width:10px;height:32px;border-radius:6px;background:linear-gradient(90deg,#0ea5e9,#06b6d4);top:32px;box-shadow:0 0 12px rgba(14,165,233,.5)}.runner-arm-l{margin-left:-26px;animation:arm-swing-l .25s ease-in-out infinite alternate}.runner-arm-l,.runner-arm-r{left:50%;transform-origin:top center}.runner-arm-r{margin-left:16px;animation:arm-swing-r .25s ease-in-out infinite alternate}.runner-leg{position:absolute;width:14px;height:42px;border-radius:8px;background:linear-gradient(90deg,#0284c7,#0891b2);top:72px;box-shadow:0 0 12px rgba(2,132,199,.5)}.runner-leg-l{margin-left:-20px;animation:leg-swing-l .25s ease-in-out infinite alternate}.runner-leg-l,.runner-leg-r{left:50%;transform-origin:top center}.runner-leg-r{margin-left:6px;animation:leg-swing-r .25s ease-in-out infinite alternate}@keyframes runner-bob{0%{transform:translateY(0)}to{transform:translateY(-6px)}}@keyframes arm-swing-l{0%{transform:rotate(-35deg)}to{transform:rotate(25deg)}}@keyframes arm-swing-r{0%{transform:rotate(25deg)}to{transform:rotate(-35deg)}}@keyframes leg-swing-l{0%{transform:rotate(-20deg)}to{transform:rotate(40deg)}}@keyframes leg-swing-r{0%{transform:rotate(40deg)}to{transform:rotate(-20deg)}}.playback-content{position:relative;z-index:10;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;pointer-events:none}.playback-content>*{pointer-events:auto}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-down{animation:fade-in-down .5s ease-out forwards}@keyframes screen-shake-impact{0%{transform:translateZ(0) rotate(0deg)}10%{transform:translate3d(-10px,6px,0) rotate(-.45deg)}20%{transform:translate3d(12px,-8px,0) rotate(.45deg)}30%{transform:translate3d(-12px,7px,0) rotate(-.4deg)}40%{transform:translate3d(9px,-6px,0) rotate(.32deg)}50%{transform:translate3d(-7px,5px,0) rotate(-.24deg)}60%{transform:translate3d(5px,-4px,0) rotate(.16deg)}70%{transform:translate3d(-4px,3px,0) rotate(-.1deg)}80%{transform:translate3d(2px,-2px,0) rotate(.05deg)}to{transform:translateZ(0) rotate(0deg)}}.screen-shake-impact{animation:screen-shake-impact .72s cubic-bezier(.2,.75,.2,1) both}@keyframes chromatic-flash{0%{opacity:.92}55%{opacity:.3}to{opacity:0}}.chromatic-flash-layer{background:radial-gradient(circle at 25% 35%,rgba(255,0,102,.55),transparent 48%),radial-gradient(circle at 72% 28%,rgba(0,247,255,.52),transparent 50%),radial-gradient(circle at 50% 70%,rgba(255,214,0,.48),transparent 52%);mix-blend-mode:screen;filter:saturate(1.35) blur(.8px);animation:chromatic-flash .42s cubic-bezier(.13,.78,.2,1) forwards}@keyframes radial-light-blast{0%{opacity:.95;transform:translate(-50%,-50%) scale(.15);filter:blur(6px)}60%{opacity:.42;transform:translate(-50%,-50%) scale(1.1);filter:blur(16px)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5);filter:blur(22px)}}.radial-light-blast{background:radial-gradient(circle,hsla(0,0%,100%,.95) 0,rgba(255,241,128,.75) 18%,rgba(255,0,174,.36) 42%,rgba(0,238,255,.12) 70%,transparent 100%);mix-blend-mode:screen;animation:radial-light-blast .76s cubic-bezier(.15,.8,.22,1) forwards}.jackpot-headline{color:#fff;background-image:linear-gradient(120deg,#fffdf2,#ffe26d 28%,gold 52%,#fff7c2 76%,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 22px rgba(255,209,76,.6),0 0 34px rgba(255,180,41,.4),0 8px 26px rgba(0,0,0,.35);letter-spacing:.01em;filter:saturate(1.2)}.celebration-top-badge{border:1px solid rgba(255,235,163,.72);background:radial-gradient(circle at 16% 20%,hsla(0,0%,100%,.35),transparent 34%),linear-gradient(135deg,rgba(255,176,0,.3),rgba(255,0,187,.26) 45%,rgba(0,238,255,.3));box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.16),0 8px 24px rgba(0,0,0,.35),0 0 28px rgba(255,197,61,.45)}.celebration-top-text{background-image:linear-gradient(115deg,#fff,#ffe17d 30%,gold 56%,#fff7da 82%,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 18px rgba(255,211,89,.4)}.type-arc-overlay{display:none}.type-label-inline{font-family:Fraunces,serif;font-size:clamp(1.3rem,5.5vw,2rem);font-weight:800;text-align:center;letter-spacing:.01em;margin:0;line-height:1.1;background:linear-gradient(135deg,#fff 0,color-mix(in srgb,var(--occ-b,#ffd000) 70%,#fff) 45%,color-mix(in srgb,var(--occ-a,#ff1a75) 60%,#fff) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 16px color-mix(in srgb,var(--occ-b,#ffd000) 55%,transparent));animation:type-label-in .9s cubic-bezier(.22,1,.36,1) .2s both,type-label-glow 2.4s ease-in-out 1.1s infinite}@keyframes type-label-in{0%{opacity:0;transform:translateY(-14px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes type-label-glow{0%,to{filter:drop-shadow(0 0 14px color-mix(in srgb,var(--occ-b,#ffd000) 50%,transparent))}50%{filter:drop-shadow(0 0 30px color-mix(in srgb,var(--occ-b,#ffd000) 85%,transparent)) drop-shadow(0 0 50px color-mix(in srgb,var(--occ-a,#ff1a75) 55%,transparent))}}.type-arc-pill{display:inline-flex;align-items:center;gap:.55em;padding:.7rem 1.8rem;border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,var(--occ-a,#ec4899) 28%,rgba(20,10,30,.75)),color-mix(in srgb,var(--occ-d,#a855f7) 22%,rgba(20,10,35,.8)));border:1.5px solid color-mix(in srgb,var(--occ-a,#ec4899) 55%,hsla(0,0%,100%,.3));backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);box-shadow:0 0 0 1px hsla(0,0%,100%,.1) inset,0 16px 48px rgba(0,0,0,.45),0 0 48px color-mix(in srgb,var(--occ-a,#ec4899) 35%,transparent),0 0 80px color-mix(in srgb,var(--occ-b,#f59e0b) 15%,transparent);animation:type-pill-float 3.2s ease-in-out infinite}.type-arc-pill:after,.type-arc-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--occ-b,#f59e0b);box-shadow:0 0 12px var(--occ-b,#f59e0b),0 0 20px var(--occ-b,#f59e0b);animation:type-pill-dot-pulse 1.8s ease-in-out infinite;flex-shrink:0}.type-arc-pill:after{animation-delay:.9s}@keyframes type-pill-dot-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.6)}}.type-arc-text{font-family:Fraunces,serif;font-size:clamp(1.5rem,6.5vw,2.4rem);font-weight:800;letter-spacing:-.01em;text-transform:capitalize;background:linear-gradient(135deg,#fff 0,color-mix(in srgb,var(--occ-b,#f59e0b) 55%,#fff) 50%,color-mix(in srgb,var(--occ-a,#ec4899) 45%,#fff) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--occ-b,#f59e0b) 40%,transparent));animation:type-text-pop 2.8s ease-in-out infinite}@keyframes type-pill-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.01)}}@keyframes type-text-pop{0%,to{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--occ-b,#f59e0b) 35%,transparent))}50%{filter:drop-shadow(0 0 22px color-mix(in srgb,var(--occ-b,#f59e0b) 65%,transparent)) drop-shadow(0 0 40px color-mix(in srgb,var(--occ-a,#ec4899) 40%,transparent))}}.celebration-max-bg__mesh{position:absolute;inset:-14%;background:radial-gradient(circle at 15% 18%,color-mix(in srgb,var(--occ-a,#06b6d4) 14%,transparent),transparent 38%),radial-gradient(circle at 84% 14%,color-mix(in srgb,var(--occ-d,#a855f7) 14%,transparent),transparent 38%),radial-gradient(circle at 50% 84%,color-mix(in srgb,var(--occ-b,#f59e0b) 11%,transparent),transparent 44%);mix-blend-mode:screen;filter:saturate(1.1) blur(20px);opacity:.6;animation:celebration-mesh-drift 16s ease-in-out infinite alternate}.celebration-max-bg__beam{position:absolute;width:140vmax;height:18vmax;left:50%;top:50%;transform-origin:center;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.06),hsla(0,0%,100%,0));mix-blend-mode:screen;filter:blur(20px);opacity:.5}.celebration-max-bg__beam--a{transform:translate(-50%,-50%) rotate(18deg);animation:celebration-beam-spin-a 12s linear infinite}.celebration-max-bg__beam--b{transform:translate(-50%,-50%) rotate(82deg);animation:celebration-beam-spin-b 14s linear infinite reverse}.celebration-max-bg__beam--c{transform:translate(-50%,-50%) rotate(-38deg);animation:celebration-beam-spin-c 16s linear infinite}@keyframes celebration-mesh-drift{0%{transform:translate3d(-2%,-1%,0) scale(1);opacity:.92}to{transform:translate3d(2%,2%,0) scale(1.08);opacity:1}}@keyframes celebration-beam-spin-a{0%{transform:translate(-50%,-50%) rotate(18deg) scale(1)}to{transform:translate(-50%,-50%) rotate(378deg) scale(1.08)}}@keyframes celebration-beam-spin-b{0%{transform:translate(-50%,-50%) rotate(82deg) scale(1.08)}to{transform:translate(-50%,-50%) rotate(-278deg) scale(1)}}@keyframes celebration-beam-spin-c{0%{transform:translate(-50%,-50%) rotate(-38deg)}to{transform:translate(-50%,-50%) rotate(322deg)}}.recorder-start-btn{width:100%;display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#f0fdfa,#ecfeff);border:2px dashed rgba(15,118,110,.4);border-radius:14px;cursor:pointer;font-size:.95rem;font-weight:600;color:#0f766e;transition:all .15s}.recorder-start-btn:hover{border-color:#0f766e;background:linear-gradient(135deg,#e6f9f7,#d4f4f7);transform:translateY(-1px);box-shadow:0 4px 16px rgba(15,118,110,.15)}.recorder-mic-icon{font-size:1.35rem}.recorder-max-hint{margin-left:auto;font-size:.75rem;font-weight:400;color:#9ca3af}.recorder-error{font-size:.82rem;color:#dc2626;margin-top:.5rem}.recorder-active{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;background:#fef2f2;border:2px solid #fecaca;border-radius:14px;flex-wrap:wrap}.recorder-wave{display:flex;align-items:center;gap:3px;height:28px;flex:1;min-width:60px}.recorder-wave-bar{width:3px;border-radius:3px;background:#ef4444;animation:wave-bounce .6s ease-in-out infinite alternate;min-height:6px}@keyframes wave-bounce{0%{height:6px;opacity:.5}to{height:24px;opacity:1}}.recorder-timer-wrap{position:relative;flex-shrink:0}.recorder-ring,.recorder-timer-wrap{width:48px;height:48px}.recorder-timer-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#ef4444}.recorder-stop-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:9999px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s}.recorder-stop-btn:hover{background:#dc2626}.recorder-stop-icon{display:inline-block;width:10px;height:10px;background:#fff;border-radius:2px;flex-shrink:0}.recorder-done{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;background:linear-gradient(135deg,#f0fdfa,#ecfeff);border:2px solid rgba(15,118,110,.3);border-radius:14px}.recorder-done-check{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#0f766e,#0891b2);color:#fff;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.recorder-done-info{display:flex;flex-direction:column;gap:.2rem}.recorder-done-title{font-size:.875rem;font-weight:600;color:#0f766e}.recorder-rerecord-btn{background:none;border:none;font-size:.78rem;color:#6b7280;cursor:pointer;padding:0;text-decoration:underline;text-align:left}.recorder-rerecord-btn:hover{color:#374151}.demo-idle-state{display:flex;flex-direction:column;align-items:center;gap:.75rem}.demo-idle-envelope{font-size:2.5rem;animation:demo-envelope-float 2s ease-in-out infinite alternate}@keyframes demo-envelope-float{0%{transform:translateY(0) scale(1)}to{transform:translateY(-8px) scale(1.05)}}.demo-idle-text{color:hsla(0,0%,100%,.45);font-size:.78rem;text-align:center;margin:0}.demo-phone--done{box-shadow:0 40px 100px rgba(0,0,0,.7),inset 0 0 0 1px hsla(0,0%,100%,.06),0 0 120px rgba(34,211,238,.3),0 0 200px rgba(15,118,110,.2)}.demo-replay-btn{position:absolute;bottom:-12px;right:-8px;padding:.35rem .875rem;background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.12);border-radius:9999px;color:hsla(0,0%,100%,.5);font-size:.78rem;font-weight:500;cursor:pointer;transition:all .15s}.demo-replay-btn:hover{background:hsla(0,0%,100%,.12);color:hsla(0,0%,100%,.8)}.playpage-loading-screen,.playpage-root{position:relative;min-height:100svh;min-height:100dvh;overflow:hidden}.playpage-loading-screen{background:#08050f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem}.playpage-loading-glow{position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 40%,rgba(8,145,178,.18) 0,transparent 70%);pointer-events:none;animation:loading-glow-pulse 2.5s ease-in-out infinite alternate}@keyframes loading-glow-pulse{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.playpage-loading-logo{width:56px;height:auto;opacity:.85;position:relative;z-index:2}.playpage-loading-pulse{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.playpage-loading-ring{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(34,211,238,.4);animation:loading-ring-expand 2s ease-out infinite}.playpage-loading-ring--2{animation-delay:1s}@keyframes loading-ring-expand{0%{transform:scale(.3);opacity:.8}to{transform:scale(2);opacity:0}}.playpage-loading-text{color:hsla(0,0%,100%,.5);font-size:.9rem;letter-spacing:.02em;position:relative;z-index:2}.playpage-loading-dots{display:flex;gap:.4rem}.playpage-loading-dots span{width:6px;height:6px;border-radius:50%;background:rgba(34,211,238,.5);animation:dot-bounce 1.4s ease-in-out infinite}.playpage-loading-dots span:nth-child(2){animation-delay:.2s}.playpage-loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-8px);opacity:1}}.playpage-content{justify-content:center;width:100%;padding:5rem 1.5rem max(2.5rem,env(safe-area-inset-bottom,2.5rem));gap:1.5rem;box-sizing:border-box}.playpage-content,.playpage-sender-block{display:flex;flex-direction:column;align-items:center}.playpage-sender-block{gap:.625rem;text-align:center}.playpage-photo-wrap{position:relative;display:inline-flex;margin-bottom:.5rem}.playpage-photo{width:240px;height:240px;border-radius:50%;object-fit:cover;border:3px solid hsla(0,0%,100%,.35);box-shadow:0 0 0 8px hsla(0,0%,100%,.06),0 16px 56px rgba(0,0,0,.55),0 0 60px color-mix(in srgb,var(--occ-a,#ec4899) 25%,transparent);position:relative;z-index:1}@media (min-width:768px){.playpage-photo{width:288px;height:288px}}.playpage-photo-ring{position:absolute;inset:-8px;border-radius:50%;border:2px solid var(--occ-a,rgba(34,211,238,.4));opacity:.5;animation:photo-ring-pulse 3s ease-in-out infinite}@keyframes photo-ring-pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.04);opacity:1}}.playpage-recipient-name{font-size:clamp(1.1rem,4vw,1.4rem);font-weight:700;letter-spacing:.04em;color:#fff;text-shadow:0 0 18px rgba(255,220,80,.55);margin:0 0 1.1rem;text-align:center}.playpage-from-label{color:hsla(0,0%,100%,.42);font-size:.7rem;letter-spacing:.32em;text-transform:uppercase;font-weight:600;margin:0}.playpage-sender-name{font-family:Fraunces,serif;font-size:clamp(2rem,8vw,3.4rem);font-weight:500;color:hsla(0,0%,100%,.96);line-height:1;margin:0;letter-spacing:-.015em;text-shadow:0 0 24px hsla(0,0%,100%,.18)}.playpage-controls{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;padding-bottom:max(4.75rem,calc(env(safe-area-inset-bottom, 0px) + 3.5rem))}.playpage-waveform{display:flex;align-items:center;gap:3px;height:36px;opacity:0;transition:opacity .3s}.playpage-waveform--active{opacity:1}.playpage-wave-bar:nth-child(odd){animation-duration:.55s}.playpage-wave-bar:nth-child(3n){animation-duration:.82s}.playpage-wave-bar:nth-child(4n){animation-duration:.65s}@keyframes playpage-wave{0%{height:4px;opacity:.5}to{height:32px;opacity:1}}.playpage-play-icon{font-size:2.5rem;margin-left:5px;line-height:1;color:#fff}.playpage-play-hint{color:hsla(0,0%,100%,.55);font-size:.875rem;margin:0;letter-spacing:.01em}.playpage-text-message{max-width:22rem;text-align:center;color:#fff;font-size:1.1rem;line-height:1.65;background:hsla(0,0%,100%,.08);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.15);border-radius:20px;padding:1.5rem}.playpage-upsell{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:.5rem;padding-top:1.5rem;border-top:1px solid hsla(0,0%,100%,.1);text-align:center;animation:fade-in-up .6s ease-out both}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.playpage-upsell-heading{color:hsla(0,0%,100%,.85);font-size:1rem;font-weight:600;margin:0}.playpage-upsell-sub{color:hsla(0,0%,100%,.45);font-size:.85rem;margin:0}.playpage-upsell-btn{display:inline-flex;align-items:center;gap:.4rem;margin-top:.75rem;padding:.75rem 1.75rem;background:linear-gradient(135deg,#0f766e,#0891b2);color:#fff;font-weight:600;font-size:.95rem;border-radius:9999px;text-decoration:none;box-shadow:0 4px 20px rgba(8,145,178,.4);transition:transform .15s,box-shadow .15s}.playpage-upsell-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(8,145,178,.5)}.play-stage{position:relative;min-height:100svh;min-height:100dvh;width:100%;overflow:hidden;background:radial-gradient(ellipse at 50% -5%,#06111f 0,#010508 70%),linear-gradient(180deg,#040b14,#010305)}.play-stage:before{inset:0;background:radial-gradient(ellipse 55% 38% at 12% 8%,rgba(0,90,255,.2) 0,transparent 65%),radial-gradient(ellipse 42% 32% at 88% 88%,rgba(255,140,0,.18) 0,transparent 60%),radial-gradient(ellipse 28% 45% at 92% 6%,rgba(0,220,200,.14) 0,transparent 55%),radial-gradient(ellipse 20% 30% at 5% 85%,rgba(0,60,200,.1) 0,transparent 50%)}.play-stage:after,.play-stage:before{content:"";position:absolute;pointer-events:none;z-index:0}.play-stage:after{top:-8%;left:-15%;right:-15%;height:60%;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--occ-a,#0057ff) 14%,transparent) 0,transparent 72%);animation:horizon-pulse 8s ease-in-out infinite alternate}@keyframes horizon-pulse{0%{opacity:.7}to{opacity:1}}.play-stage__aurora{position:absolute;inset:0;pointer-events:none;z-index:0}.play-aurora__orb{position:absolute;border-radius:50%;mix-blend-mode:screen;filter:blur(38px);will-change:transform}.play-aurora__orb--a{width:90vmax;height:90vmax;top:-22%;left:-18%;background:radial-gradient(circle,var(--occ-a,#0057ff) 0,transparent 58%);opacity:.72;animation:pa-drift-a 28s ease-in-out infinite alternate}.play-aurora__orb--b{width:75vmax;height:75vmax;bottom:-18%;right:-12%;background:radial-gradient(circle,var(--occ-b,#ffbf00) 0,transparent 58%);opacity:.6;animation:pa-drift-b 34s ease-in-out infinite alternate}.play-aurora__orb--c{width:58vmax;height:58vmax;top:35%;left:18%;background:radial-gradient(circle,var(--occ-c,#00e5c8) 0,transparent 58%);opacity:.48;animation:pa-drift-c 24s ease-in-out infinite alternate}.play-aurora__orb--d{width:44vmax;height:44vmax;top:0;right:2%;background:radial-gradient(circle,var(--occ-d,#f70) 0,transparent 58%);opacity:.42;animation:pa-drift-d 38s ease-in-out infinite alternate}@keyframes pa-drift-a{0%{transform:translate(0) scale(1)}to{transform:translate(7vw,5vh) scale(1.1)}}@keyframes pa-drift-b{0%{transform:translate(0) scale(1)}to{transform:translate(-6vw,-8vh) scale(1.08)}}@keyframes pa-drift-c{0%{transform:translate(0) scale(1)}to{transform:translate(-4vw,7vh) scale(1.18)}}@keyframes pa-drift-d{0%{transform:translate(0)}to{transform:translate(5vw,9vh)}}.play-aurora__stars{position:absolute;inset:0;background-image:radial-gradient(circle,hsla(0,0%,100%,.9) .6px,transparent 0),radial-gradient(circle,rgba(200,230,255,.7) .5px,transparent 0),radial-gradient(circle,hsla(0,0%,100%,.5) .4px,transparent 0);background-size:240px 240px,160px 160px,320px 320px;background-position:0 0,90px 60px,40px 130px;opacity:.4;animation:stars-shimmer 12s ease-in-out infinite alternate}@keyframes stars-shimmer{0%{opacity:.28}to{opacity:.48}}.play-stage__sparkles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.play-stage__sparkle{position:absolute;width:3px;height:3px;border-radius:50%;background:hsla(0,0%,100%,.95);box-shadow:0 0 0 1px hsla(0,0%,100%,.4),0 0 6px 2px hsla(0,0%,100%,.8),0 0 16px 3px color-mix(in srgb,var(--occ-a,#0057ff) 60%,hsla(0,0%,100%,.4)),0 -8px 0 0 hsla(0,0%,100%,.15),0 8px 0 0 hsla(0,0%,100%,.15),-8px 0 0 0 hsla(0,0%,100%,.15),8px 0 0 0 hsla(0,0%,100%,.15);animation:sparkle-float 18s linear infinite;opacity:0}@keyframes sparkle-float{0%{transform:translate(var(--sx,0),110vh) scale(.4);opacity:0}10%{opacity:.8}90%{opacity:.6}to{transform:translate(calc(var(--sx, 0) + 30px),-10vh) scale(1.2);opacity:0}}.play-stage__sparkle--0{left:8%;--sx:14vw;animation-delay:0s;animation-duration:22s}.play-stage__sparkle--1{left:18%;--sx:-8vw;animation-delay:1.2s;animation-duration:19s}.play-stage__sparkle--2{left:28%;--sx:6vw;animation-delay:4s;animation-duration:24s}.play-stage__sparkle--3{left:36%;--sx:18vw;animation-delay:7s;animation-duration:21s}.play-stage__sparkle--4{left:44%;--sx:-10vw;animation-delay:2s;animation-duration:18s;width:4px;height:4px}.play-stage__sparkle--5{left:52%;--sx:4vw;animation-delay:9s;animation-duration:26s}.play-stage__sparkle--6{left:60%;--sx:-6vw;animation-delay:5s;animation-duration:17s;width:2px;height:2px}.play-stage__sparkle--7{left:68%;--sx:12vw;animation-delay:11s;animation-duration:23s}.play-stage__sparkle--8{left:76%;--sx:-14vw;animation-delay:3s;animation-duration:20s}.play-stage__sparkle--9{left:84%;--sx:8vw;animation-delay:8s;animation-duration:22s;width:4px;height:4px}.play-stage__sparkle--10{left:92%;--sx:-4vw;animation-delay:13s;animation-duration:19s}.play-stage__sparkle--11{left:14%;--sx:22vw;animation-delay:15s;animation-duration:25s}.play-stage__sparkle--12{left:22%;--sx:-16vw;animation-delay:6s;animation-duration:18s}.play-stage__sparkle--13{left:38%;--sx:10vw;animation-delay:14s;animation-duration:21s;width:2px;height:2px}.play-stage__sparkle--14{left:56%;--sx:-8vw;animation-delay:10s;animation-duration:23s}.play-stage__sparkle--15{left:72%;--sx:16vw;animation-delay:16s;animation-duration:20s}.play-stage__sparkle--16{left:82%;--sx:-12vw;animation-delay:12s;animation-duration:24s}.play-stage__sparkle--17{left:96%;--sx:-22vw;animation-delay:17s;animation-duration:26s;width:4px;height:4px}.play-stage__rays{inset:0;overflow:hidden;z-index:1}.play-stage__ray,.play-stage__rays{position:absolute;pointer-events:none}.play-stage__ray{width:220vmax;height:80px;left:50%;top:50%;background:linear-gradient(90deg,transparent 0,color-mix(in srgb,var(--occ-b,#f59e0b) 18%,transparent) 50%,transparent 100%);filter:blur(12px);mix-blend-mode:screen;opacity:.45}.play-stage__ray--a{transform:translate(-50%,-50%) rotate(-22deg);animation:ray-sweep-a 18s ease-in-out infinite alternate}.play-stage__ray--b{transform:translate(-50%,-50%) rotate(28deg);background:linear-gradient(90deg,transparent 0,color-mix(in srgb,var(--occ-a,#06b6d4) 16%,transparent) 50%,transparent 100%);animation:ray-sweep-b 22s ease-in-out infinite alternate}@keyframes ray-sweep-a{0%{transform:translate(-50%,-65%) rotate(-22deg);opacity:.32}to{transform:translate(-50%,-35%) rotate(-18deg);opacity:.55}}@keyframes ray-sweep-b{0%{transform:translate(-50%,-40%) rotate(28deg);opacity:.28}to{transform:translate(-50%,-60%) rotate(32deg);opacity:.5}}.play-stage__content{position:relative;z-index:10;min-height:100svh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem max(2.5rem,env(safe-area-inset-bottom,2.5rem))}@media (max-width:640px){.play-stage__content{padding:max(.35rem,env(safe-area-inset-top,0px)) .7rem max(.6rem,env(safe-area-inset-bottom,0px))}.playpage-content{justify-content:space-between;gap:.5rem;padding:max(.55rem,env(safe-area-inset-top,0px)) .85rem max(.7rem,env(safe-area-inset-bottom,0px))}.type-arc-overlay{top:max(.35rem,env(safe-area-inset-top,0px))}.playpage-recipient-hero{margin-bottom:.25rem}.playpage-for-name{font-size:clamp(2.6rem,13.6vw,4.3rem);line-height:1.1;padding-bottom:.16em}.playpage-sender-block{gap:.2rem}.playpage-from-label{font-size:.62rem;letter-spacing:.24em}.playpage-sender-name{font-size:clamp(1.2rem,6vw,1.9rem)}.playpage-orb-cluster{margin-top:.25rem;gap:clamp(.7rem,4vw,1.15rem)}.playpage-state-text{margin-top:.3rem;font-size:.58rem;letter-spacing:.2em}.playpage-side-action{width:54px;height:54px}}.envelope-scene{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.6rem;animation:envelope-rise .75s cubic-bezier(.34,1.45,.64,1) both}.envelope-scene--opened{animation:envelope-fall .65s cubic-bezier(.32,0,.67,0) .45s both}@keyframes envelope-rise{0%{transform:translateY(50px) scale(.82);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes envelope-fall{to{transform:translateY(80px) scale(.88);opacity:0}}.envelope-card{position:relative;width:310px;height:210px;perspective:800px}@media (max-width:380px){.envelope-card{width:260px;height:176px}}.envelope-glow-halo{position:absolute;inset:-70px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--occ-a,#ec4899) 40%,transparent) 0,color-mix(in srgb,var(--occ-b,#f59e0b) 20%,transparent) 45%,transparent 70%);animation:env-halo-pulse 2.8s ease-in-out infinite;pointer-events:none;z-index:0;filter:blur(28px)}@keyframes env-halo-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}.envelope-body-rect{background:linear-gradient(145deg,hsla(0,0%,100%,.22),hsla(0,0%,100%,.1) 50%,rgba(200,180,255,.12));backdrop-filter:blur(40px) saturate(1.6);-webkit-backdrop-filter:blur(40px) saturate(1.6);box-shadow:0 0 0 1.5px hsla(0,0%,100%,.45) inset,0 0 0 1px hsla(0,0%,100%,.1),0 32px 80px rgba(0,0,0,.45),0 0 60px color-mix(in srgb,var(--occ-a,#ec4899) 18%,transparent);z-index:1;overflow:hidden}.envelope-body-rect,.envelope-inner-shine{position:absolute;inset:0;border-radius:20px}.envelope-inner-shine{background:linear-gradient(135deg,hsla(0,0%,100%,.28),hsla(0,0%,100%,.06) 40%,transparent 70%);pointer-events:none}.envelope-seal{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);font-size:4rem;line-height:1;animation:seal-breathe 2.4s ease-in-out infinite;filter:drop-shadow(0 0 20px color-mix(in srgb,var(--occ-b,#f59e0b) 80%,transparent)) drop-shadow(0 0 40px color-mix(in srgb,var(--occ-a,#ec4899) 60%,transparent))}@keyframes seal-breathe{0%,to{transform:translate(-50%,-50%) scale(1);filter:drop-shadow(0 0 18px color-mix(in srgb,var(--occ-b,#f59e0b) 70%,transparent)) drop-shadow(0 0 36px color-mix(in srgb,var(--occ-a,#ec4899) 50%,transparent))}50%{transform:translate(-50%,-50%) scale(1.18);filter:drop-shadow(0 0 32px color-mix(in srgb,var(--occ-b,#f59e0b) 100%,transparent)) drop-shadow(0 0 64px color-mix(in srgb,var(--occ-a,#ec4899) 80%,transparent))}}.envelope-stars{position:absolute;top:20%;left:50%;transform:translateX(-50%);pointer-events:none;z-index:5}.envelope-star{position:absolute;font-size:1.4rem;left:0;top:0;animation:env-star-fly 1s cubic-bezier(.2,1.4,.5,1) both}.envelope-star--0{animation-delay:.05s;--esx:-90px;--esy:-130px}.envelope-star--1{animation-delay:.1s;--esx:90px;--esy:-110px}.envelope-star--2{animation-delay:.15s;--esx:-55px;--esy:-155px}.envelope-star--3{animation-delay:.08s;--esx:55px;--esy:-145px}.envelope-star--4{animation-delay:.2s;--esx:5px;--esy:-170px}@keyframes env-star-fly{0%{transform:translate(0) scale(0) rotate(0deg);opacity:1}to{transform:translate(var(--esx),var(--esy)) scale(1.3) rotate(1turn);opacity:0}}.envelope-card--tappable{cursor:pointer;animation:envelope-bob 3s ease-in-out infinite;-webkit-tap-highlight-color:transparent}@keyframes envelope-bob{0%,to{transform:translateY(0) scale(1) rotate(0deg)}30%{transform:translateY(-12px) scale(1.015) rotate(.4deg)}60%{transform:translateY(-7px) scale(1.01) rotate(-.3deg)}}.envelope-card--tappable:focus-visible,.envelope-card--tappable:hover{filter:brightness(1.15) drop-shadow(0 0 40px color-mix(in srgb,var(--occ-a,#ec4899) 70%,transparent));outline:none}.envelope-card--tappable:active{transform:scale(.94)!important;transition:transform .12s}.envelope-tap-prompt{display:flex;flex-direction:row;align-items:center;gap:.6rem;animation:tap-prompt-fade-in .8s cubic-bezier(.22,1,.36,1) .9s both}@keyframes tap-prompt-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.envelope-tap-dot{width:5px;height:5px;border-radius:50%;background:color-mix(in srgb,var(--occ-a,#ec4899) 80%,#fff);box-shadow:0 0 10px color-mix(in srgb,var(--occ-a,#ec4899) 80%,transparent);animation:env-dot-pulse 1.6s ease-in-out infinite}.envelope-tap-dot:last-child{animation-delay:.8s}@keyframes env-dot-pulse{0%,to{opacity:.45;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.envelope-tap-text{font-family:Inter,Helvetica Neue,sans-serif;font-size:.82rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:hsla(0,0%,100%,.65);animation:tap-text-breathe 2.4s ease-in-out infinite}@keyframes tap-text-breathe{0%,to{opacity:.6}50%{opacity:1;color:hsla(0,0%,100%,.95)}}.envelope-caption{font-size:.78rem;font-weight:400;color:hsla(0,0%,100%,.4);letter-spacing:.16em;text-align:center;text-transform:uppercase;transition:all .4s ease}.envelope-caption--opening{color:hsla(0,0%,100%,.7);letter-spacing:.2em}.headline-burst-in{animation:headline-burst .5s cubic-bezier(.34,1.6,.64,1) both}@keyframes headline-burst{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.playpage-recipient-hero{display:flex;flex-direction:column;align-items:center;gap:.1rem;margin-bottom:2rem;animation:hero-name-pop .65s cubic-bezier(.34,1.9,.64,1) both}@keyframes hero-name-pop{0%{transform:scale(.2) translateY(24px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.playpage-for-label{font-size:clamp(.66rem,2.4vw,.78rem);font-weight:600;letter-spacing:.42em;text-transform:uppercase;color:hsla(0,0%,100%,.4);line-height:1}.playpage-for-name{font-family:Fraunces,serif;font-size:clamp(3.4rem,19vw,7rem);font-weight:600;font-style:italic;line-height:1.18;letter-spacing:-.025em;padding:.18em .04em .24em;background:linear-gradient(180deg,#fff 0,color-mix(in srgb,var(--occ-b,#f59e0b) 30%,#fff) 60%,color-mix(in srgb,var(--occ-a,#06b6d4) 22%,#fff) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 32px color-mix(in srgb,var(--occ-a,#06b6d4) 32%,transparent));text-align:center;word-break:break-word;max-width:min(92vw,560px);margin-top:.4rem;animation:hero-name-shimmer 6s ease-in-out infinite}@keyframes hero-name-shimmer{0%,to{filter:drop-shadow(0 0 32px color-mix(in srgb,var(--occ-a,#06b6d4) 32%,transparent))}50%{filter:drop-shadow(0 0 56px color-mix(in srgb,var(--occ-b,#f59e0b) 38%,transparent))}}.playpage-photo-ring--2{position:absolute;inset:-16px;border-radius:50%;border:2px solid transparent;background:linear-gradient(#07040e,#07040e) padding-box,linear-gradient(135deg,var(--occ-a,#4facfe),var(--occ-b,#fee440)) border-box;animation:photo-ring-2-spin 6s linear infinite;pointer-events:none}@keyframes photo-ring-2-spin{to{transform:rotate(1turn)}}.playpage-sender-name--typing:after{content:"|";display:inline-block;animation:cursor-blink .7s step-start infinite;-webkit-text-fill-color:hsla(0,0%,100%,.55);margin-left:3px;font-weight:300}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.playpage-play-btn{position:relative;width:112px;height:112px;border-radius:50%;border:none;cursor:pointer;background:radial-gradient(circle at 35% 30%,hsla(0,0%,100%,.22) 0,transparent 55%),linear-gradient(145deg,hsla(0,0%,100%,.12),rgba(0,0,0,.3));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 0 0 1.5px hsla(0,0%,100%,.18) inset,0 0 0 3px var(--occ-b,gold),0 20px 60px rgba(0,0,0,.55),0 0 55px var(--occ-a,#ff9d00),0 0 100px rgba(255,180,0,.18);display:flex;align-items:center;justify-content:center;touch-action:manipulation;transition:transform .15s,box-shadow .2s;animation:play-btn-pop .6s cubic-bezier(.34,1.8,.64,1) both}@keyframes play-btn-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.playpage-play-btn:active{transform:scale(.93)}.playpage-play-btn--playing:before{content:"";position:absolute;inset:-7px;border-radius:50%;border-left:3.5px solid transparent;border-bottom:3.5px solid transparent;border-top:3.5px solid transparent;border-top-color:var(--occ-b,gold);border-right:3.5px solid transparent;border-right-color:var(--occ-a,#ff9d00);animation:play-ring-spin 1.2s linear infinite}@keyframes play-ring-spin{to{transform:rotate(1turn)}}.playpage-play-btn--playing{box-shadow:0 0 0 1.5px hsla(0,0%,100%,.18) inset,0 0 0 3px var(--occ-a,#ff9d00),0 16px 50px rgba(0,0,0,.45),0 0 70px var(--occ-a,#ff9d00)}.playpage-play-btn--apology{--occ-a:#4a6fa5;--occ-b:#6b8cba;box-shadow:inset 0 0 0 1.5px hsla(0,0%,100%,.12),0 0 0 3px #4a6fa5,0 16px 50px rgba(0,0,0,.5),0 0 40px rgba(74,111,165,.4)}.playpage-pulse-ring{position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--occ-b,gold);opacity:0;animation:play-pulse 2.4s ease-out infinite;pointer-events:none}.playpage-pulse-ring--2{animation-delay:1.2s}@keyframes play-pulse{0%{transform:scale(1);opacity:.7}to{transform:scale(2.2);opacity:0}}.playpage-wave-bar{width:3px;min-height:4px;border-radius:3px;background:linear-gradient(to top,var(--occ-a,#0891b2),var(--occ-b,#22d3ee));animation:playpage-wave .7s ease-in-out infinite alternate}.heart-burst{position:fixed;bottom:32%;left:50%;transform:translateX(-50%);pointer-events:none;z-index:80;width:0;height:0}.heart-particle{position:absolute;font-size:1.5rem;bottom:0;left:0;animation:heart-float-up 2.8s cubic-bezier(.22,1,.36,1) both}.heart-particle--0{--hx:-120px;animation-delay:0s}.heart-particle--1{--hx:120px;animation-delay:.08s}.heart-particle--2{--hx:-60px;animation-delay:.16s}.heart-particle--3{--hx:60px;animation-delay:.24s}.heart-particle--4{--hx:-180px;animation-delay:.05s}.heart-particle--5{--hx:180px;animation-delay:.12s}.heart-particle--6{--hx:-90px;animation-delay:.2s}.heart-particle--7{--hx:90px;animation-delay:.28s}.heart-particle--8{--hx:0px;animation-delay:.1s}.heart-particle--9{--hx:-30px;animation-delay:.32s}@keyframes heart-float-up{0%{transform:translate(var(--hx,0)) scale(.4) rotate(-15deg);opacity:1}40%{opacity:1}to{transform:translate(calc(var(--hx, 0) * .7),-280px) scale(1.3) rotate(15deg);opacity:0}}.audio-visualizer-canvas{display:block;width:280px;height:52px;border-radius:10px;opacity:.85}.playpage-text-word{display:inline;opacity:0;filter:blur(6px);transition:opacity .35s ease,filter .35s ease}.playpage-text-word--visible{opacity:1;filter:blur(0)}.playpage-after-play{display:flex;flex-direction:column;align-items:center;gap:1.25rem;width:100%;animation:fade-in-up .6s ease-out both}.playpage-memory-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;border-radius:9999px;border:1.5px solid hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.07);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:hsla(0,0%,100%,.85);font-size:.95rem;font-weight:600;letter-spacing:.03em;cursor:pointer;transition:background .2s,border-color .2s,transform .15s;touch-action:manipulation}.playpage-memory-btn:hover{background:hsla(0,0%,100%,.13);border-color:var(--occ-b,rgba(255,215,0,.5));transform:translateY(-2px)}.playpage-memory-btn:active{transform:scale(.96)}.playpage-memory-btn:disabled{opacity:.6;cursor:default;transform:none}.playpage-memory-btn__spinner{display:inline-block;width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spinner-spin .8s linear infinite}@keyframes spinner-spin{to{transform:rotate(1turn)}}.playpage-orb-cluster{gap:clamp(1.5rem,7vw,3.5rem);margin-top:1.4rem;width:100%;max-width:540px}.playpage-karaoke-screen,.playpage-orb-cluster{display:flex;align-items:center;justify-content:center}.playpage-karaoke-screen{position:fixed;inset:0;z-index:86;pointer-events:auto;animation:karaoke-screen-in .35s ease-out both}.playpage-karaoke-screen__veil{position:absolute;inset:0;background:radial-gradient(ellipse 120% 80% at 50% 50%,color-mix(in srgb,var(--occ-a,#ec4899) 12%,rgba(8,4,18,0)),rgba(6,3,14,.82) 70%),linear-gradient(180deg,rgba(10,5,20,.78),rgba(4,2,10,.88));backdrop-filter:blur(6px) saturate(1.3);-webkit-backdrop-filter:blur(6px) saturate(1.3)}.playpage-karaoke-screen__word-wrap{position:relative;width:min(96vw,1000px);text-align:center;padding:0 .5rem 4.2rem}.playpage-karaoke-screen__line{margin:0;font-family:Fraunces,serif;font-size:clamp(1.3rem,4.6vw,2.4rem);line-height:1.55;font-weight:500;letter-spacing:.01em;color:hsla(0,0%,100%,.32)}.playpage-karaoke-screen__token{opacity:.08;filter:blur(3px);transition:opacity .25s ease,filter .25s ease,color .35s ease}.playpage-karaoke-screen__token.is-visible{opacity:.7;filter:blur(0);color:hsla(0,0%,100%,.8)}.playpage-karaoke-screen__token.is-active{opacity:1;color:#fff;background:linear-gradient(160deg,#fff 0,color-mix(in srgb,var(--occ-b,#f59e0b) 58%,#fff) 48%,color-mix(in srgb,var(--occ-a,#ec4899) 58%,#fff) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 16px color-mix(in srgb,var(--occ-b,#f59e0b) 48%,transparent)) drop-shadow(0 0 40px color-mix(in srgb,var(--occ-a,#ec4899) 36%,transparent));animation:karaoke-word-pop .32s cubic-bezier(.34,1.7,.64,1) both}.playpage-karaoke-screen__return{position:absolute;left:50%;bottom:max(.8rem,env(safe-area-inset-bottom,0px));transform:translateX(-50%);border:1px solid hsla(0,0%,100%,.28);border-radius:999px;background:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.9);font-size:.86rem;font-weight:600;letter-spacing:.02em;padding:.55rem 1.05rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;transition:transform .15s ease,background .2s ease,border-color .2s ease}.playpage-karaoke-screen__return:hover{transform:translateX(-50%) translateY(-1px);background:hsla(0,0%,100%,.14);border-color:hsla(0,0%,100%,.42)}@keyframes karaoke-screen-in{0%{opacity:0}to{opacity:1}}@keyframes karaoke-word-pop{0%{opacity:0;transform:scale(.93) translateY(8px);filter:blur(6px) drop-shadow(0 0 0 transparent)}to{opacity:1;transform:scale(1) translateY(0);filter:drop-shadow(0 0 16px color-mix(in srgb,var(--occ-b,#f59e0b) 48%,transparent)) drop-shadow(0 0 40px color-mix(in srgb,var(--occ-a,#ec4899) 36%,transparent))}}.playpage-state-text{margin-top:1.4rem;font-size:.72rem;font-weight:600;letter-spacing:.42em;color:hsla(0,0%,100%,.42);text-transform:uppercase;text-align:center;animation:state-fade .6s ease-out both}@keyframes state-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.playpage-side-action{position:relative;width:72px;height:72px;border-radius:50%;border:1.5px solid hsla(0,0%,100%,.28);background:radial-gradient(circle at 30% 25%,hsla(0,0%,100%,.18),transparent 60%),linear-gradient(150deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.05));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:hsla(0,0%,100%,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.5,.64,1),border-color .25s,background .25s;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.12),0 8px 24px rgba(0,0,0,.3)}.playpage-side-action:hover:not(:disabled){transform:translateY(-3px) scale(1.06);border-color:hsla(0,0%,100%,.5);background:radial-gradient(circle at 30% 25%,hsla(0,0%,100%,.28),transparent 60%),linear-gradient(150deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.1))}.playpage-side-action:active:not(:disabled){transform:scale(.94)}.playpage-side-action:disabled{opacity:.4;cursor:not-allowed}.playpage-side-action__icon{display:inline-flex;align-items:center;justify-content:center;font-size:1.6rem;line-height:1;color:hsla(0,0%,100%,.95)}.playpage-side-action__label{font-size:.58rem;font-weight:600;letter-spacing:.04em;color:hsla(0,0%,100%,.7);margin-top:1px;text-transform:none}.playpage-aurora-orb{position:relative;width:200px;height:200px;border-radius:50%;border:none;cursor:pointer;background:transparent;display:flex;align-items:center;justify-content:center;isolation:isolate;transition:transform .2s ease;animation:orb-rise .95s cubic-bezier(.34,1.45,.64,1) both,orb-breathe 5s ease-in-out infinite}@keyframes orb-rise{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes orb-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}.playpage-aurora-orb:active{transform:scale(.96);animation:orb-rise .95s cubic-bezier(.34,1.45,.64,1) both}.playpage-aurora-orb__halo{position:absolute;inset:-54px;border-radius:50%;background:conic-gradient(from 0deg,var(--occ-c,#3b82f6),var(--occ-a,#06b6d4),var(--occ-d,#a855f7),var(--occ-b,#f59e0b),var(--occ-c,#3b82f6));filter:blur(28px);opacity:calc(.48 + (var(--orb-energy, 0) * .42));animation:orb-halo-spin 9s linear infinite;z-index:-2}@keyframes orb-halo-spin{to{transform:rotate(1turn)}}.playpage-aurora-orb__pulse{position:absolute;inset:-10px;border-radius:50%;border:2px solid color-mix(in srgb,var(--occ-b,#f59e0b) 60%,#fff 12%);opacity:0;animation:orb-pulse-ring 2.6s cubic-bezier(.22,1,.36,1) infinite;z-index:-1;pointer-events:none}@keyframes orb-pulse-ring{0%{transform:scale(.86);opacity:0}20%{opacity:.78}to{transform:scale(1.55);opacity:0}}.playpage-aurora-orb__inner{position:absolute;inset:8px;border-radius:50%;background:radial-gradient(circle at 30% 26%,hsla(0,0%,100%,.55),transparent 52%),radial-gradient(circle at 72% 76%,color-mix(in srgb,var(--occ-d,#a855f7) 50%,transparent),transparent 60%),radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--occ-a,#06b6d4) 35%,#060b1a) 0,transparent 72%),linear-gradient(140deg,color-mix(in srgb,var(--occ-a,#06b6d4) 45%,#060b1a),color-mix(in srgb,var(--occ-d,#a855f7) 28%,#060b1a) 60%,#050a1a);box-shadow:0 0 0 1.5px hsla(0,0%,100%,.22) inset,0 0 0 4px hsla(0,0%,100%,.04) inset,0 0 60px color-mix(in srgb,var(--occ-a,#06b6d4) 42%,transparent),0 0 90px color-mix(in srgb,var(--occ-b,#f59e0b) 18%,transparent),0 28px 80px rgba(0,0,0,.6);z-index:-1;animation:orb-color-cycle 14s ease-in-out infinite}@keyframes orb-color-cycle{0%,to{filter:hue-rotate(0deg) saturate(1)}50%{filter:hue-rotate(20deg) saturate(1.18)}}.playpage-aurora-orb__sweep{position:absolute;inset:8px;border-radius:50%;background:conic-gradient(from 90deg,transparent 0deg,hsla(0,0%,100%,.32) 50deg,transparent 100deg);animation:orb-sweep 4.5s linear infinite;pointer-events:none;mix-blend-mode:screen;opacity:.78;z-index:0}@keyframes orb-sweep{to{transform:rotate(1turn)}}.playpage-aurora-orb__icon{position:relative;color:hsla(0,0%,100%,.98);filter:drop-shadow(0 3px 12px rgba(0,0,0,.55)) drop-shadow(0 0 18px color-mix(in srgb,var(--occ-b,#f59e0b) 45%,transparent));transform:translateX(3px);z-index:1}.playpage-aurora-orb--playing .playpage-aurora-orb__icon{transform:translateX(0)}.playpage-aurora-orb--playing{animation:orb-rise .95s cubic-bezier(.34,1.45,.64,1) both,orb-playing-breathe 1.6s ease-in-out infinite}@keyframes orb-playing-breathe{0%,to{transform:scale(1)}50%{transform:scale(calc(1 + (var(--orb-energy, 0) * .06)))}}.playpage-aurora-orb--playing .playpage-aurora-orb__halo{animation-duration:3.2s;opacity:calc(.7 + (var(--orb-energy, 0) * .4))}.playpage-aurora-orb--playing .playpage-aurora-orb__pulse{animation-duration:1.8s;border-color:color-mix(in srgb,var(--occ-a,#06b6d4) 70%,#fff 18%)}.playpage-aurora-orb--apology .playpage-aurora-orb__halo{background:conic-gradient(from 0deg,#1e40af,#3b82f6,#64748b,#475569,#1e40af);opacity:.36}.playpage-aurora-orb--apology .playpage-aurora-orb__inner{background:radial-gradient(circle at 30% 26%,hsla(0,0%,100%,.28),transparent 55%),linear-gradient(140deg,#1a2540,#0a1224);box-shadow:inset 0 0 0 1.5px hsla(0,0%,100%,.1),0 0 48px rgba(59,130,246,.36),0 28px 80px rgba(0,0,0,.65)}@media (max-width:420px){.playpage-aurora-orb{width:168px;height:168px}.playpage-aurora-orb__halo{inset:-42px;filter:blur(22px)}.playpage-side-action{width:58px;height:58px}.playpage-side-action__label{font-size:.52rem;letter-spacing:.16em}}.playpage-photo-wrap--sm{margin-bottom:.25rem}.playpage-photo--sm{width:88px!important;height:88px!important}.playpage-photo-wrap--sm .playpage-photo-ring{inset:-6px}.playpage-photo-wrap--sm .playpage-photo-ring--2{inset:-12px}.occ-decor{display:flex;align-items:center;justify-content:center;margin-bottom:.25rem;width:min(420px,88vw)}.occ-signature-shell{position:relative;width:min(360px,84vw);height:84px;border-radius:999px;overflow:hidden;border:1px solid color-mix(in srgb,var(--occ-d2,#93c5fd) 42%,hsla(0,0%,100%,.3));background:radial-gradient(circle at 24% 28%,color-mix(in srgb,var(--occ-d1,#f5e7b2) 38%,transparent),transparent 62%),radial-gradient(circle at 78% 72%,color-mix(in srgb,var(--occ-d2,#7dd3fc) 34%,transparent),transparent 62%),linear-gradient(120deg,rgba(10,16,28,.86),rgba(20,24,42,.78));box-shadow:0 14px 48px rgba(0,0,0,.44),0 0 0 1px hsla(0,0%,100%,.06) inset,0 0 36px color-mix(in srgb,var(--occ-d1,#f5e7b2) 18%,transparent);transition:transform .08s ease-out}.occ-signature-beam{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,color-mix(in srgb,var(--occ-d3,#f59e0b) 28%,transparent) 24%,color-mix(in srgb,var(--occ-d2,#7dd3fc) 26%,transparent) 50%,color-mix(in srgb,var(--occ-d1,#f5e7b2) 28%,transparent) 76%,transparent 100%);opacity:var(--occ-energy,.4);filter:blur(10px)}.occ-signature-core{position:absolute;inset:14px 18px;border-radius:999px;border:1px solid hsla(0,0%,100%,.14);background:linear-gradient(120deg,hsla(0,0%,100%,.09),hsla(0,0%,100%,.02));display:flex;align-items:center;justify-content:center}.occ-signature-label{font-size:.7rem;letter-spacing:.26em;text-transform:uppercase;font-weight:700;color:rgba(241,245,249,.85)}.occ-signature-bars{position:absolute;inset:auto 20px 8px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:7px}.occ-signature-bar{border-radius:999px;background:linear-gradient(to top,color-mix(in srgb,var(--occ-d2,#7dd3fc) 74%,#0f172a),var(--occ-d1,#f5e7b2));opacity:calc(.56 + (var(--occ-energy, .35) * .56));animation:occ-signature-wave 1.05s ease-in-out infinite alternate;pointer-events:none}@keyframes occ-signature-wave{0%{transform:translateY(1px) scaleY(.84)}to{transform:translateY(-1px) scaleY(1.18)}}.word-theater{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;overflow:hidden;animation:theater-fade-in .55s cubic-bezier(.22,1,.36,1) both}@keyframes theater-fade-in{0%{opacity:0}to{opacity:1}}.word-theater__canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.word-theater__ring{position:absolute;top:50%;left:50%;width:60px;height:60px;border-radius:50%;border:2.5px solid var(--ring-c,#fff);pointer-events:none;animation:theater-ring .9s cubic-bezier(.12,.6,.35,1) forwards}.word-theater__ring--2{border-width:1.5px;opacity:.45;animation-duration:1.1s}@keyframes theater-ring{0%{transform:translate(-50%,-50%) scale(0);opacity:.9}to{transform:translate(-50%,-50%) scale(14);opacity:0}}.word-theater__ghost{position:absolute;font-family:Fraunces,serif;font-size:clamp(3rem,16vw,9rem);font-weight:700;line-height:1;letter-spacing:-.02em;pointer-events:none;text-align:center;padding:0 1rem;animation:theater-ghost-out .8s cubic-bezier(.22,.6,.36,1) forwards}@keyframes theater-ghost-out{0%{opacity:.38;transform:scale(1);filter:blur(0)}40%{opacity:.15;transform:scale(1.25) translateY(-20px);filter:blur(8px)}to{opacity:0;transform:scale(1.7) translateY(-50px);filter:blur(24px)}}.word-theater__amp-wrap{position:relative;z-index:10;display:flex;align-items:center;justify-content:center}.word-theater__word{font-family:Fraunces,serif;font-size:clamp(3.5rem,18vw,10rem);font-weight:700;line-height:1.05;text-align:center;color:var(--wc,#fff);display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;padding:0 .75rem;max-width:95vw}.word-theater__word--name{font-size:clamp(4rem,22vw,12rem);animation:theater-name-shimmer .6s ease-out both}@keyframes theater-name-shimmer{0%{filter:brightness(2) blur(4px)}to{filter:brightness(1) blur(0)}}.word-theater__letter{display:inline-block;animation-name:theater-letter-in,theater-letter-wobble;animation-duration:.42s,2.4s;animation-timing-function:cubic-bezier(.34,1.56,.64,1),ease-in-out;animation-delay:var(--ld,0s),calc(var(--ld, 0s) + .55s);animation-fill-mode:backwards,none;animation-iteration-count:1,infinite}@keyframes theater-letter-in{0%{transform:translateY(80px) scale(.08) rotate(-22deg);opacity:0}62%{transform:translateY(-14px) scale(1.22) rotate(5deg);opacity:1}82%{transform:translateY(4px) scale(.96) rotate(-1.5deg)}to{transform:translateY(0) scale(1) rotate(0deg);opacity:1}}@keyframes theater-letter-wobble{0%,to{transform:translateY(0) rotate(0deg)}28%{transform:translateY(-7px) rotate(-2deg)}68%{transform:translateY(6px) rotate(1.5deg)}}.word-theater__progress{position:absolute;bottom:max(1.75rem,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(80vw,22rem);height:3px;background:hsla(0,0%,100%,.1);border-radius:9999px;overflow:hidden}.word-theater__progress-bar{height:100%;border-radius:9999px;transition:width .3s ease-out,background-color .3s ease}.word-theater__counter{position:absolute;bottom:max(3.5rem,calc(env(safe-area-inset-bottom) + 1.75rem));left:50%;transform:translateX(-50%);color:hsla(0,0%,100%,.22);font-size:.68rem;letter-spacing:.08em;pointer-events:none;white-space:nowrap}.word-theater__skip{position:absolute;top:max(1.25rem,env(safe-area-inset-top));right:1.25rem;background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.14);border-radius:9999px;color:hsla(0,0%,100%,.4);font-size:.75rem;font-weight:500;padding:.32rem .85rem;cursor:pointer;transition:background .15s,color .15s;z-index:30}.word-theater__skip:hover{background:hsla(0,0%,100%,.14);color:hsla(0,0%,100%,.75)}.form-textarea{min-height:5rem;resize:vertical;line-height:1.55}.er-root{position:fixed;inset:0;z-index:200;overflow:hidden;background:#050210;animation:er-enter .7s ease-out both}@keyframes er-enter{0%{opacity:0}to{opacity:1}}.er-canvas-wrap{position:absolute;inset:0}.er-canvas-wrap canvas{display:block;width:100%!important;height:100%!important}.er-scene-wrap{position:absolute;inset:0;perspective:900px;perspective-origin:50% 50%;overflow:hidden}.er-camera{position:absolute;inset:0;transform-style:preserve-3d}.er-current-word,.er-echo-word{position:absolute;font-family:Fraunces,serif;font-weight:700;line-height:1;white-space:nowrap;pointer-events:none;user-select:none}.er-current-word{text-align:center;animation:er-word-appear .45s cubic-bezier(.22,1,.36,1) both}@keyframes er-word-appear{0%{opacity:0;filter:blur(30px)}to{opacity:1;filter:blur(0)}}.er-residue{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;animation:er-residue-in 1.5s cubic-bezier(.22,1,.36,1) both}@keyframes er-residue-in{0%{opacity:0;transform:scale(.6);filter:blur(20px)}to{opacity:1;transform:scale(1);filter:blur(0)}}.er-residue__orb{width:min(36vw,180px);height:min(36vw,180px);border-radius:50%;background:radial-gradient(circle,rgba(255,215,0,.9) 0,rgba(255,150,50,.5) 45%,transparent 75%);filter:blur(2px);animation:er-orb-pulse 2.2s ease-in-out infinite;box-shadow:0 0 80px rgba(255,215,0,.6),0 0 160px rgba(255,150,50,.3)}@keyframes er-orb-pulse{0%,to{transform:scale(1);opacity:.85;filter:blur(2px)}50%{transform:scale(1.08);opacity:1;filter:blur(0)}}.er-residue__name{font-family:Fraunces,serif;font-size:clamp(2.5rem,14vw,7rem);font-weight:700;color:gold;text-align:center;line-height:1;letter-spacing:-.01em;text-shadow:0 0 30px rgba(255,215,0,.9),0 0 60px rgba(255,215,0,.5),0 0 100px rgba(255,180,50,.3);animation:er-name-float 2.8s ease-in-out infinite}@keyframes er-name-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.er-skip{position:absolute;top:max(1.25rem,env(safe-area-inset-top));right:1.25rem;z-index:30;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:9999px;color:hsla(0,0%,100%,.3);font-size:.72rem;font-weight:400;padding:.3rem .8rem;cursor:pointer;transition:background .2s,color .2s}.er-skip:hover{background:hsla(0,0%,100%,.12);color:hsla(0,0%,100%,.65)}.form-text-sync-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .7rem;background:rgba(52,211,153,.12);border:1px solid rgba(52,211,153,.3);border-radius:9999px;color:#34d399;font-size:.72rem;font-weight:600;margin-top:.6rem;letter-spacing:.01em;animation:badge-pop .35s cubic-bezier(.34,1.56,.64,1) both}@keyframes badge-pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.ce-root{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;user-select:none;animation:ce-root-in 1.4s cubic-bezier(.22,1,.36,1) both}@keyframes ce-root-in{0%{opacity:0}to{opacity:1}}.ce-ambient{position:absolute;inset:0;pointer-events:none;background:inherit;filter:blur(80px);opacity:.6;transform:scale(1.4)}.ce-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:1.1rem;padding:2rem 2rem max(2rem,env(safe-area-inset-bottom));text-align:center;animation:ce-content-in 1.6s cubic-bezier(.22,1,.36,1) .35s both}@keyframes ce-content-in{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.ce-overtitle{font-family:Inter,Helvetica Neue,sans-serif;font-size:clamp(.55rem,2.8vw,.82rem);font-weight:700;letter-spacing:.32em;text-transform:uppercase;opacity:.55;animation:ce-overtitle-in 1.1s cubic-bezier(.22,1,.36,1) .7s both}@keyframes ce-overtitle-in{0%{opacity:0;letter-spacing:.55em}to{opacity:.55;letter-spacing:.32em}}.ce-subtitle-top{font-family:Inter,Helvetica Neue,sans-serif;font-size:clamp(.65rem,3vw,.9rem);font-weight:400;letter-spacing:.18em;text-transform:lowercase;color:hsla(0,0%,100%,.3);animation:ce-content-in 1.1s cubic-bezier(.22,1,.36,1) .7s both}.ce-name-wrap{position:relative;overflow:hidden;line-height:1}.ce-name{font-family:Fraunces,Georgia,serif;font-size:clamp(4rem,21vw,12rem);font-weight:900;line-height:.9;letter-spacing:-.04em;display:block;animation:ce-name-in 1.6s cubic-bezier(.22,1,.36,1) .5s both}@keyframes ce-name-in{0%{opacity:0;transform:scale(.84);filter:blur(14px)}to{opacity:1;transform:scale(1);filter:blur(0)}}.ce-light-pass{position:absolute;inset:0;background:linear-gradient(108deg,transparent 28%,hsla(0,0%,100%,.26) 48%,hsla(0,0%,100%,.12) 52%,transparent 72%);pointer-events:none;animation:ce-light-pass 5s ease-in-out 2.2s infinite}@keyframes ce-light-pass{0%{transform:translateX(-220%)}30%{transform:translateX(220%)}to{transform:translateX(220%)}}.ce-credit{font-family:Inter,Helvetica Neue,sans-serif;font-size:clamp(.75rem,3.5vw,1rem);font-weight:300;color:hsla(0,0%,100%,.3);letter-spacing:.1em;text-transform:lowercase;animation:ce-credit-in 1s ease-out 1.2s both}@keyframes ce-credit-in{0%{opacity:0}to{opacity:1}}.ce-hint{position:absolute;bottom:max(5.5rem,calc(env(safe-area-inset-bottom) + 4.5rem));left:50%;transform:translateX(-50%);font-family:Inter,sans-serif;font-size:.6rem;color:hsla(0,0%,100%,0);letter-spacing:.16em;text-transform:lowercase;pointer-events:none;white-space:nowrap;transition:color .8s ease;z-index:3}.ce-hint--visible{color:hsla(0,0%,100%,.18)}.ce-footer{position:absolute;bottom:max(1.25rem,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:3;display:flex;align-items:center;gap:.75rem;opacity:0;animation:ce-footer-in 1s ease-out 4s both;transition:opacity .5s ease;padding:.5rem 1rem}.ce-footer:hover{opacity:.55!important}@keyframes ce-footer-in{0%{opacity:0}to{opacity:.1}}.ce-footer-action{font-family:Inter,sans-serif;font-size:.68rem;color:hsla(0,0%,100%,.9);background:none;border:none;padding:.4rem .2rem;cursor:pointer;letter-spacing:.05em;text-decoration:none}.ce-footer-dot{color:hsla(0,0%,100%,.4);font-size:.55rem;pointer-events:none}.hover\:border-teal-500:hover{--tw-border-opacity:1;border-color:rgb(20 184 166/var(--tw-border-opacity,1))}.hover\:bg-teal-50\/50:hover{background-color:rgba(240,253,250,.5)}.hover\:underline:hover{text-decoration-line:underline}.disabled\:opacity-60:disabled{opacity:.6}@media (min-width:640px){.sm\:block{display:block}.sm\:h-\[38rem\]{height:38rem}.sm\:w-12{width:3rem}.sm\:w-16{width:4rem}.sm\:w-\[38rem\]{width:38rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-7xl{font-size:4.5rem;line-height:1}.sm\:text-8xl{font-size:6rem;line-height:1}}@media (min-width:768px){.md\:h-32{height:8rem}.md\:h-44{height:11rem}.md\:min-h-\[240px\]{min-height:240px}.md\:min-h-\[280px\]{min-height:280px}.md\:w-32{width:8rem}.md\:w-44{width:11rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}}