.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:1px solid transparent;border-radius:var(--radius-btn);font-size:16px;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .14s var(--ease-pop)}.btn--lg{height:var(--btn-h)}.btn--sm{height:40px;width:auto;padding:0 18px;border-radius:10px;font-size:14px}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-hover);box-shadow:0 8px 20px var(--accent-shadow)}.btn--sm.btn--primary:hover{box-shadow:0 6px 16px var(--accent-shadow)}.btn--secondary{background:var(--surface-card);border-color:var(--border-strong);color:var(--ink)}.btn--secondary:hover{background:var(--surface-sunken);border-color:var(--border-stronger)}.btn--primary:active,.btn--secondary:active{transform:scale(.985)}.btn--sm:active{transform:scale(.98)}.btn--disabled{background:var(--disabled-bg);color:var(--disabled-fg);cursor:not-allowed}.shell{min-height:100dvh;display:flex;justify-content:center;background:var(--surface)}.shell__screen{display:flex;flex-direction:column;width:100%;min-height:100dvh;background:var(--surface-card);padding-bottom:env(safe-area-inset-bottom)}@media(min-width:768px){.shell{align-items:center;padding:40px 0}.shell__screen{width:390px;min-height:844px;height:844px;border:1px solid var(--border-frame);border-radius:28px;overflow:hidden;padding-bottom:0}}.dot{display:flex;align-items:center;justify-content:center;flex:none;border-radius:var(--radius-pill);transition:background .22s ease,border-color .22s ease}.dot--unselected{border:1.5px solid var(--border-dot)}.dot--selected{background:var(--accent)}.dot__core{border-radius:var(--radius-pill);background:#fff}.dot--disabled{border:1.5px solid #e4e7e4}.dot--locked{border:1.5px solid var(--accent);background:#def1e1}.live-dot{flex:none;border-radius:var(--radius-pill);background:var(--accent);animation:pulseDot 1.8s ease-in-out infinite}.live-dot--dark{background:var(--d-accent)}.m-page{flex:1;display:flex;flex-direction:column;min-height:0;padding:36px 28px 32px}.m-page--lead{padding-top:40px}.m-eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2)}.m-title{margin-top:14px;font-size:30px;font-weight:700;line-height:1.3;letter-spacing:-.01em}.m-title--sm{margin-top:20px;font-size:26px;line-height:1.35}.m-sub{margin-top:16px;font-size:14px;line-height:1.75;color:var(--muted)}.m-sub--tight{margin-top:8px;line-height:1.7}.m-bullets{margin-top:36px;display:flex;flex-direction:column;gap:14px}.m-bullet{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--ink-2)}.m-foot{margin-top:auto;padding-top:28px;display:flex;flex-direction:column;gap:14px}.m-note{font-size:12px;line-height:1.6;color:var(--muted-3);text-align:center}.m-consent{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:14px;background:var(--surface-sunken)}.m-consent__avatar{flex:none;width:40px;height:40px;border-radius:var(--radius-pill);background:#dfe3df;object-fit:cover}.m-consent__text{font-size:13px;line-height:1.5}.m-consent__title{font-weight:500}.m-consent__desc{color:var(--muted)}.m-card{margin-top:28px;padding:18px 20px;border:1px solid var(--border-card);border-radius:14px}.m-card--sunken{border:none;background:var(--surface-sunken);display:flex;flex-direction:column;gap:10px;font-size:13px;color:var(--ink-2)}.m-card+.m-card{margin-top:20px}.m-card__label{font-size:12px;letter-spacing:.04em;color:var(--muted-2)}.m-card__head{display:flex;align-items:center;justify-content:space-between}.m-kv{display:flex;justify-content:space-between}.m-kv__k{color:var(--muted)}.m-picks{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.m-pick{padding:8px 12px;border-radius:9px;background:var(--accent-wash-strong);color:var(--accent-deeper);font-size:13px}.m-pick--locked{border:1.5px solid var(--accent);background:var(--accent-wash)}.m-live{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--accent-deep)}.m-bars{display:flex;flex-direction:column;gap:12px;margin-top:14px}.m-bar__head{display:flex;justify-content:space-between;margin-bottom:6px;font-size:14px}.m-bar__name{font-weight:500}.m-bar__n{color:var(--muted)}.m-bar__track{height:6px;border-radius:var(--radius-pill);background:var(--surface);overflow:hidden}.m-bar__fill{height:6px;border-radius:var(--radius-pill);transform-origin:left;animation:growX .9s var(--ease-grow) both}.m-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 28px;text-align:center;color:var(--muted);font-size:14px;line-height:1.7}.chip{display:flex;align-items:center;gap:9px;padding:11px 15px;border-radius:var(--radius-chip);border:1.5px solid var(--border-chip);background:var(--surface-card);color:var(--ink);font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .22s ease,border-color .22s ease,color .22s ease,transform .16s var(--ease-pop),box-shadow .22s ease}.chip:hover{transform:translateY(-1px);box-shadow:0 5px 12px #171a1814}.chip:active{transform:scale(.96)}.chip__dot{display:flex;align-items:center;justify-content:center;flex:none;width:16px;height:16px;border-radius:var(--radius-pill);border:1.5px solid var(--border-dot);transition:background .22s ease,border-color .22s ease}.chip__core{width:6px;height:6px;border-radius:var(--radius-pill);background:#fff}.chip--selected{background:var(--accent-wash);border-color:var(--accent);color:var(--accent-text)}.chip--selected .chip__dot{background:var(--accent);border-color:var(--accent)}.chip--dimmed{background:#fbfcfb;border-color:#eceeec;color:var(--disabled-fg)}.chip--dimmed .chip__dot{background:#eceeec;border-color:#eceeec}.sv-head{flex:none;padding:20px 22px 16px;border-bottom:1px solid var(--border-soft)}.sv-head__row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.sv-head__title{font-size:20px;font-weight:700}.sv-head__count{font-size:14px;font-weight:700;color:var(--accent-deep)}.sv-head__sub{margin-top:6px;font-size:12px;color:var(--muted-2)}.sv-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px 22px 0}.sv-group+.sv-group{margin-top:26px}.sv-group__head{display:flex;align-items:center;gap:8px;margin-bottom:14px}.sv-group__dot{width:7px;height:7px;border-radius:var(--radius-pill)}.sv-group__dot--domestic{background:var(--accent)}.sv-group__dot--overseas{background:var(--overseas)}.sv-group__name{font-size:13px;font-weight:500}.sv-group__n{font-size:12px;color:var(--disabled-fg)}.sv-chips{display:flex;flex-wrap:wrap;gap:9px}.sv-group:last-child .sv-chips{padding-bottom:24px}.sv-foot{flex:none;display:flex;flex-direction:column;gap:10px;padding:16px 22px 26px;border-top:1px solid var(--border-soft);background:var(--surface-card)}.sv-foot__hint{font-size:12px;color:var(--muted-2)}.sv-foot__hint--error{color:#c13c3b}.rs-mark{display:flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;border-radius:var(--radius-pill)}.rs-mark__core{width:14px;height:14px;border-radius:var(--radius-pill)}.rs-mark--done{border:2px solid var(--accent);background:var(--accent-wash-strong)}.rs-mark--done .rs-mark__core{background:var(--accent)}.rs-mark--muted{border:2px solid var(--border-dot)}.rs-mark--muted .rs-mark__core{background:var(--border-dot)}.rs-empty{font-size:13px;color:var(--muted-2)}.rs-section{margin-top:24px;display:flex;flex-direction:column;gap:10px}.bd-stage{width:100vw;height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--d-bg)}.bd{flex:none;display:flex;flex-direction:column;gap:34px;padding:52px 60px;background:var(--d-bg);color:var(--d-text);transform-origin:center}.bd__head{display:flex;align-items:flex-end;justify-content:space-between;gap:48px}.bd__eyebrow{font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--d-muted)}.bd__title{margin-top:12px;font-size:52px;font-weight:700;letter-spacing:-.015em}.bd__metrics{display:flex;align-items:flex-end;gap:56px}.bd__metric{text-align:right}.bd__metric-label{font-size:14px;letter-spacing:.06em;color:var(--d-muted)}.bd__metric-value{font-size:60px;font-weight:700;line-height:1.05}.bd__metric-value--accent{color:var(--d-accent)}.bd__status{display:flex;align-items:center;gap:10px;padding-bottom:12px;font-size:16px;color:var(--d-muted-3)}.bd__grid{flex:1;min-height:0;display:grid;grid-template-columns:1.62fr 1fr;gap:30px}.bd__side{display:flex;flex-direction:column;gap:30px;min-height:0}.bd-card{background:var(--d-card);border:1px solid var(--d-border);border-radius:18px}.bd-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.bd-card__title{font-size:22px;font-weight:700}.bd-card__title--sm{font-size:20px}.bd-card__note{font-size:15px;color:var(--d-muted)}.bd-rank{display:flex;flex-direction:column;gap:22px;padding:34px 38px;min-height:0}.bd-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 30px;border-radius:14px;background:var(--d-hero)}.bd-hero--empty{justify-content:center;font-size:22px;color:var(--d-muted-2)}.bd-hero__left{display:flex;align-items:center;gap:22px}.bd-hero__rank{font-size:30px;font-weight:700;color:var(--d-rank)}.bd-hero__name{font-size:38px;font-weight:700;letter-spacing:-.01em}.bd-hero__meta{margin-top:4px;font-size:15px;color:var(--d-muted-2)}.bd-hero__right{text-align:right}.bd-hero__count{font-size:46px;font-weight:700;line-height:1}.bd-rows{flex:1;min-height:0;display:flex;flex-direction:column;gap:15px}.bd-row{display:flex;align-items:center;gap:18px}.bd-row__rank{width:26px;font-size:17px;color:var(--d-muted)}.bd-row__name{width:196px;font-size:19px}.bd-row__track{flex:1;height:22px;border-radius:6px;background:var(--d-track);overflow:hidden}.bd-row__fill{height:22px;border-radius:6px;transform-origin:left;animation:growX .9s var(--ease-grow) both;transition:width .6s var(--ease-grow)}.bd-row__count{width:66px;font-size:19px;text-align:right}.bd-split{display:flex;flex-direction:column;gap:22px;padding:30px 34px}.bd-split__bar{display:flex;height:34px;border-radius:8px;overflow:hidden}.bd-split__seg{display:flex;align-items:center;padding-left:14px;font-size:16px;font-weight:700;color:var(--d-bg);transform-origin:left;animation:growX 1s var(--ease-grow) both;transition:width .6s var(--ease-grow)}.bd-split__seg--domestic{background:var(--d-bar-domestic)}.bd-split__seg--overseas{background:var(--d-bar-overseas);animation-delay:.08s}.bd-split__legend{display:flex;justify-content:space-between;gap:16px;font-size:16px}.bd-split__item{display:flex;align-items:center;gap:10px}.bd-split__dot{width:10px;height:10px;border-radius:var(--radius-pill)}.bd-split__dot--domestic{background:var(--d-bar-domestic)}.bd-split__dot--overseas{background:var(--d-bar-overseas)}.bd-split__note{font-size:15px;line-height:1.6;color:var(--d-muted)}.bd-latest{flex:1;min-height:0;display:flex;flex-direction:column;gap:18px;padding:30px 34px;overflow:hidden}.bd-latest__live{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--d-muted)}.bd-latest__list{display:flex;flex-direction:column;gap:14px}.bd-latest__row{display:flex;align-items:center;gap:14px;animation:fadeUp .4s var(--ease-pop) both}.bd-latest__avatar{flex:none;width:38px;height:38px;border-radius:var(--radius-pill);background:var(--d-border);object-fit:cover}.bd-latest__text{min-width:0}.bd-latest__name{font-size:16px}.bd-latest__picks{font-size:14px;color:var(--d-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bd-latest__time{margin-left:auto;flex:none;font-size:14px;color:var(--d-muted)}.bd-latest__empty{font-size:16px;color:var(--d-muted)}.bd-qr{display:flex;align-items:center;gap:26px;padding:26px 34px}.bd-qr__code{flex:none;display:flex;align-items:center;justify-content:center;width:108px;height:108px;border-radius:12px;background:#f2f5f2;overflow:hidden}.bd-qr__note{margin-top:6px;font-size:15px;line-height:1.6;color:var(--d-muted)}.ad-stage{min-height:100dvh;padding:40px 24px;background:var(--surface);display:flex;justify-content:center}.ad{display:flex;width:100%;max-width:1440px;background:var(--surface-card);border:1px solid var(--border-frame);border-radius:20px;overflow:hidden}.ad__side{flex:none;width:224px;display:flex;flex-direction:column;gap:6px;padding:26px 20px;border-right:1px solid var(--border-soft);background:var(--surface-subtle)}.ad__brand{padding:0 12px 18px;font-size:15px;font-weight:700}.ad__nav{display:flex;align-items:center;gap:10px;padding:11px 12px;border:none;border-radius:9px;background:transparent;color:var(--ink-2);font-size:14px;text-align:left;cursor:pointer;transition:background .18s ease}.ad__nav:hover{background:#f1f3f1}.ad__nav-dot{flex:none;width:8px;height:8px;border-radius:var(--radius-pill);border:1.5px solid var(--border-dot)}.ad__nav--active{background:var(--accent-wash-strong);color:var(--accent-deeper);font-weight:500}.ad__nav--active .ad__nav-dot{border-color:var(--accent);background:var(--accent)}.ad__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:24px;padding:30px 34px 36px}.ad__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.ad__title{font-size:22px;font-weight:700}.ad__subtitle{margin-top:5px;font-size:13px;color:var(--muted-2)}.ad__actions{display:flex;gap:10px}.ad__note{font-size:13px;line-height:1.7;color:var(--muted-2)}.ad__error{padding:12px 16px;border-radius:10px;background:#ffecea;background:oklch(.96 .03 25);color:#9b1e22;font-size:13px}.ad-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ad-stat{padding:20px 22px;border:1px solid var(--border-card);border-radius:12px}.ad-stat__label{font-size:13px;color:var(--muted)}.ad-stat__value{margin-top:6px;font-size:30px;font-weight:700}.ad-table{border:1px solid var(--border-card);border-radius:14px;overflow:hidden}.ad-table__row{display:grid;grid-template-columns:56px 1.6fr 1fr 1fr 1fr 120px;align-items:center;gap:12px;padding:15px 22px;border-bottom:1px solid var(--border-softer);font-size:14px;transition:background .18s ease}.ad-table__row:last-child{border-bottom:none}.ad-table__row:not(.ad-table__row--head):hover{background:var(--surface-subtle)}.ad-table__row--head{padding:14px 22px;background:var(--surface-subtle);border-bottom:1px solid var(--border-soft);font-size:12px;letter-spacing:.04em;color:var(--muted)}.ad-table__row--option{grid-template-columns:1.4fr 1fr 1fr 120px}.ad-table__row--votes{grid-template-columns:180px 1fr 200px}.ad-table__row--idle{color:var(--disabled-fg)}.ad-table__rank{color:var(--muted)}.ad-table__row--idle .ad-table__rank{color:inherit}.ad-table__name{font-weight:500}.ad-table__en{color:var(--muted)}.ad-table__right{text-align:right}.ad-toggle{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:0;border:none;background:none;font-size:14px;color:var(--disabled-fg);cursor:pointer;transition:color .2s ease,opacity .2s ease}.ad-toggle:hover{opacity:.7}.ad-toggle__dot{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:var(--radius-pill);border:1.5px solid var(--border-frame);transition:background .24s ease,border-color .24s ease}.ad-toggle__core{width:5px;height:5px;border-radius:var(--radius-pill);background:transparent;transform:scale(.4);transition:background .24s ease,transform .24s var(--ease-pop)}.ad-toggle--on{color:var(--accent-text)}.ad-toggle--on .ad-toggle__dot{background:var(--accent);border-color:var(--accent)}.ad-toggle--on .ad-toggle__core{background:#fff;transform:scale(1)}.ad-group+.ad-group{margin-top:8px}.ad-group__title{margin-bottom:12px;font-size:15px;font-weight:700}.ad-campaign{display:flex;gap:32px;align-items:flex-start}.ad-campaign__qr{flex:none;display:flex;align-items:center;justify-content:center;padding:16px;border:1px solid var(--border-card);border-radius:14px}.ad-campaign__info,.ad-board{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px}.ad-kv{display:flex;justify-content:space-between;gap:24px;padding-bottom:14px;border-bottom:1px solid var(--border-softer);font-size:14px;word-break:break-all}.ad-kv__k{flex:none;color:var(--muted)}.ad-gate{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--surface)}.ad-gate__box{display:flex;flex-direction:column;gap:14px;width:100%;max-width:360px;padding:32px;background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-card)}.ad-gate__title{font-size:20px;font-weight:700}.ad-gate__desc{font-size:13px;color:var(--muted)}.ad-gate__input{height:44px;padding:0 14px;border:1px solid var(--border-strong);border-radius:10px;font:inherit;font-size:14px}@media(max-width:900px){.ad__side{display:none}.ad-table__row,.ad-table__row--option,.ad-table__row--votes{grid-template-columns:1fr auto}.ad-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.ad-restart{margin-top:28px;padding-top:20px;border-top:1px solid var(--line, #e3e7eb);max-width:560px}.ad-restart h2{font-size:18px;margin:0 0 12px}.ad-restart p{line-height:1.7;font-size:14px;margin:12px 0}.ad-restart label{display:block;font-size:13px;margin-bottom:8px}:root{--accent: oklch(.62 .13 150);--accent-hover: oklch(.55 .13 150);--accent-deep: oklch(.52 .13 150);--accent-deeper: oklch(.42 .13 150);--accent-text: oklch(.36 .12 150);--accent-wash: oklch(.96 .02 150);--accent-wash-strong: oklch(.95 .03 150);--accent-shadow: oklch(.62 .13 150 / .28);--overseas: oklch(.66 .13 60);--ink: #171a18;--ink-2: #3a403a;--ink-3: #5d635d;--muted: #6b716b;--muted-2: #8b918b;--muted-3: #9ba09b;--disabled-fg: #a8ada8;--surface: #eef1ef;--surface-card: #ffffff;--surface-sunken: #f5f7f5;--surface-subtle: #fafbfa;--border: #e1e5e1;--border-strong: #cfd4cf;--border-stronger: #b9bfb9;--border-soft: #ecefec;--border-card: #e6e9e6;--border-softer: #f2f4f2;--border-frame: #dde1dd;--border-chip: #e2e6e2;--border-dot: #c3c8c3;--disabled-bg: #e8ebe8;--radius-btn: 12px;--radius-card: 16px;--radius-chip: 11px;--radius-pill: 99px;--btn-h: 52px;--ease-pop: cubic-bezier(.2, .8, .2, 1);--ease-grow: cubic-bezier(.16, .84, .24, 1);--font: "Noto Sans SC", system-ui, -apple-system, "PingFang SC", sans-serif}.theme-dark{--d-bg: #0d100e;--d-card: #141816;--d-border: #232823;--d-text: #f2f5f2;--d-muted: #7f877f;--d-muted-2: #b9c2b9;--d-muted-3: #cfd6cf;--d-track: #1d221e;--d-accent: oklch(.75 .14 150);--d-bar-domestic: oklch(.7 .13 150);--d-bar-overseas: oklch(.7 .13 60);--d-rank: oklch(.85 .1 150);--d-hero: linear-gradient(90deg, oklch(.42 .11 150) 0%, #141816 100%)}@keyframes growX{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.78)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--surface);color:var(--ink);font-family:var(--font);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}a{color:var(--accent-deep);text-decoration:none;transition:color .18s ease}a:hover{color:var(--accent-deeper)}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}