:root{--mood:#b89154;--mood-2:#5a4326;--ink:#1c1813;--cream:#fff8ee;--spectrum:linear-gradient(90deg, #5674be99 0%, #b4967499 36%, #ffbe4699 70%, #ff5c8c99 100%);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-back:cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html,body{height:100%}body{min-height:100dvh;color:var(--cream);background:radial-gradient(125% 100% at 50% -8%, color-mix(in srgb, var(--mood) 26%, #0b0910) 0%, #08070c 55%, #050409 100%);-webkit-font-smoothing:antialiased;place-items:center;padding:clamp(1rem,5vw,2.5rem);font-family:Space Grotesk,system-ui,sans-serif;display:grid;overflow:hidden}.aurora{z-index:0;pointer-events:none;filter:blur(66px)saturate(1.25);position:fixed;inset:-25%}.blob{mix-blend-mode:screen;border-radius:50%;transition:background 1.2s linear;position:absolute}.blob--1{opacity:.55;background:radial-gradient(circle, var(--mood) 0%, transparent 62%);width:62vmax;height:62vmax;animation:19s ease-in-out infinite drift1;top:-18%;left:-12%}.blob--2{opacity:.5;background:radial-gradient(circle, color-mix(in srgb, var(--mood) 62%, #fff) 0%, transparent 62%);width:54vmax;height:54vmax;animation:24s ease-in-out infinite drift2;bottom:-20%;right:-14%}.blob--3{opacity:.42;background:radial-gradient(circle, color-mix(in srgb, var(--mood) 72%, #6a4bff) 0%, transparent 62%);width:46vmax;height:46vmax;animation:30s ease-in-out infinite drift3;top:12%;right:8%}@keyframes drift1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(14vw,10vh)scale(1.18)}}@keyframes drift2{0%,to{transform:translate(0)scale(1.1)}50%{transform:translate(-12vw,-8vh)scale(1)}}@keyframes drift3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-10vw,12vh)scale(1.2)}}body:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(130% 110% at 50% 34%,#0000 46%,#0000009e 100%);position:fixed;inset:0}.grain{z-index:2;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stage{z-index:3;text-align:center;flex-direction:column;align-items:center;gap:clamp(.7rem,2vh,1.2rem);display:flex;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.36em;color:color-mix(in srgb, var(--cream) 64%, transparent);font-size:.72rem;font-weight:600}.prompt{letter-spacing:-.015em;text-shadow:0 2px 30px #00000080;margin-bottom:.1rem;font-family:Space Grotesk,system-ui,sans-serif;font-size:clamp(1.4rem,1rem + 2.5vw,2.3rem);font-weight:700}.face{width:clamp(222px,60vw,300px);animation:faceIn .8s var(--ease-out) both .16s, floatBob 6.5s ease-in-out infinite .9s;position:relative}@keyframes faceIn{0%{opacity:0}to{opacity:1}}@keyframes floatBob{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.face__inner{will-change:transform;position:relative}.face__halo{aspect-ratio:1;z-index:0;background:radial-gradient(circle, var(--mood) 0%, color-mix(in srgb, var(--mood) 42%, transparent) 40%, transparent 68%);filter:blur(30px);opacity:.7;border-radius:50%;width:160%;animation:5.5s ease-in-out infinite halo;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%)}@keyframes halo{0%,to{opacity:.55;transform:translate(-50%,-50%)scale(1)}50%{opacity:.85;transform:translate(-50%,-50%)scale(1.08)}}.face__svg{z-index:1;filter:drop-shadow(0 24px 30px #00000080);width:100%;height:auto;display:block;position:relative;overflow:visible}.brow{fill:none;stroke:#6f4c14;stroke-width:7px;stroke-linecap:round}.sclera{fill:#fffefb}.pupil{fill:#43331a}.glint{fill:#fff}.blush{opacity:0}.heartEye{fill:#ff2e63;opacity:0}.tear{fill:#7ec8ff;opacity:0;stroke:#56a8ee;stroke-width:1px}.mouth{fill:none;stroke:#6f4c14;stroke-width:9px;stroke-linecap:round;stroke-linejoin:round}.mouthOpen{fill:#7a2b2f;opacity:0}.tongue{fill:#ff6b8e;opacity:0}.eyeOpen{transform-box:fill-box;transform-origin:50%}.faceSvg--blink .eyeOpen{animation:.16s blink}@keyframes blink{0%,to{transform:scaleY(1)}55%{transform:scaleY(.08)}}.panel{width:min(88vw,384px);box-shadow:0 40px 70px -36px #000000e6, inset 0 1px 0 #ffffff40, inset 0 0 50px -14px color-mix(in srgb, var(--mood) 60%, transparent);-webkit-backdrop-filter:blur(22px)saturate(1.3);backdrop-filter:blur(22px)saturate(1.3);background:linear-gradient(#ffffff1c,#ffffff09);border:1px solid #ffffff29;border-radius:28px;flex-direction:column;align-items:stretch;gap:clamp(.95rem,2.6vh,1.3rem);margin-top:.35rem;padding:clamp(1.15rem,3.4vw,1.55rem) clamp(1.25rem,4vw,1.75rem) clamp(1.35rem,4vw,1.65rem);display:flex;position:relative}.verdict{align-items:center;gap:.5rem;font-family:"Baloo 2",system-ui,sans-serif;font-size:clamp(1.25rem,1rem + 1.8vw,1.75rem);font-weight:800;line-height:1;display:flex}.verdict__emoji{font-size:1.1em}.verdict__word{will-change:transform;color:color-mix(in srgb, #fff 78%, var(--mood))}.verdict.pop .verdict__word{animation:wordPop .42s var(--ease-back)}@keyframes wordPop{0%{opacity:.3;transform:scale(.62)translateY(5px)}60%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}.verdict__score{font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:color-mix(in srgb, var(--cream) 50%, var(--mood) 50%);box-shadow:inset 0 0 0 1px #ffffff1a, 0 0 20px -6px color-mix(in srgb, var(--mood) 75%, transparent);background:#0000004d;border-radius:999px;margin-left:auto;padding:.2em .6em;font-family:Space Grotesk,system-ui,sans-serif;font-size:.95em;font-weight:700}.slider{align-items:center;gap:.7rem;display:flex}.slider__end{filter:saturate(1.05)drop-shadow(0 1px 2px #00000080);flex:none;font-size:1.2rem;line-height:1}.slider__rail{flex:1;height:40px;position:relative}.slider__track{pointer-events:none;background:#00000057;border-radius:999px;height:12px;position:absolute;top:50%;left:0;right:0;overflow:hidden;transform:translateY(-50%);box-shadow:inset 0 2px 5px #00000080,inset 0 0 0 1px #ffffff0f}.slider__track:before{content:"";background:var(--spectrum);position:absolute;inset:0}.slider__fill{background:linear-gradient(90deg, color-mix(in srgb, var(--mood) 58%, #fff), var(--mood));width:42%;box-shadow:0 0 20px color-mix(in srgb, var(--mood) 85%, transparent);border-radius:999px;position:absolute;inset:0 auto 0 0}.range{z-index:2;appearance:none;cursor:pointer;background:0 0;width:100%;height:40px;margin:0;position:relative}.range:focus{outline:none}.range::-webkit-slider-runnable-track{background:0 0;height:40px}.range::-moz-range-track{background:0 0;height:40px}.range::-webkit-slider-thumb{appearance:none;background:radial-gradient(circle at 36% 30%, #fff 0%, #f1ebe1 42%, var(--mood) 165%);width:30px;height:30px;box-shadow:0 6px 15px -3px #000000b3, 0 0 22px 1px color-mix(in srgb, var(--mood) 70%, transparent), inset 0 2px 3px #ffffffe6;transition:transform .16s var(--ease-back);border:3px solid #fff;border-radius:50%;margin-top:5px}.range::-moz-range-thumb{background:radial-gradient(circle at 36% 30%, #fff 0%, #f1ebe1 42%, var(--mood) 165%);width:30px;height:30px;box-shadow:0 6px 15px -3px #000000b3, 0 0 22px 1px color-mix(in srgb, var(--mood) 70%, transparent), inset 0 2px 3px #ffffffe6;transition:transform .16s var(--ease-back);border:3px solid #fff;border-radius:50%}.range:active::-webkit-slider-thumb{transform:scale(1.16)}.range:active::-moz-range-thumb{transform:scale(1.16)}.range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #ffffff80,0 6px 15px -3px #000000b3}.range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px #ffffff80,0 6px 15px -3px #000000b3}.bubble{z-index:4;transform-origin:50% 120%;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums;background:color-mix(in srgb, var(--mood) 84%, #17120f);opacity:0;pointer-events:none;transition:opacity .18s var(--ease-out), transform .22s var(--ease-back);border-radius:10px;align-items:center;gap:.28em;padding:.2em .5em;font-family:Space Grotesk,system-ui,sans-serif;font-size:.82rem;font-weight:700;display:inline-flex;position:absolute;bottom:30px;left:42%;transform:translate(-50%,6px)scale(.8);box-shadow:0 8px 20px -6px #000c,inset 0 1px #ffffff4d}.bubble:after{content:"";background:color-mix(in srgb, var(--mood) 84%, #17120f);width:10px;height:10px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.bubble.show{opacity:1;transform:translate(-50%)scale(1)}.bubble span{font-size:.95em}.send{letter-spacing:.01em;color:var(--ink);cursor:pointer;transition:transform .22s var(--ease-back), box-shadow .22s var(--ease-out);will-change:transform;background:linear-gradient(#fff,#f1e9dd);border:none;border-radius:999px;align-self:center;padding:.76rem 1.8rem;font-family:Space Grotesk,system-ui,sans-serif;font-size:1rem;font-weight:600;position:relative;overflow:hidden;box-shadow:0 16px 30px -12px #000c,inset 0 1px #fff}.send>span{z-index:1;position:relative}.send:before{content:"";width:45%;height:100%;transition:left .55s var(--ease-out);background:linear-gradient(100deg,#0000,#ffffffd9,#0000);position:absolute;top:0;left:-60%;transform:skew(-18deg)}.send:hover{transform:translateY(-2px);box-shadow:0 24px 40px -12px #000000e6}.send:hover:before{left:130%}.send:active{transform:translateY(0)scale(.97)}.send:focus-visible{outline-offset:3px;outline:3px solid #fff}.thanks{color:color-mix(in srgb, #fff 82%, var(--mood));text-shadow:0 2px 12px #00000080;animation:thanksIn .5s var(--ease-back);align-self:center;margin-top:-.25rem;font-family:"Baloo 2",system-ui,sans-serif;font-size:1.02rem;font-weight:700}@keyframes thanksIn{0%{opacity:0;transform:translateY(8px)scale(.9)}to{opacity:1;transform:none}}.sound-toggle{z-index:60;width:42px;height:42px;color:var(--cream);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s var(--ease-back), background .2s ease;background:#ffffff14;border:1px solid #ffffff2e;border-radius:50%;place-items:center;font-size:1.05rem;display:grid;position:fixed;top:1rem;right:1rem;box-shadow:0 8px 18px -8px #000000b3}.sound-toggle:hover{background:#ffffff2e;transform:scale(1.08)}.sound-toggle:focus-visible{outline-offset:2px;outline:3px solid #fff}.sound-toggle[aria-pressed=false]{opacity:.55}.hearts{pointer-events:none;z-index:40;position:fixed;inset:0;overflow:hidden}.heart{will-change:transform, opacity;width:26px;height:26px;clip-path:path("M13,23 C4,15 0,10 0,6 C0,2 3,0 6.5,0 C9,0 11.5,1.6 13,4 C14.5,1.6 17,0 19.5,0 C23,0 26,2 26,6 C26,10 22,15 13,23 Z");filter:drop-shadow(0 2px 3px #0006);background:#ff3b6b;position:absolute}@keyframes rise{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:none}}.eyebrow{animation:rise .7s var(--ease-out) both 20ms}.prompt{animation:rise .7s var(--ease-out) both 80ms}.panel{animation:rise .8s var(--ease-out) both .28s}@media (prefers-reduced-motion:reduce){.blob{animation:none!important}.face{animation:.01ms both faceIn}.face__halo,.faceSvg--blink .eyeOpen,.verdict.pop .verdict__word,.eyebrow,.prompt,.panel{animation:none}.send:before,.heart{display:none}}