@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--stage-1:#2a1145;--stage-2:#4c1d63;--stage-edge:#190a2e;--spot:#ffd9b8;--punch:#ff3d7f;--zap:#8b5cff;--gold:#ffc83a;--good:#16c784;--bad:#ff4d5e;--surface:#fffdf9;--surface-2:#f6f1fb;--ink:#22113a;--sub:#7a6e90;--line:#ece4f4;--a0:#ff5a5f;--a1:#3d7bff;--a2:#ffab1d;--a3:#16c784;--a4:#9b5cff;--a5:#ff5aa0;--display:"Bricolage Grotesque",sans-serif;--ui:"Plus Jakarta Sans",sans-serif;--r-lg:22px;--r-md:15px;--r-sm:11px;--shadow:0 18px 40px -12px rgba(15,4,30,.55);--shadow-sm:0 6px 18px -6px rgba(15,4,30,.4)}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--ui);color:var(--ink);-webkit-font-smoothing:antialiased}.bg{position:relative;min-height:100dvh;overflow:hidden;background:radial-gradient(120% 80% at 50% -10%,var(--stage-2) 0%,var(--stage-1) 45%,var(--stage-edge) 100%);display:flex;justify-content:center;padding:20px 16px 40px}.bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(60% 42% at 50% -2%,#ffd9b847,#ffd9b800 70%)}.bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;background-image:radial-gradient(2px 2px at 12% 22%,rgba(255,255,255,.5),transparent),radial-gradient(2px 2px at 82% 12%,rgba(255,200,58,.5),transparent),radial-gradient(2px 2px at 68% 40%,rgba(255,61,127,.5),transparent),radial-gradient(2px 2px at 28% 64%,rgba(139,92,255,.5),transparent),radial-gradient(2px 2px at 90% 72%,rgba(255,255,255,.4),transparent)}.wrap{position:relative;z-index:1;width:100%;max-width:460px;animation:rise .5s cubic-bezier(.2,.8,.2,1) both}.wrap.wide{max-width:920px}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.hero{text-align:center;color:#fff;padding:30px 0 12px}.logo{font-family:var(--display);font-weight:800;font-size:46px;line-height:.95;letter-spacing:-.02em}.logo span{display:block;color:var(--gold)}.logo.small{font-size:26px;color:var(--ink)}.logo.small span{display:inline;color:var(--punch)}.tag{font-weight:600;color:#e7d8f6;opacity:.85;margin-top:10px}.card{position:relative;background:var(--surface);border-radius:var(--r-lg);padding:22px;margin:14px 0;box-shadow:var(--shadow);color:var(--ink)}.card:before{content:"";position:absolute;left:16px;right:16px;top:0;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent)}.card.center,.center{text-align:center}.muted{color:var(--sub)}.small{font-size:13px}.mt{margin-top:10px}.mb{margin-bottom:10px}.lbl{font-family:var(--display);font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--zap);margin-bottom:12px}.row{display:flex;align-items:center;gap:10px}.row.spread{justify-content:space-between}.err{color:var(--bad);font-weight:700;margin-top:10px;text-align:center}.inp{width:100%;padding:14px 16px;border:2px solid var(--line);border-radius:var(--r-md);font-size:16px;font-family:var(--ui);font-weight:500;margin-bottom:11px;outline:none;background:var(--surface);transition:border-color .15s,box-shadow .15s}.inp:focus-visible{border-color:var(--zap);box-shadow:0 0 0 4px #8b5cff2e}.inp.code{text-align:center;letter-spacing:.55em;font-size:30px;font-weight:800;font-family:var(--display);padding-left:.55em}.inp.title{font-size:19px;font-weight:700;font-family:var(--display)}.inp.area{resize:vertical;line-height:1.4}.seln{margin-left:6px;padding:7px 9px;border-radius:9px;border:2px solid var(--line);font-family:var(--ui);font-weight:600}.btn{font-family:var(--display);font-weight:700;border:none;border-radius:var(--r-md);padding:14px 20px;font-size:16px;cursor:pointer;transition:transform .07s ease,filter .15s,box-shadow .15s}.btn:active{transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.4;cursor:default}.btn.solid{background:linear-gradient(135deg,var(--punch),var(--zap));color:#fff;box-shadow:0 10px 22px -8px #ff3d7f99}.btn.solid:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 14px 26px -8px #ff3d7fb3}.btn.ghost{background:transparent;color:var(--zap);border:2px solid var(--line)}.btn.ghost:hover{border-color:var(--zap);background:var(--surface-2)}.btn.full{width:100%}.btn.sm{padding:9px 13px;font-size:14px;border-radius:10px}.btn.danger{color:var(--bad)}.btn:focus-visible{outline:3px solid var(--zap);outline-offset:2px}.bar{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.bar.center{justify-content:center}.linkbtn{background:none;border:none;color:var(--punch);font-weight:700;cursor:pointer;margin-left:8px;text-decoration:underline;font-size:13px;font-family:var(--ui)}.qr{background:#fff;padding:16px;border-radius:18px;display:inline-block;margin:8px 0 4px;box-shadow:var(--shadow-sm)}.bigcode{font-family:var(--display);font-weight:800;font-size:68px;letter-spacing:.16em;line-height:1.05;margin:10px 0 4px;padding-left:.16em;background:linear-gradient(135deg,var(--punch),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 18px rgba(255,61,127,.35));animation:glow 3.2s ease-in-out infinite}@keyframes glow{0%,to{filter:drop-shadow(0 4px 16px rgba(255,61,127,.3))}50%{filter:drop-shadow(0 4px 26px rgba(255,200,58,.5))}}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips.center{justify-content:center}.chip{background:var(--surface-2);color:var(--zap);border-radius:999px;padding:7px 14px;font-weight:700;font-size:14px}.pill{background:linear-gradient(135deg,var(--punch),var(--zap));color:#fff;border-radius:999px;padding:6px 14px;font-weight:800;font-size:13px;font-family:var(--display);letter-spacing:.04em}.timer{position:relative;height:16px;background:var(--surface-2);border-radius:999px;overflow:hidden;margin:14px 0;box-shadow:inset 0 1px 3px #00000014}.timerbar{position:absolute;inset:0 auto 0 0;border-radius:999px;transition:width .1s linear,background-color .4s}.timer.low .timerbar{animation:pulse .7s ease-in-out infinite}@keyframes pulse{50%{opacity:.55}}.timernum{position:absolute;right:9px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:800;color:var(--ink);font-family:var(--display)}.qbig{font-family:var(--display);font-size:32px;font-weight:700;line-height:1.15;letter-spacing:-.01em;margin:8px 0 20px}.qimgwrap{text-align:center;margin:4px 0 16px}.qimg{max-width:100%;max-height:46vh;border-radius:18px;box-shadow:var(--shadow)}.optgrid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.opt{padding:20px;border-radius:16px;color:#fff;font-weight:800;font-size:19px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-sm);transition:transform .2s,opacity .25s,filter .25s}.opt.dim{opacity:.35;filter:grayscale(.5);transform:scale(.97)}.opt.right{transform:scale(1.03);box-shadow:0 0 0 4px #fff,0 0 0 9px var(--good),var(--shadow)}.optltr{background:#ffffff47;width:32px;height:32px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--display);flex:0 0 auto}.c0{background:linear-gradient(135deg,var(--a0),#ff8a5b)}.c1{background:linear-gradient(135deg,var(--a1),#4cc2ff)}.c2{background:linear-gradient(135deg,var(--a2),#ffd14d)}.c3{background:linear-gradient(135deg,var(--a3),#4be0a0)}.c4{background:linear-gradient(135deg,var(--a4),#c08bff)}.c5{background:linear-gradient(135deg,var(--a5),#ff8ac0)}.answers{display:grid;grid-template-columns:1fr 1fr;gap:13px}.abtn{border:none;border-radius:18px;padding:28px 14px;color:#fff;font-weight:800;font-size:19px;font-family:var(--display);cursor:pointer;display:flex;align-items:center;gap:12px;min-height:100px;box-shadow:var(--shadow-sm);transition:transform .08s}.abtn:active{transform:scale(.96)}.abtn:focus-visible{outline:3px solid #fff;outline-offset:3px}.big{font-family:var(--display);font-size:34px;font-weight:800}.big.good{color:var(--good)}.big.bad{color:var(--bad)}.good{color:var(--good)}.bad{color:var(--bad)}.ribbon{background:linear-gradient(135deg,var(--gold),#ffe08a);color:#5a3d00;font-weight:800;border-radius:999px;padding:9px 18px;display:inline-block;margin:8px 4px 0;box-shadow:var(--shadow-sm)}.lbrow{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.lbrow:last-child{border-bottom:none}.lbrank{font-family:var(--display);font-weight:800;color:#fff;background:linear-gradient(135deg,var(--zap),var(--punch));width:28px;height:28px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:14px;flex:0 0 auto}.lbname{flex:1;font-weight:700}.lbscore{font-family:var(--display);font-weight:800;font-size:18px}.tickgood{color:var(--good);font-weight:800}.tickbad{color:var(--bad);font-weight:800}.podium{display:flex;justify-content:center;align-items:flex-end;gap:12px;margin:18px 0 8px}.pod{border-radius:16px 16px 0 0;padding:16px 12px;width:30%;text-align:center;color:#3a2600;box-shadow:var(--shadow-sm)}.pod0{background:linear-gradient(180deg,#ffe69a,var(--gold));padding-top:34px}.pod1{background:linear-gradient(180deg,#eef1f6,#c4ccda);padding-top:24px}.pod2{background:linear-gradient(180deg,#ffd6ad,#f3a86a);padding-top:16px}.podrank{font-size:30px}.podname{font-weight:800;margin-top:4px}.podscore{font-family:var(--display);font-weight:800}.cats{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:18px 0}.cat{background:var(--surface-2);border-radius:14px;padding:15px;text-align:center}.catemoji{font-size:30px}.catlabel{font-family:var(--display);font-weight:700;color:var(--zap);font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.catwinner{font-weight:800;font-size:18px;margin-top:3px}.catdetail{color:var(--sub);font-size:12px}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;border-radius:var(--r-lg)}.confetti i{position:absolute;top:-12px;width:9px;height:14px;border-radius:2px;opacity:.9;animation:fall linear infinite}@keyframes fall{to{transform:translateY(140%) rotate(540deg)}}.qrow{display:flex;align-items:center;justify-content:space-between;gap:10px}.qtitle{font-family:var(--display);font-weight:700;font-size:19px}.qrow-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.qedit{padding:18px}.optedit{display:flex;align-items:center;gap:8px;margin-bottom:9px}.optedit .inp{margin-bottom:0}.radio{flex:0 0 auto;width:40px;height:40px;border-radius:50%;border:2px solid var(--line);background:var(--surface);font-family:var(--display);font-weight:800;color:var(--sub);cursor:pointer;transition:.15s}.radio.on{background:var(--good);border-color:var(--good);color:#fff}.photofield{margin:6px 0 12px}.photothumb{display:flex;align-items:center;gap:12px}.photothumb img{width:78px;height:78px;object-fit:cover;border-radius:12px;box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion: reduce){.wrap,.bigcode,.timer.low .timerbar,.confetti i{animation:none!important}.opt,.abtn,.btn{transition:none!important}}.bg{padding-top:46px}.lights{position:absolute;top:0;left:0;right:0;height:40px;display:flex;justify-content:space-evenly;align-items:flex-start;z-index:3;pointer-events:none}.lights:before{content:"";position:absolute;top:7px;left:-1%;right:-1%;height:0;border-top:3px dotted rgba(0,0,0,.28)}.bulb{width:13px;height:17px;margin-top:7px;border-radius:50% 50% 48% 48%/58% 58% 42% 42%;background:radial-gradient(circle at 50% 32%,#fff,var(--c) 62%);box-shadow:0 0 12px 2px var(--c),0 0 3px #fff inset;animation:twinkle 2.6s ease-in-out infinite}.bulb:before{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%);width:5px;height:5px;background:#2a1a3c;border-radius:2px}@keyframes twinkle{0%,to{filter:brightness(1)}50%{filter:brightness(.55)}}.heromark{width:84px;height:84px;margin:0 auto 4px;display:block;filter:drop-shadow(0 8px 20px rgba(255,61,127,.45))}.trophy{width:64px;height:64px;margin:0 auto -2px;display:block;filter:drop-shadow(0 6px 16px rgba(255,176,31,.5));animation:trophyPop .6s cubic-bezier(.2,1.3,.4,1) both}@keyframes trophyPop{0%{transform:scale(.4) translateY(8px);opacity:0}to{transform:none;opacity:1}}.emptyart{width:150px;height:auto;margin:4px auto 12px;display:block}.catemoji{width:50px;height:50px;margin:0 auto 4px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;background:radial-gradient(circle at 50% 35%,#fff,var(--surface-2));box-shadow:var(--shadow-sm),0 0 0 2px #fff}.confetti i.c{border-radius:50%;width:10px;height:10px}.confetti i.s{width:5px;height:22px;border-radius:3px}@media (prefers-reduced-motion: reduce){.bulb,.trophy{animation:none!important}}.bg:after{opacity:.4}.ambiance{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;mix-blend-mode:screen;animation:drift 16s ease-in-out infinite}.orb1{width:340px;height:340px;left:-90px;top:-40px;background:radial-gradient(circle,#ff3d7f,transparent 70%)}.orb2{width:300px;height:300px;right:-80px;top:40px;background:radial-gradient(circle,#8b5cff,transparent 70%);animation-delay:-4s}.orb3{width:260px;height:260px;left:20%;bottom:-60px;background:radial-gradient(circle,#ffc83a,transparent 70%);opacity:.4;animation-delay:-8s}.orb4{width:220px;height:220px;right:14%;bottom:6%;background:radial-gradient(circle,#16c784,transparent 70%);opacity:.32;animation-delay:-11s}@keyframes drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(22px,-26px) scale(1.08)}66%{transform:translate(-18px,16px) scale(.96)}}.bg{background-image:radial-gradient(120% 80% at 50% -10%,var(--stage-2) 0%,var(--stage-1) 45%,var(--stage-edge) 100%),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.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");background-blend-mode:normal,soft-light}.heroscene{width:200px;height:auto;margin:0 auto 2px;display:block;filter:drop-shadow(0 14px 26px rgba(124,58,237,.45))}.float-a{animation:bob 5s ease-in-out infinite;transform-origin:62px 64px}.float-b{animation:bob 5.6s ease-in-out infinite -1.2s;transform-origin:138px 64px}.float-c{animation:bob 4.6s ease-in-out infinite -.6s;transform-origin:100px 58px}@keyframes bob{50%{transform:translateY(-5px) rotate(1.5deg)}}.logo{text-shadow:0 6px 30px rgba(255,61,127,.4)}.card{background:linear-gradient(180deg,#fffefb,#fbf6ff);border:1px solid rgba(255,255,255,.7)}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r-lg);pointer-events:none;box-shadow:inset 0 1px #ffffffe6}@media (prefers-reduced-motion: reduce){.orb,.float-a,.float-b,.float-c{animation:none!important}}.timesup{background:linear-gradient(135deg,var(--bad),#ff7a85);color:#fff;font-family:var(--display);font-weight:700;text-align:center;border-radius:12px;padding:10px;margin:6px 0 14px;box-shadow:var(--shadow-sm)}