@font-face{font-family:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/mona-sans-vietnamese-wght-normal-DsUdksa4.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:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/mona-sans-latin-ext-wght-normal-BqSk0Z3x.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:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/mona-sans-latin-wght-normal-Pz49MTQZ.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{--void:#06060c;--ink:#12121c;--paper:#f2f2fa;--haze:#9a9cb4;--rose:#ff5c86;--cyan:#4fe3ff;--body:"Mona Sans Variable", ui-sans-serif, system-ui, sans-serif;--t-big:clamp(1.75rem, .8rem + 3.6vw, 4.6rem);--t-md:.9375rem;--t-sm:.8125rem;--edge:clamp(16px, 2.4vw, 36px);--ease:cubic-bezier(.2, .7, .2, 1);--glass:color-mix(in oklab, var(--void) 64%, transparent);--line:color-mix(in oklab, var(--paper) 20%, transparent);--soft:color-mix(in oklab, var(--paper) 72%, transparent)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--void)}body{background:var(--void);min-height:100svh;color:var(--paper);font-family:var(--body);font-size:var(--t-md);-webkit-font-smoothing:antialiased;margin:0;line-height:1.4;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit}h1,p,ul,ol{margin:0;padding:0}ul,ol{list-style:none}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--paper);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.top{z-index:8;top:var(--edge);background:var(--void);padding:2px 10px;position:fixed;left:50%;transform:translate(-50%)}.top a{line-height:0;display:block}.mirror{background:var(--void);height:100svh;position:relative;overflow:hidden}.mirror__canvas,.mirror__trace{width:100%;height:100%;display:block;position:absolute;inset:0}.mirror__trace{z-index:3;pointer-events:none}.mirror__shade{pointer-events:none;background:linear-gradient(to top, color-mix(in oklab, var(--void) 92%, transparent) 30%, transparent);height:42%;position:absolute;inset:auto 0 0}.split{z-index:4;animation:rise 1.1s var(--ease) .7s both;justify-items:center;gap:12px;display:grid;position:absolute;bottom:clamp(62px,9.5vh,96px);left:0;right:0}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.split h1{width:100%;font-size:var(--t-big);letter-spacing:-.035em;text-shadow:0 0 22px var(--void), 0 0 6px var(--void);grid-template-columns:1fr 1fr;gap:clamp(20px,3.2vw,52px);font-weight:620;line-height:1.02;display:grid}.split h1 .l{text-align:right;color:var(--rose)}.split h1 .r{text-align:left;color:var(--cyan)}.split__line{max-width:min(560px, calc(100% - 2 * var(--edge)));text-align:center;color:var(--soft);font-size:1rem}.split__acts{justify-content:center;align-items:center;gap:12px;display:flex}.go{background:var(--paper);color:var(--void);transition:transform .2s var(--ease), box-shadow .2s;border-radius:999px;padding:13px 26px;font-size:1rem;font-weight:640}.go:hover{box-shadow:-7px 0 26px color-mix(in oklab, var(--rose) 54%, transparent), 7px 0 26px color-mix(in oklab, var(--cyan) 54%, transparent);transform:translateY(-2px)}.quiet{color:var(--soft);text-underline-offset:3px;padding:12px 10px;text-decoration:underline}.verdict{text-align:center;justify-items:center;gap:10px;display:grid}.verdict__traits{letter-spacing:-.015em;font-size:clamp(1.05rem,.9rem + .6vw,1.4rem);font-weight:540}.verdict__like{color:var(--paper)}.verdict__marks{color:var(--soft);font-size:var(--t-sm);gap:18px;display:flex}.verdict__marks b{color:var(--paper);font-variant-numeric:tabular-nums;font-weight:620}.hud{z-index:5;width:min(560px, calc(100% - 2 * var(--edge)));text-align:center;pointer-events:none;position:absolute;top:clamp(56px,8vh,78px);left:50%;transform:translate(-50%)}.hud__stage{background:var(--void);letter-spacing:-.02em;padding:2px 12px;font-size:clamp(1.15rem,1rem + .8vw,1.6rem);font-weight:600;display:inline-block}.hud__marks{justify-content:center;gap:5px;margin-top:8px;display:flex}.hud__marks li{border:1px solid var(--line);background:var(--void);border-radius:50%;width:10px;height:10px}.hud__marks li.same{background:var(--paper);border-color:var(--paper)}.hud__marks li.other{border-color:var(--rose);background:var(--rose)}.hud__line{background:var(--void);color:var(--soft);font-size:var(--t-sm);font-variant-numeric:tabular-nums;margin-top:6px;padding:1px 10px;display:inline-block}.hud__score{background:var(--void);font-variant-numeric:tabular-nums;align-items:baseline;gap:14px;margin-top:6px;padding:2px 12px;font-size:1.5rem;display:inline-flex}.hud__score b{font-weight:640}.hud__score i{color:var(--soft);font-size:.75rem;font-style:normal}.rose{color:var(--rose)}.cyan{color:var(--cyan)}.voice{z-index:5;background:var(--void);color:var(--cyan);white-space:nowrap;pointer-events:none;padding:2px 12px;font-size:1.15rem;font-weight:560;position:absolute;top:72%;left:50%;transform:translate(-50%)}.voice:empty{display:none}.opt{z-index:4;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);letter-spacing:-.025em;max-width:42vw;animation:pop .28s var(--ease) both;border-radius:16px;padding:14px 24px;font-size:clamp(1.15rem,.9rem + 1.2vw,2.1rem);font-weight:600;line-height:1.08;transition:background .14s,color .14s,border-color .14s;position:absolute;transform:translate(-50%,-50%)}@keyframes pop{0%{opacity:0;scale:.94}}.opt:hover{border-color:var(--paper)}.opt.is-you{background:var(--rose);border-color:var(--rose);color:var(--void)}.opt.is-twin{background:var(--cyan);border-color:var(--cyan);color:var(--void)}.opt.is-both{background:var(--paper);border-color:var(--paper);color:var(--void);box-shadow:-10px 0 34px color-mix(in oklab, var(--rose) 70%, transparent), 10px 0 34px color-mix(in oklab, var(--cyan) 70%, transparent)}.judge{z-index:5;animation:fade .25s var(--ease) both;align-items:center;gap:10px;display:flex;position:absolute;top:78%;left:50%;transform:translate(-50%)}@keyframes fade{0%{opacity:0}}.doors{z-index:4;grid-template-columns:repeat(3,auto);gap:clamp(26px,9vw,150px);display:grid;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.doors__time{background:var(--paper);transform-origin:50%;grid-column:1/-1;height:3px;animation:linear both time}@keyframes time{to{transform:scaleX(0)}}.door{aspect-ratio:1/1.34;border:1.5px solid var(--paper);background:var(--glass);-webkit-backdrop-filter:blur(8px);width:clamp(84px,11vw,150px);transition:background .12s, border-color .12s, transform .2s var(--ease);border-radius:999px 999px 10px 10px}.door:hover{transform:translateY(-4px)}.door.is-you{background:color-mix(in oklab, var(--rose) 34%, var(--void));border-color:var(--rose);box-shadow:0 0 34px color-mix(in oklab, var(--rose) 60%, transparent), inset 0 0 30px var(--rose)}.door.is-twin{background:color-mix(in oklab, var(--cyan) 30%, var(--void));border-color:var(--cyan);box-shadow:0 0 34px color-mix(in oklab, var(--cyan) 60%, transparent), inset 0 0 30px var(--cyan)}.door.is-both{background:var(--paper);border-color:var(--paper);box-shadow:-14px 0 44px var(--rose), 14px 0 44px var(--cyan)}.ghost{z-index:6;pointer-events:none;will-change:transform;transition:transform 90ms linear;position:absolute;top:0;left:0}.ghost.is-flying{transition:none}.ghost svg{fill:var(--cyan);stroke:var(--void);stroke-width:1.2px;filter:drop-shadow(0 0 6px var(--cyan));margin:-2px 0 0 -2px;display:block}@media (pointer:coarse){.ghost{opacity:0}.ghost.is-flying{opacity:1}}.mirror:has(.band.is-live) .split{bottom:clamp(136px,18vh,170px)}.band{z-index:6;justify-items:center;gap:5px;display:grid;position:absolute;bottom:clamp(14px,2.4vh,24px);left:50%;transform:translate(-50%)}.band__strip{background:var(--paper);width:268px;color:var(--void);white-space:nowrap;border-radius:7px;grid-template-columns:1fr 26px 1fr;align-items:center;gap:10px;padding:5px 14px;font-size:.75rem;display:grid}.band__strip b{text-align:right;font-size:.8125rem;font-weight:700}.band__strip i{background:repeating-linear-gradient(90deg, var(--void) 0 1px, transparent 1px 3px, var(--void) 3px 5px, transparent 5px 6px);height:16px}.band__live{background:var(--ink);border-radius:8px;flex-wrap:wrap;justify-content:center;gap:4px 12px;max-width:340px;padding:6px 12px;font-size:.75rem;display:flex}.band__live code{text-align:center;word-break:break-all;flex-basis:100%;font-size:.6875rem}.band__links{gap:12px;font-size:.75rem;display:flex}@media (width<=720px){.split h1{gap:16px}.split__line{font-size:var(--t-md)}.opt{max-width:44vw;padding:12px 14px}.door{width:26vw}.doors{gap:9px 3vw}.verdict__marks{gap:12px}}