@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/montserrat-cyrillic-ext-wght-normal-CO5hGrJv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/montserrat-cyrillic-wght-normal-EAA9jha_.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/montserrat-vietnamese-wght-normal-k7S-YeeD.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/montserrat-latin-ext-wght-normal-BsZE-iaG.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/montserrat-latin-wght-normal-l_AIctKy.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--stage:#0b0b0b;--stage-2:#1a1a1a;--stage-3:#262626;--field:#171717;--glass-07:#ffffff12;--glass-12:#ffffff1f;--glass-20:#fff3;--line:#ffffff1f;--ink:#212121;--cream:#f5f5f5;--muted:#bdbdbd;--dim:#97a0b2;--brand:#ffce00;--on-brand:#212121;--brand-glow:#ffce0052;--warm-1:#603c24;--warm-2:#43231e;--warm-3:#533122;--red:#e23a52;--green:#17b26a;--yellow:#f2b33d;--blue:#2f6bff;--on-red:#fff;--on-green:#fff;--on-yellow:#1a1407;--on-blue:#fff;--good:#3ddc84;--pink:#ff3d8b;--orange:#ff7a2f;--sun:#f2c14e;--lime:#8fe04a;--cyan:#22c7e8;--violet:#8a6cff;--mint:#2ed3a3;--coral:#ff5a6a;--gold:linear-gradient(160deg, #fbe7a1 0%, #e0b44c 45%, #a8771f 100%);--silver:linear-gradient(160deg, #fff 0%, #c9ccd6 45%, #8b8f9c 100%);--bronze:linear-gradient(160deg, #f6c9a0 0%, #c88752 45%, #8a5428 100%);--sheen:linear-gradient(180deg, #ffffff38 0%, #fff0 45%, #0000002e 100%);--font:"Montserrat Variable", "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--display:var(--font);--r:20px;--r-panel:30px;--r-sm:12px;--shadow:0 18px 40px #00000073;--shadow-sm:0 8px 20px #00000059;--spring:cubic-bezier(.34, 1.4, .64, 1);--ease:cubic-bezier(.45, 0, .25, 1);--ease-out:cubic-bezier(.2, 0, 0, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{background:var(--stage);color:var(--cream);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;text-rendering:optimizelegibility;margin:0;padding:0}button,input{font:inherit;color:inherit}.tnum{font-variant-numeric:tabular-nums}.avatar{filter:drop-shadow(0 6px 12px #00000073);flex:none;display:block;overflow:visible}.avatar.mood-ready{animation:hop .42s var(--spring)}.avatar.mood-happy,.avatar.mood-star{animation:hop .52s var(--spring) both}.avatar.mood-sad{opacity:.45;transition:opacity .3s}@keyframes hop{40%{transform:translateY(-14%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}html,body{overscroll-behavior:none;min-height:100%}body{touch-action:manipulation;background:linear-gradient(180deg, #0000001a 0%, #00000059 55%, #000000bf 100%), radial-gradient(90% 55% at 8% 4%, var(--warm-1) 0%, transparent 70%), radial-gradient(80% 50% at 100% 25%, var(--warm-2) 0%, transparent 70%), radial-gradient(90% 50% at 50% 110%, var(--warm-3) 0%, transparent 70%), #090807;background-attachment:fixed;overflow-x:hidden}#app{min-height:100dvh}.screen{min-height:100dvh;padding:18px 20px calc(24px + env(safe-area-inset-bottom));flex-direction:column;gap:18px;display:flex;position:relative;overflow:hidden}.screen.center{text-align:center;justify-content:center;align-items:center}.screen.flood{color:#fff;background:radial-gradient(130% 80% at 50% 30%, color-mix(in srgb, var(--fl) 90%, white) 0%, var(--fl) 35%, color-mix(in srgb, var(--fl) 35%, #0b0a10) 100%)}.screen.flood.solid{color:inherit}.screen.flood .rays{pointer-events:none;background:radial-gradient(closest-side,#ffffff47,#0000);border-radius:50%;width:700px;height:700px;margin:-350px 0 0 -350px;animation:4s ease-in-out infinite alternate breathe;position:absolute;top:30%;left:50%}.screen>*{position:relative}@keyframes breathe{to{opacity:.7;transform:scale(1.15)}}.h1{font-family:var(--font);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:30px;font-weight:800;line-height:36px}.h1.big{font-size:36px;line-height:42px}.h1.giant{font-size:46px;line-height:50px}.ink{color:inherit!important}.body{color:var(--muted);margin:0;font-size:17px;font-weight:500;line-height:24px}.flood .body{color:#ffffffd9}.body.strong{font-weight:700}.fine{color:var(--dim);margin:auto 0 0;font-size:14px;line-height:20px}.stack{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.grow{flex:1;justify-content:center}.center-x{text-align:center;align-items:center}.foot{text-align:center;color:var(--dim);margin-top:auto;font-size:14px;font-weight:600}.face{animation:pop .6s var(--spring) both}.sticker{background-color:var(--bg,#ffffff1a);background-image:var(--sheen);color:var(--fg,#fff);font-family:var(--font);white-space:nowrap;animation:pop .5s var(--spring) both;border-radius:12px;align-items:center;gap:8px;padding:8px 14px;font-size:15px;font-weight:700;line-height:18px;display:inline-flex;box-shadow:inset 0 1px #ffffff26}.sticker.big{padding:10px 18px;font-size:19px;line-height:24px}.flood .sticker{color:#fff;background-color:#00000038}@keyframes pop{0%{opacity:0;transform:scale(.7)}}.brand-mark{color:var(--cream);align-items:center;gap:10px;display:inline-flex}.brand-mark .brand-name{border-left:1px solid var(--line);color:var(--brand);padding-left:10px;font-size:17px;font-weight:800}.row-top{align-items:center;gap:10px;display:flex}.row-top .spacer{flex:1}.hero{flex-direction:column;align-items:flex-start;gap:18px;margin-top:12px;display:flex}.look{align-items:center;gap:16px;display:flex}.look-pic{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .16s var(--ease-out);background:0 0;border:0;border-radius:50%;padding:0}.look-pic:active{transform:scale(.94)rotate(-8deg)}.look-pic .avatar{filter:drop-shadow(0 14px 28px #00000073);display:block}.reroll{background:var(--glass-07);height:46px;color:var(--cream);font-family:var(--font);white-space:nowrap;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #ffffff29;border-radius:14px;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:700;display:inline-flex}.reroll:active svg{transform:rotate(-120deg)}.reroll svg{transition:transform .24s var(--ease-out)}.form{flex-direction:column;gap:14px;display:flex}.input{background:var(--field);color:#fff;border:1px solid var(--line);border-radius:var(--r-sm);height:62px;font-family:var(--font);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;padding:0 18px;font-size:21px;font-weight:700}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #ffce0040}.input::placeholder{color:var(--dim)}.input.code{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;font-size:36px}.primary{border-radius:var(--r-sm);background:var(--brand);height:64px;color:var(--on-brand);box-shadow:0 14px 30px var(--brand-glow);font-family:var(--font);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:transform .12s var(--ease-out);border:0;font-size:21px;font-weight:800}.primary:active{transform:scale(.98)}.primary:disabled{background:var(--glass-12);color:var(--muted);box-shadow:none}.error{color:var(--coral);font-size:15px;font-weight:700;line-height:20px}.header{justify-content:space-between;align-items:center;height:40px;font-size:16px;font-weight:700;display:flex}.header .who{align-items:center;gap:8px;display:flex}.header .score{font-family:var(--display);background:#ffffff14;border-radius:10px;padding:5px 12px;font-size:15px}.header.on-color .score{background:#00000038}.banner{left:12px;right:12px;top:calc(10px + env(safe-area-inset-top));z-index:10;border-left:5px solid var(--coral);animation:pop .4s var(--spring) both;background:#24212ff5;border-radius:12px;padding:12px 16px;font-size:14px;font-weight:700;position:fixed}.pad{height:100dvh;padding:12px 12px calc(14px + env(safe-area-inset-bottom));grid-template-rows:48px 6px auto repeat(4,minmax(64px,1fr));gap:12px;display:grid}.pad-top{align-items:center;gap:10px;padding:0 4px;display:flex}.pad-me{white-space:nowrap;align-items:center;gap:8px;max-width:45%;margin-left:auto;font-size:15px;font-weight:700;display:flex;overflow:hidden}.pad-time{font-family:var(--display);margin-left:8px;font-size:26px;font-weight:700}.pad-timer{background:#ffffff14;border-radius:4px;position:relative;overflow:hidden}.pad-timer i{transform-origin:0;border-radius:4px;transition:transform .1s linear;position:absolute;top:0;bottom:0;left:0;right:0}.pad-q:empty{display:none}.pad-q{animation:deal .38s var(--spring) both;flex-direction:column;gap:8px;padding:2px 6px;display:flex}.pad-prompt{font-family:var(--font);letter-spacing:-.01em;text-wrap:balance;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:21px;font-weight:800;line-height:26px;display:-webkit-box;overflow:hidden}.pad-lyric{background:#ffffff12;border-left:4px solid #ffffff59;border-radius:14px;padding:10px 14px}.pad-lyric p{color:var(--cream);margin:0;font-size:17px;font-weight:600;line-height:23px}.bar{text-align:left;font-family:var(--font);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:transform .12s var(--ease-out), opacity .2s;animation:deal .42s var(--spring) both;border:0;border-radius:22px;align-items:center;gap:16px;padding:0 22px;font-size:21px;font-weight:800;line-height:25px;display:flex;box-shadow:inset 0 1px #ffffff59,0 10px 24px #00000059;background-image:var(--sheen)!important}.bar .shape{flex:none}.bar:active{transform:scale(.97)}.pad.wait .bar{opacity:.4}@keyframes deal{0%{opacity:0;transform:translateY(30px)}}.locked-text{font-family:var(--font);letter-spacing:-.02em;text-wrap:balance;font-size:36px;font-weight:800;line-height:42px}.burst{animation:pop .6s .12s var(--spring) both;background:#0000002e;border-radius:24px;padding:14px 28px;box-shadow:inset 0 1px #ffffff40}.points{font-family:var(--display);letter-spacing:-.04em;color:#fff;font-size:68px;font-weight:800;line-height:76px}.answer-chip{width:100%;box-shadow:0 0 0 4px var(--good), 0 0 30px #3ddc8459;font-family:var(--font);text-align:left;border-radius:18px;align-items:center;gap:14px;padding:18px 20px;font-size:20px;font-weight:800;line-height:24px;display:flex;background-image:var(--sheen)!important}.rank{font-family:var(--display);letter-spacing:-.05em;color:#fff;font-size:92px;font-weight:800;line-height:96px}.podium{flex-direction:column;gap:8px;width:100%;margin:8px 0 0;padding:0;list-style:none;display:flex}.podium li{text-align:left;background:#00000038;border-radius:14px;grid-template-columns:26px 36px 1fr auto;align-items:center;gap:12px;padding:12px 14px;font-size:16px;font-weight:700;display:grid}.podium .place{font-family:var(--display);font-weight:800}