/* 자동 생성 파일 — 직접 고치지 마세요.
   원본: public/index.html (<style>) · 손질: scripts/theme/overrides/home.css
   다시 만들기: npm run theme:build  (scripts/build-dark-theme.mjs) */
:root[data-theme="dark"]{--paper:#111a24;--blue:var(--hv-sky-600);--sky:#274053;--mint-accent:var(--hv-gold-400);--mint:#2a2105;--night:#0b1f38;--night-2:#123158}
html[data-theme="dark"]{background:var(--bg)}
:root[data-theme="dark"] body{color:var(--ink);background:linear-gradient(180deg,#151f29 0,#18222c 100%)}
:root[data-theme="dark"] button,:root[data-theme="dark"] input,:root[data-theme="dark"] select{color:inherit}
:root[data-theme="dark"] button:focus-visible,:root[data-theme="dark"] a:focus-visible,:root[data-theme="dark"] input:focus-visible,:root[data-theme="dark"] select:focus-visible{outline:3px solid var(--focus)}
:root[data-theme="dark"] .sr{border:0!important}
:root[data-theme="dark"] .skip{background:#0e2a47;color:#fff;text-decoration:none}
:root[data-theme="dark"] .rail{border-right:1px solid var(--line);background:#111a24}
:root[data-theme="dark"] .brand{border:0;background:none}
:root[data-theme="dark"] .brand:hover{background:#151e28}
:root[data-theme="dark"] .brandcopy strong{color:var(--navy)}
:root[data-theme="dark"] .brandcopy span{color:var(--muted)}
:root[data-theme="dark"] .nav button,:root[data-theme="dark"] .nav .navlink{border:0;background:transparent;color:var(--muted)}
:root[data-theme="dark"] .nav button svg,:root[data-theme="dark"] .nav .navlink svg{fill:none;stroke:currentColor}
:root[data-theme="dark"] .nav button:hover,:root[data-theme="dark"] .nav .navlink:hover{background:#151e28;color:var(--navy)}
:root[data-theme="dark"] .nav button[aria-current=page]{background:#151e28;color:#71b6fd}
:root[data-theme="dark"] .nav button[aria-current=page]:before{background:var(--hv-gold-400)}
:root[data-theme="dark"] .railtop button.sfx-toggle{box-shadow:none}
:root[data-theme="dark"] .railhead{color:var(--hv-faint)}
:root[data-theme="dark"] .railcats{border-top:1px solid var(--line)}
:root[data-theme="dark"] .catlink{border:0;background:transparent;color:var(--ink)}
:root[data-theme="dark"] .catlink:hover{background:#151e28;color:var(--navy)}
:root[data-theme="dark"] .catlink small{background:var(--hv-surface-2);color:var(--muted)}
:root[data-theme="dark"] .catdot-quiz{background:var(--hv-sky-500)}
:root[data-theme="dark"] .catdot-game{background:var(--hv-gold-400)}
:root[data-theme="dark"] .uthcard{border:1px solid var(--line);background:linear-gradient(170deg,#111a24 0,#151e28 100%)}
:root[data-theme="dark"] .uthcard.signed-in{border-color:transparent;background:radial-gradient(220px 140px at 100% 0,rgba(47,151,228,.35),transparent 70%),linear-gradient(170deg,#123158,#0b1f38);color:#fff}
:root[data-theme="dark"] .uthcard-head img{background:#111a24;border:1px solid var(--line)}
:root[data-theme="dark"] .uthcard-logout{border:1px solid rgba(255,255,255,.25);background:transparent;color:#d7e8f8}
:root[data-theme="dark"] .uthcard-logout:hover{border-color:#1e2732;color:#fff}
:root[data-theme="dark"] .uthcard h2{color:var(--navy)}
:root[data-theme="dark"] .uthcard.signed-in h2{color:#fff}
:root[data-theme="dark"] .uthcard.signed-in .railhead{color:#9fbcd8}
:root[data-theme="dark"] .uthcard-guest p{color:var(--muted)}
:root[data-theme="dark"] .uthcard-user dl div{background:rgba(17,26,36,.07)}
:root[data-theme="dark"] .uthcard-user dt{color:#9fbcd8}
:root[data-theme="dark"] .uthcard-user dd{color:#fff}
:root[data-theme="dark"] .uthcard-user dd small{color:var(--hv-gold-300)}
:root[data-theme="dark"] .uthcard-user dl div:last-child dd{color:var(--hv-gold-300)}
:root[data-theme="dark"] .uthcard-note{color:#9fbcd8}
:root[data-theme="dark"] .uthcard-title{color:var(--hv-gold-300)}
:root[data-theme="dark"] .uthcard-user .btn{border-color:rgba(255,255,255,.25);background:transparent;color:#fff}
:root[data-theme="dark"] .uthcard-user .btn:hover{border-color:#1e2732;color:#fff}
:root[data-theme="dark"] .btn{border:1px solid var(--hv-line-strong);background:#111a24;color:var(--navy);text-decoration:none}
:root[data-theme="dark"] .btn:hover:not(:disabled){border-color:var(--hv-sky-500);color:#71b6fd}
:root[data-theme="dark"] .primary{border-color:#1b78c4;background:#1b78c4;color:#fff}
:root[data-theme="dark"] .primary:hover:not(:disabled){border-color:var(--hv-sky-700);background:var(--hv-sky-700);color:#fff}
:root[data-theme="dark"] .gold{border-color:var(--hv-gold-400);background:var(--hv-gold-400);color:#0b1f38}
:root[data-theme="dark"] .gold:hover:not(:disabled){border-color:var(--hv-gold-300);background:var(--hv-gold-300);color:#0b1f38}
:root[data-theme="dark"] .ghost{border-color:rgba(255,255,255,.35);background:transparent;color:#fff}
:root[data-theme="dark"] .ghost:hover:not(:disabled){border-color:#1e2732;background:rgba(17,26,36,.08);color:#fff}
:root[data-theme="dark"] .ghostdark{border-color:rgba(255,255,255,.25);background:transparent;color:#d7e8f8}
:root[data-theme="dark"] .ghostdark:hover:not(:disabled){border-color:#1e2732;color:#fff}
:root[data-theme="dark"] .danger{color:var(--danger);background:var(--hv-bad-soft);border-color:#4c2b32}
:root[data-theme="dark"] .kicker{color:#e1a441}
:root[data-theme="dark"] .sky{background:linear-gradient(155deg,#10305a 0%,#0b1f38 55%,#08172b 100%);color:#fff;box-shadow:0 30px 60px -30px rgba(8,23,43,.6),inset 0 1px 0 rgba(255,255,255,.08)}
:root[data-theme="dark"] .sky:after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
:root[data-theme="dark"] .aurora{filter:blur(60px)}
:root[data-theme="dark"] .aurora span:nth-child(1){background:radial-gradient(circle,rgba(47,151,228,.75),transparent 65%)}
:root[data-theme="dark"] .aurora span:nth-child(2){background:radial-gradient(circle,rgba(246,186,34,.42),transparent 65%)}
:root[data-theme="dark"] .aurora span:nth-child(3){background:radial-gradient(circle,rgba(92,180,242,.35),transparent 65%)}
:root[data-theme="dark"] .stars{background-image:radial-gradient(1px 1px at 12% 22%,rgba(255,255,255,.9),transparent 60%),radial-gradient(1px 1px at 28% 68%,rgba(255,255,255,.6),transparent 60%),radial-gradient(1.5px 1.5px at 46% 14%,rgba(255,226,143,.95),transparent 60%),radial-gradient(1px 1px at 58% 82%,rgba(255,255,255,.55),transparent 60%),radial-gradient(1px 1px at 72% 36%,rgba(255,255,255,.8),transparent 60%),radial-gradient(1.5px 1.5px at 86% 12%,rgba(255,255,255,.9),transparent 60%),radial-gradient(1px 1px at 92% 74%,rgba(255,226,143,.8),transparent 60%),radial-gradient(1px 1px at 6% 86%,rgba(255,255,255,.6),transparent 60%),radial-gradient(1px 1px at 38% 40%,rgba(255,255,255,.45),transparent 60%)}
:root[data-theme="dark"] .sky .kicker{color:var(--hv-gold-300)}
:root[data-theme="dark"] .kickline{background:linear-gradient(90deg,transparent,var(--hv-gold-300))}
:root[data-theme="dark"] .sky h1{color:#fff}
:root[data-theme="dark"] .sky h1 em{background:linear-gradient(100deg,#ffd156 0%,#fff1c9 30%,#ffd156 55%,#f6ba22 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
:root[data-theme="dark"] .lead{color:#b9d2ea}
:root[data-theme="dark"] .lead strong{color:#fff}
:root[data-theme="dark"] .sky .btn.gold{box-shadow:0 10px 30px -8px rgba(246,186,34,.6),inset 0 1px 0 rgba(255,255,255,.5)}
:root[data-theme="dark"] .sky .btn.ghost{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.06)}
:root[data-theme="dark"] .halo{background:radial-gradient(circle,rgba(148,206,252,.28) 0,rgba(47,151,228,.12) 40%,transparent 66%)}
:root[data-theme="dark"] .moon{background:radial-gradient(circle at 35% 30%,#fdf6e3 0%,#e7f3ff 28%,#9fd0f7 62%,#4f9bdc 100%);box-shadow:0 0 0 1px rgba(255,255,255,.25),0 0 60px rgba(148,206,252,.45),inset -18px -22px 50px rgba(16,48,90,.45),inset 10px 12px 30px rgba(255,255,255,.55)}
:root[data-theme="dark"] .moon:after{background:radial-gradient(circle at 70% 72%,rgba(16,48,90,.18) 0 8%,transparent 9%),radial-gradient(circle at 26% 64%,rgba(16,48,90,.12) 0 5%,transparent 6%),radial-gradient(circle at 62% 24%,rgba(16,48,90,.1) 0 4%,transparent 5%)}
:root[data-theme="dark"] .ame img{filter:drop-shadow(0 18px 30px rgba(8,23,43,.45))}
:root[data-theme="dark"] .orbit-body img{filter:drop-shadow(0 6px 10px rgba(0,0,0,.4))}
:root[data-theme="dark"] .chip{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#d7e8f8;box-shadow:0 8px 20px rgba(8,23,43,.3)}
:root[data-theme="dark"] .chip b{color:var(--hv-gold-300)}
:root[data-theme="dark"] .spark{background:var(--hv-gold-300)}
:root[data-theme="dark"]{--chzzk:#00ffa3;--chzzk-ink:#47cd8e}
:root[data-theme="dark"] .nav .navlink{text-decoration:none}
:root[data-theme="dark"] .btn.chzzk{border:1px solid #00ffa3;background:#0b1f38;color:#fff;text-decoration:none;box-shadow:inset 0 0 0 1px rgba(0,255,163,.12)}
:root[data-theme="dark"] .btn.chzzk:hover{background:#10294a;box-shadow:inset 0 0 0 1px rgba(0,255,163,.3),0 8px 22px -10px rgba(0,255,163,.55)}
:root[data-theme="dark"] .btn.chzzk .chzzk-logo{box-shadow:0 0 0 1px rgba(0,255,163,.35)}
:root[data-theme="dark"] .live-badge{background:#e5484d;color:#fff;box-shadow:0 0 0 2px rgba(229,72,77,.18)}
:root[data-theme="dark"] .live-badge::before{background:#111a24}
:root[data-theme="dark"] .live-badge.is-offline{background:#525d6d;box-shadow:0 0 0 2px rgba(83,92,107,.16)}
:root[data-theme="dark"] .live-badge.is-offline::before{background:transparent;box-shadow:inset 0 0 0 1.5px #1e2732}
:root[data-theme="dark"] .secno{color:transparent;-webkit-text-stroke:1.5px #63b9ff}
:root[data-theme="dark"] .sechead h2{color:var(--navy)}
:root[data-theme="dark"] .sechead p{color:var(--muted)}
:root[data-theme="dark"] .rows{border:1px solid var(--line);background:#111a24}
:root[data-theme="dark"] .row+.row{border-top:1px solid var(--line)}
:root[data-theme="dark"] .row:hover{background:#151e28}
:root[data-theme="dark"] .rowicon{background:#0b1f38;color:var(--hv-gold-300);box-shadow:inset 0 0 0 1px rgba(34,61,82,.1)}
:root[data-theme="dark"] .rowicon svg{fill:none;stroke:currentColor}
:root[data-theme="dark"] .rowicon .a{stroke:var(--hv-sky-300)}
:root[data-theme="dark"] .rowicon .af{fill:var(--hv-sky-300)}
:root[data-theme="dark"] .rowtag{background:#151e28;color:#71b6fd}
:root[data-theme="dark"] .rowcopy h3{color:var(--navy)}
:root[data-theme="dark"] .rowcopy p{color:var(--muted)}
:root[data-theme="dark"] .rowbtn{border-color:var(--hv-sky-600);color:#71b6fd}
:root[data-theme="dark"] .rowbtn:hover:not(:disabled){background:var(--hv-sky-600);color:#fff}
:root[data-theme="dark"] .tile{border:1px solid var(--line);background:#111a24}
:root[data-theme="dark"] .tile:hover{border-color:#223d52}
:root[data-theme="dark"] .tile h3{color:var(--navy)}
:root[data-theme="dark"] .tile p{color:var(--muted)}
:root[data-theme="dark"] .tileicon{background:#151e28;border:1px solid #212d36;color:#71b6fd}
:root[data-theme="dark"] .tile:hover .tileicon{background:var(--hv-sky-600);border-color:var(--hv-sky-600);color:#fff}
:root[data-theme="dark"] .tag{background:#151e28;color:#71b6fd}
:root[data-theme="dark"] .uthart{background:radial-gradient(circle,#18242e 0,#151e28 60%,transparent 70%)}
:root[data-theme="dark"] .t-exchange{border-color:transparent;background:linear-gradient(120deg,#0b1f38 0%,#123158 100%);color:#fff}
:root[data-theme="dark"] .t-exchange:hover{border-color:var(--hv-gold-400)}
:root[data-theme="dark"] .t-exchange .tag{background:rgba(255,209,86,.14);color:var(--hv-gold-300)}
:root[data-theme="dark"] .t-exchange h3{color:#fff}
:root[data-theme="dark"] .t-exchange p{color:#b9d2ea}
:root[data-theme="dark"] .ticker{border:1px solid rgba(255,209,86,.25);background:rgba(17,26,36,.04)}
:root[data-theme="dark"] .ticker span{color:var(--hv-gold-300)}
:root[data-theme="dark"] .t-board .boardart{background:var(--hv-surface-2)}
:root[data-theme="dark"] .t-board.b-hg{border-top:4px solid #f2b53a}
:root[data-theme="dark"] .t-board.b-ip{border-top:4px solid #6c4fd6}
:root[data-theme="dark"] .t-board.b-bj{border-top:4px solid #3a676c}
:root[data-theme="dark"] .t-board.b-rc{border-top:4px solid #ff7a59}
:root[data-theme="dark"] .board{border:1px solid var(--line);border-left:5px solid var(--accent);background:#111a24}
:root[data-theme="dark"] .b-hg{--accent:#f2b53a}
:root[data-theme="dark"] .b-ip{--accent:#6c4fd6}
:root[data-theme="dark"] .b-bj{--accent:#3a676c}
:root[data-theme="dark"] .b-rc{--accent:#ff7a59}
:root[data-theme="dark"] .boardart{background:var(--hv-surface-2)}
:root[data-theme="dark"] .boardcopy h3{color:var(--navy)}
:root[data-theme="dark"] .boardcopy p{color:var(--muted)}
:root[data-theme="dark"] .pagehead h2{color:var(--navy)}
:root[data-theme="dark"] .pagehead p{color:var(--muted)}
:root[data-theme="dark"] .panel{border:1px solid var(--line);background:#111a24}
:root[data-theme="dark"] .panel:before{background:#0b1f38;color:var(--hv-gold-300)}
:root[data-theme="dark"] .panel h3{color:var(--navy)}
:root[data-theme="dark"] .panel p,:root[data-theme="dark"] .panel li{color:var(--muted)}
:root[data-theme="dark"] .panel strong{color:var(--navy)}
:root[data-theme="dark"] .rules li::marker{color:#63b9ff}
:root[data-theme="dark"] .diffcard{border:1px solid var(--line);background:#111a24}
:root[data-theme="dark"] .diffcard:hover{border-color:#223d52}
:root[data-theme="dark"] .diffcard h3{color:var(--navy)}
:root[data-theme="dark"] .diffcard>p{color:var(--muted)}
:root[data-theme="dark"] .level{background:#0b1f38;color:var(--hv-gold-300)}
:root[data-theme="dark"] .best{color:#d8a75e}
:root[data-theme="dark"] .console{background:linear-gradient(170deg,#123158,#0b1f38);color:#fff}
:root[data-theme="dark"] .badge{background:rgba(17,26,36,.08);color:#d7e8f8}
:root[data-theme="dark"] .badge.hotbadge{background:var(--hv-gold-400);color:#0b1f38}
:root[data-theme="dark"] .progress span{background:rgba(17,26,36,.06)}
:root[data-theme="dark"] .progress small{color:#9fbcd8}
:root[data-theme="dark"] .progress strong{color:#fff}
:root[data-theme="dark"] .timertop{color:#9fbcd8}
:root[data-theme="dark"] .time{color:var(--hv-gold-300)}
:root[data-theme="dark"] .track{background:rgba(17,26,36,.1)}
:root[data-theme="dark"] .bar{background:repeating-linear-gradient(90deg,var(--hv-gold-300) 0 10px,var(--hv-gold-400) 10px 12px)}
:root[data-theme="dark"] .game{border:1px solid var(--line);background:#111a24}
:root[data-theme="dark"] .qarea{border-bottom:1px dashed var(--line)}
:root[data-theme="dark"] .qtype{color:#6cb7ff}
:root[data-theme="dark"] .qtext{color:var(--navy)}
:root[data-theme="dark"] .qsub{color:var(--muted)}
:root[data-theme="dark"] .choice{border:1px solid var(--line);background:var(--hv-surface-2);color:var(--ink)}
:root[data-theme="dark"] .choice:hover:not(:disabled){border-color:var(--hv-sky-400);background:#111a24}
:root[data-theme="dark"] .choice[aria-pressed=true]{border-color:#0e2a47;background:#111a24;box-shadow:inset 0 0 0 1px #0e2a47;color:var(--navy)}
:root[data-theme="dark"] .num{background:#111a24;border:1px solid var(--line);color:var(--muted)}
:root[data-theme="dark"] .choice[aria-pressed=true] .num{background:#0e2a47;border-color:#0e2a47;color:var(--hv-gold-300)}
:root[data-theme="dark"] .input,:root[data-theme="dark"] .select{border:1px solid var(--hv-line-strong);background:#111a24;color:var(--navy);outline:0}
:root[data-theme="dark"] .input::placeholder{color:var(--hv-faint)}
:root[data-theme="dark"] .input:focus,:root[data-theme="dark"] .select:focus{border-color:var(--hv-sky-500);box-shadow:0 0 0 3px rgba(47,151,228,.16)}
:root[data-theme="dark"] .select{background:#111a24 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%235f768c' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") right .9rem center/11px no-repeat}
:root[data-theme="dark"] .feedback{color:var(--muted)}
:root[data-theme="dark"] .feedback.correct{color:var(--good)}
:root[data-theme="dark"] .feedback.wrong{color:var(--danger)}
:root[data-theme="dark"] .feedback.timeout{color:var(--warn)}
:root[data-theme="dark"] .countdown{background:rgba(11,31,56,.94)}
:root[data-theme="dark"] .count{color:var(--hv-gold-300)}
:root[data-theme="dark"] .countcopy{color:#b9d2ea}
:root[data-theme="dark"] .vtuberstage{border:1px solid var(--line);background:var(--hv-surface-2)}
:root[data-theme="dark"] .scorecard{background:radial-gradient(360px 200px at 100% 0,rgba(47,151,228,.4),transparent 70%),linear-gradient(170deg,#123158,#0b1f38);color:#fff}
:root[data-theme="dark"] .rk{color:var(--hv-gold-300)}
:root[data-theme="dark"] .rscore{color:#fff}
:root[data-theme="dark"] .rtotal{color:var(--hv-gold-300)}
:root[data-theme="dark"] .rcomment{color:#d7e8f8}
:root[data-theme="dark"] .scorecard .actions .btn:not(.primary){border-color:rgba(255,255,255,.3);background:transparent;color:#fff}
:root[data-theme="dark"] .scorecard .actions .primary{border-color:var(--hv-gold-400);background:var(--hv-gold-400);color:#0b1f38}
:root[data-theme="dark"] .ranksubmit,:root[data-theme="dark"] .wrongreview{border:1px solid var(--line);background:#111a24}
:root[data-theme="dark"] .ranksubmit h3,:root[data-theme="dark"] .wrongreviewhead h3{color:var(--navy)}
:root[data-theme="dark"] .ranksubmit p{color:var(--muted)}
:root[data-theme="dark"] .rankform label{color:var(--navy)}
:root[data-theme="dark"] .rankstatus{color:var(--muted)}
:root[data-theme="dark"] .rankstatus.success{color:var(--good)}
:root[data-theme="dark"] .rankstatus.error{color:var(--danger)}
:root[data-theme="dark"] .wrongreviewcount{background:var(--hv-bad-soft);color:var(--danger)}
:root[data-theme="dark"] .wrongreviewintro{color:var(--muted)}
:root[data-theme="dark"] .wrongitem{border:1px solid var(--line);border-left:3px solid #cf3a50;background:var(--hv-surface-2)}
:root[data-theme="dark"] .wrongqno{color:#71b6fd}
:root[data-theme="dark"] .wrongquestion{color:var(--navy)}
:root[data-theme="dark"] .wronganswer{background:#111a24;color:var(--ink)}
:root[data-theme="dark"] .wronganswer strong{color:var(--danger)}
:root[data-theme="dark"] .wronganswer.correct strong{color:var(--good)}
:root[data-theme="dark"] .wrongthumb{border:1px solid var(--line);background:#111a24}
:root[data-theme="dark"] .sum{border:1px solid var(--line);background:#111a24}
:root[data-theme="dark"] .sum span{color:var(--muted)}
:root[data-theme="dark"] .sum strong{color:var(--navy)}
:root[data-theme="dark"] .rankingnote{color:var(--muted)}
:root[data-theme="dark"] .recordpanel{border:1px solid var(--line);background:#111a24}
:root[data-theme="dark"] th,:root[data-theme="dark"] td{border-bottom:1px solid var(--line)}
:root[data-theme="dark"] th{background:#0b1f38;color:#d7e8f8}
:root[data-theme="dark"] tbody tr:nth-child(even){background:var(--hv-surface-2)}
:root[data-theme="dark"] tbody tr:hover{background:#151e28}
:root[data-theme="dark"] tbody tr:last-child td{border-bottom:0}
:root[data-theme="dark"] tbody td:first-child{color:var(--navy)}
:root[data-theme="dark"] tbody tr:nth-child(1) td:first-child,:root[data-theme="dark"] tbody tr:nth-child(2) td:first-child,:root[data-theme="dark"] tbody tr:nth-child(3) td:first-child{color:#e1a441}
:root[data-theme="dark"] .perfect{color:#e1a441}
:root[data-theme="dark"] .sorthead{border:0;background:transparent;color:inherit}
:root[data-theme="dark"] .sorthead:hover{background:rgba(17,26,36,.06)}
:root[data-theme="dark"] .sortmark{color:#93a3b4}
:root[data-theme="dark"] .sorthead[aria-pressed=true]{color:var(--hv-gold-300)}
:root[data-theme="dark"] .sorthead[aria-pressed=true] .sortmark{color:var(--hv-gold-300)}
:root[data-theme="dark"] .empty strong{color:var(--navy)}
:root[data-theme="dark"] .empty p{color:var(--muted)}
:root[data-theme="dark"] dialog{border:1px solid var(--line);background:#111a24;color:var(--ink)}
:root[data-theme="dark"] dialog::backdrop{background:rgba(11,31,56,.45)}
:root[data-theme="dark"] .dbody h2{color:var(--navy)}
:root[data-theme="dark"] .dbody p{color:var(--muted)}
:root[data-theme="dark"] .toast{border-left:4px solid var(--hv-gold-400);background:#0b1f38;color:#fff}
@media (max-width:860px){
:root[data-theme="dark"] .rail{border-right:0;border-bottom:1px solid var(--line);background:#111a24}
:root[data-theme="dark"] .nav{border-top:1px solid var(--line);background:rgba(17,26,36,.97)}
:root[data-theme="dark"] .nav .navlink .live-badge.is-offline::before{box-shadow:inset 0 0 0 1px #1e2732}
:root[data-theme="dark"] .nav button.sfx-toggle{border:0}
}
@media (forced-colors:active){
:root[data-theme="dark"] .btn,:root[data-theme="dark"] .nav button,:root[data-theme="dark"] .row,:root[data-theme="dark"] .tile,:root[data-theme="dark"] .board,:root[data-theme="dark"] .panel,:root[data-theme="dark"] .game,:root[data-theme="dark"] .choice,:root[data-theme="dark"] .recordpanel,:root[data-theme="dark"] .input,:root[data-theme="dark"] .select,:root[data-theme="dark"] .diffcard,:root[data-theme="dark"] dialog{border:1px solid CanvasText}
:root[data-theme="dark"] .bar{background:Highlight}
}

/* ── 손질(overrides/home.css) ── */
/* 메인 다크 손질. 페이지 바탕은 카드(흰 면 → #111a24 근처)보다 어둡게 둬서 카드가 떠 보이게 한다. */
:root[data-theme="dark"] html{background:#0b131d}
:root[data-theme="dark"] body{background:linear-gradient(180deg,#0c1520 0,#09111a 100%)}
/* 방송 배지: 빨강/회색 알약 위의 점과 고리는 다크에서도 흰색 그대로 */
:root[data-theme="dark"] .live-badge::before{background:#fff}
:root[data-theme="dark"] .live-badge.is-offline{background:#5a6576;color:#fff}
:root[data-theme="dark"] .live-badge.is-offline::before{background:transparent;box-shadow:inset 0 0 0 1.5px #fff}
@media(max-width:860px){:root[data-theme="dark"] .nav .navlink .live-badge.is-offline::before{box-shadow:inset 0 0 0 1px #fff}}