:root{color:#f3f2f7;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111318;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;touch-action:manipulation;background:#1a1d25;border:1px solid #333640;border-radius:14px;min-height:52px;padding:12px 20px}button:hover:not(:disabled){background:#292d38;border-color:#777285}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #c9b4ff}input{color:#fff;background:#191c23;border:1px solid #464953;border-radius:12px;width:100%;min-height:62px;padding:14px 18px;font-size:20px;display:block}label{color:#c7c8d2;margin-bottom:10px;font-size:15px;display:block}.app{flex-direction:column;max-width:1000px;min-height:100dvh;margin:auto;padding:0 28px;display:flex}header{justify-content:space-between;align-items:center;gap:16px;min-height:108px;display:flex}.brand{color:#fff;letter-spacing:-1.5px;white-space:nowrap;font-size:30px;font-weight:850;text-decoration:none}.brand span{color:#c2a6ff}.profile{overflow-wrap:anywhere;background:0 0;max-width:45%;font-size:15px}.profile span{color:#bfa6ef;margin-left:6px}nav{background:#191c23;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;display:grid}nav button{background:0 0;border-color:#0000;padding:14px 8px}nav button[aria-current=page]{color:#e1d2ff;background:#34303f}.gender{border:0;justify-content:center;gap:10px;margin:28px 0 36px;padding:0;display:flex}.gender button{background:0 0;min-width:140px;font-size:16px}.gender button[aria-pressed=true]{color:#e1d2ff;background:#272131;border-color:#b899f0}main{flex:1}h1{letter-spacing:-1px;margin:0 0 18px;font-size:clamp(26px,4vw,36px);line-height:1.2}.section-heading{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.section-heading>span{color:#aaaab9;white-space:nowrap;font-size:15px}.arena{grid-template-columns:minmax(0,1fr) 68px minmax(0,1fr);align-items:center;gap:16px;margin-top:22px;display:grid}.name-card{overflow-wrap:anywhere;border-radius:22px;min-height:270px;padding:24px 16px;font-size:clamp(24px,4vw,42px);font-weight:750;line-height:1.15}.name-card.left{background:#252030;border-color:#615078}.name-card.right{background:#1d292b;border-color:#406367}.name-card.left:hover:not(:disabled){background:#352843}.name-card.right:hover:not(:disabled){background:#273c3e}.equal{background:0 0;min-height:68px;padding:0;font-size:36px}.vote-tools{justify-content:space-between;gap:12px;margin-top:20px;display:flex}.vote-tools button{color:#c2c2d0;background:0 0;border-color:#0000;padding:12px 10px}.hint{color:#a8a9b9;font-size:15px;line-height:1.6}.centered{text-align:center}.primary{color:#17121f;background:#c2a6ff;border-color:#c2a6ff;width:100%;min-height:64px;font-size:18px;font-weight:750}.primary:hover:not(:disabled){color:#17121f;background:#d6c1ff}.login{width:100%;max-width:480px;margin:56px auto 0}.login>p{color:#aaaab9;line-height:1.6}.login form{gap:14px;margin-top:36px;display:grid}.login form label{margin-bottom:-4px}.login h1{font-size:38px}.joint-form{grid-template-columns:1fr 1fr;gap:20px;margin-top:28px;display:grid}.joint-form .primary{grid-column:1/-1}.joint-result{overflow-wrap:anywhere;background:#211c29;border:1px solid #524063;border-radius:20px;margin-top:32px;padding:32px}.joint-result h2{margin:16px 0;font-size:clamp(36px,7vw,64px);line-height:1.1}.joint-result h2.no-result{font-size:26px}.joint-result p{line-height:1.7}.eyebrow{color:#ccb1ff;text-transform:uppercase;letter-spacing:1px;font-size:13px}.joint-result .primary{margin-top:12px}.ranking{margin:26px 0;padding:0;list-style:none}.ranking li{border-bottom:1px solid #2c2f38;align-items:center;gap:18px;min-height:76px;padding:20px 6px;display:flex}.ranking strong{overflow-wrap:anywhere;font-size:22px}.ranking .position{color:#bda2f4;min-width:30px}.ranking .hint{white-space:nowrap;margin-left:auto}.joint-ranking{margin-top:32px}.joint-ranking h3{margin-bottom:8px;font-size:21px}.joint-ranking .hint{white-space:normal;overflow-wrap:anywhere;margin-left:0}.joint-ranking li>div{min-width:0}.pagination,.partner{justify-content:space-between;align-items:center;gap:12px;display:flex}.error{background:#44212b;border:1px solid #a34c63;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;padding:14px 18px;line-height:1.5;display:flex}.error button{background:0 0;border:0;min-width:44px;padding:0;font-size:26px}.empty,.loading{text-align:center;color:#b3b3c4;padding:56px 0}footer{text-align:center;color:#8d8e9d;padding:36px 0 max(24px, env(safe-area-inset-bottom));margin-top:24px;font-size:12px}@media (width<=600px){.app{padding:0 18px}header{min-height:88px}.brand{font-size:27px}nav button{padding:12px 5px;font-size:14px}.gender{margin:22px 0 28px}.gender button{flex:1;min-width:0}.arena{grid-template-columns:1fr;gap:12px;margin-top:18px}.name-card{min-height:150px;font-size:clamp(26px,8vw,38px)}.equal{justify-self:center;width:80px;min-height:56px;font-size:32px}.vote-tools{margin-top:12px}.joint-form{grid-template-columns:1fr}.joint-result{padding:24px}.login{margin-top:36px}.login h1{font-size:34px}}