@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;600;700;900&display=swap";:root{font-family:Noto Sans SC,system-ui,sans-serif;color:#151515;background:#f3efea;font-synthesis:none;--ink:#151515;--paper:#f3efea;--acid:#dfff00;--purple:#7457ff;--pink:#ff6fb5}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}button{font:inherit}.page{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden;padding:44px 20px 70px;background:radial-gradient(circle at 10% 12%,rgba(116,87,255,.16),transparent 24%),radial-gradient(circle at 90% 86%,rgba(255,111,181,.2),transparent 25%),linear-gradient(135deg,#f6f0e9,#eee9f1)}.page:before,.page:after{content:"";position:absolute;width:34vw;height:34vw;border:1px solid rgba(21,21,21,.14);border-radius:50%;pointer-events:none}.page:before{left:-18vw;top:-12vw;box-shadow:0 0 0 5vw #7457ff09,0 0 0 10vw #7457ff06}.page:after{right:-16vw;bottom:-18vw;box-shadow:0 0 0 6vw #ff6fb50a}.noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.16;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E")}.quiz-card,.result-card{position:relative;z-index:2;width:min(92vw,620px);display:flex;flex-direction:column;align-items:center;text-align:center}.counter{align-self:flex-start;margin:0 0 12px 3px;font:700 11px/1 ui-monospace,monospace;letter-spacing:.18em}.eye-frame{position:relative;width:100%;aspect-ratio:3.12/1;overflow:hidden;border:3px solid var(--ink);border-radius:999px;background:#ddd;box-shadow:8px 9px 0 var(--ink);transform:rotate(-1.2deg)}.eye-frame img{width:100%;height:100%;display:block;object-fit:cover;transform:scale(1.025)}.scanline{position:absolute;inset:-40% 0 auto;height:26%;background:linear-gradient(180deg,transparent,rgba(223,255,0,.55),transparent);mix-blend-mode:screen;animation:scan 3.2s ease-in-out infinite}.focus{position:absolute;width:20px;height:20px;border:solid var(--acid);filter:drop-shadow(0 1px 0 var(--ink))}.focus-a{left:21%;top:31%;border-width:2px 0 0 2px}.focus-b{right:21%;bottom:25%;border-width:0 2px 2px 0}.eyebrow{margin:36px 0 10px;padding:6px 11px;background:var(--acid);border:2px solid var(--ink);font-size:12px;font-weight:900;letter-spacing:.12em;transform:rotate(-1deg)}h1{margin:0;font-size:clamp(36px,7vw,62px);line-height:1.12;font-weight:900;letter-spacing:-.045em}.hint{margin:12px 0 30px;color:#68626d;font-size:14px}.actions{min-height:82px;display:flex;align-items:center;justify-content:center;gap:18px}.actions button,.again{min-width:94px;height:50px;padding:0 24px;border:2px solid var(--ink);border-radius:12px;color:var(--ink);font-weight:900;cursor:pointer;box-shadow:4px 5px 0 var(--ink);transition:transform .24s cubic-bezier(.2,.85,.25,1.2),box-shadow .2s,background .2s}.yes-button{position:relative;z-index:3;background:var(--acid);transform:scale(var(--yes-scale));transform-origin:right center}.yes-button:hover{background:#edff6a}.yes-button:active,.no-button:active,.again:active{box-shadow:1px 2px 0 var(--ink)}.no-button{position:relative;z-index:2;background:var(--purple);color:#fff!important;transform:translate(var(--no-shift));white-space:nowrap}.guide{min-height:20px;margin:20px 0 0;color:#e32980;font-size:13px;font-weight:900;opacity:0;transform:translate(12px);transition:.25s ease}.guide.show{opacity:1;transform:translate(0);animation:point 1s ease-in-out infinite}footer{position:absolute;z-index:2;bottom:22px;font:700 10px/1 ui-monospace,monospace;letter-spacing:.18em;color:#15151575}.is-wiggling .eye-frame{animation:wiggle .42s ease}.result-page{background:var(--acid)}.result-card{width:min(90vw,680px)}.result-eye{width:min(100%,560px);box-shadow:9px 10px 0 var(--purple)}.stamp{margin:38px 0 10px;padding:6px 12px;border:2px solid var(--ink);background:var(--pink);font-size:12px;font-weight:900;letter-spacing:.15em;transform:rotate(-2deg)}.result-copy{margin:16px 0 28px;font-size:17px}.again{background:#fff}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.confetti i{position:absolute;left:var(--x);top:-8%;width:10px;height:24px;background:var(--purple);border:1px solid var(--ink);transform:rotate(var(--rotate));animation:fall var(--duration) linear var(--delay) infinite}.confetti i:nth-child(3n){background:var(--pink)}.confetti i:nth-child(3n+1){background:#fff}@keyframes scan{0%,16%{top:-40%}72%,to{top:120%}}@keyframes wiggle{0%,to{transform:rotate(-1.2deg) translate(0)}25%{transform:rotate(-2.6deg) translate(-7px)}70%{transform:rotate(1deg) translate(7px)}}@keyframes point{50%{transform:translate(-8px)}}@keyframes fall{to{top:112%;transform:rotate(calc(var(--rotate) + 420deg))}}@media(max-width:620px){.page{padding:28px 16px 66px}.quiz-card{width:min(94vw,500px)}.eye-frame{aspect-ratio:2.55/1;border-width:2px;box-shadow:5px 6px 0 var(--ink)}.eyebrow{margin-top:30px}.hint{margin-bottom:25px}.actions{gap:12px;min-height:90px}.actions button{min-width:78px;height:46px;padding:0 17px}.no-button{transform:translate(calc(var(--no-shift) * .34))}.yes-button{transform:scale(calc(1 + (var(--yes-scale) - 1) * .7))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}