/* Final theme-aware surfaces. Player and welcome ident deliberately stay dark. */
.top-actions #syncBtn[hidden]{display:none!important}.theme-switch{border:1px solid var(--line)!important;border-radius:50%!important;width:38px;height:38px;display:grid;place-items:center;background:var(--surface2)!important;margin:0 8px}.theme-switch svg{width:19px;height:19px}.theme-switch[aria-pressed=true]{background:#fff!important;color:#292940!important}
.live-directory{padding-top:calc(var(--nav-h) + 48px);max-width:1100px;margin:0 auto 50px}.live-directory header{margin-bottom:28px}.live-directory h1{font-size:38px;letter-spacing:-1.2px;margin:0 0 10px}.live-directory header p{color:var(--muted);font-size:15px}.channel-list{display:flex;flex-direction:column;gap:12px}.channel-row{display:flex;align-items:center;gap:22px;padding:18px 22px;border:1px solid var(--line);border-radius:12px;background:var(--surface);min-height:102px}.channel-logo{width:125px;height:65px;flex-shrink:0;display:grid;place-items:center;background:#fff;border-radius:8px;padding:12px;color:#171723;font-weight:750}.channel-logo img{position:static;width:100%;height:100%;object-fit:contain}.channel-copy{flex:1;min-width:0}.channel-copy h2{font-size:19px;margin:0 0 7px;font-weight:650}.channel-copy p{margin:0;font-size:13px;color:var(--muted)}.live-label{font-size:11px;color:#ff4678;letter-spacing:.8px;font-weight:750;white-space:nowrap}.channel-favorite,.channel-info{background:none;border:0;padding:8px;display:grid;place-items:center;color:var(--muted)}.channel-watch{display:flex;align-items:center;gap:8px;justify-content:center;min-width:100px;font-size:14px;border-radius:8px}.channel-watch svg{width:18px;height:18px}
.account-settings{width:min(690px,94vw);max-height:92dvh;overflow:auto;padding:32px}.account-settings h2{font-size:30px;letter-spacing:-.7px}.account-identity{padding:20px 0 26px;border-bottom:1px solid var(--line)}.account-identity>strong{display:flex;align-items:center;gap:8px;font-size:20px}.account-identity p{color:var(--muted);margin:8px 0 0;font-size:14px;overflow-wrap:anywhere}.settings-section{padding-top:26px}.settings-section h3{font-size:14px;color:var(--muted);font-weight:600;letter-spacing:.2px;margin:0 0 12px}.settings-row,.settings-profile{display:flex;align-items:center;gap:16px;background:var(--surface2);border:1px solid var(--line);color:var(--text);width:100%;text-align:left;padding:16px;border-radius:9px;margin:8px 0;cursor:pointer}.settings-row>span:nth-child(2){flex:1}.settings-row strong{display:block;font-size:15px;font-weight:600}.settings-row small{display:block;font-size:12px;color:var(--muted);margin-top:6px;line-height:1.5}.settings-row svg{width:20px;height:20px}.settings-profile-avatar{width:44px;height:44px;border-radius:7px;background-size:cover;background-position:center}.settings-profile small{margin-left:auto;color:var(--muted);font-size:12px}.settings-profile>span:nth-child(2){font-size:15px;font-weight:600}.settings-note{font-size:12px;color:var(--muted);line-height:1.7}.settings-signout{margin-top:12px;width:100%}
.character-avatars{margin:24px 0}.character-avatars h3{font-size:14px;font-weight:650;margin:0 0 12px}.character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;max-height:230px;overflow:auto;padding:3px}.character-choice{border:2px solid transparent;background:none;color:var(--text);border-radius:8px;padding:4px;cursor:pointer}.character-choice[aria-pressed=true]{border-color:var(--accent)}.character-choice img{width:100%;aspect-ratio:1;object-fit:cover;object-position:center 20%;border-radius:5px}.character-choice span{display:block;font-size:11px;margin:6px 0}.character-avatars p{font-size:11px;color:var(--muted);line-height:1.5}
html[data-theme=light]{--muted:#555565;--line:#d4d4df;--surface2:#f0f0f5}
html[data-theme=light] .topbar{background:#f5f5f8fa!important;border-bottom:1px solid #dddde7}
html[data-theme=light] .card-copy strong{color:#171723}html[data-theme=light] .card-copy small{color:#555565}html[data-theme=light] .pill{background:#ededf3;border-color:#d4d4df;color:#30303e}
html[data-theme=light] .ghost:not(#playerDialog .ghost):not(.account-welcome .ghost){background:#ededf3;color:#242432;border-color:#d0d0dd}
html[data-theme=light] .detail-body p{color:#414152}html[data-theme=light] .community-strip,html[data-theme=light] .site-footer{background:var(--surface);border-color:var(--line)}html[data-theme=light] .community-strip p,html[data-theme=light] .site-footer small{color:#414152}
html[data-theme=light] .account-dialog:not(.account-welcome){--text:#171723;--muted:#555565;--line:#c6c6d2;background:#fff;color:var(--text)}html[data-theme=light] .account-dialog:not(.account-welcome) form{background:#fff}html[data-theme=light] .account-dialog:not(.account-welcome) label,html[data-theme=light] .account-dialog:not(.account-welcome) .auth-link,html[data-theme=light] .account-dialog:not(.account-welcome) .auth-switch{color:#4b4b5b}html[data-theme=light] .account-dialog:not(.account-welcome) .google-signin{color:#171723;border-color:#9b9bac}html[data-theme=light] .account-dialog:not(.account-welcome) input{background:#f5f5f8;color:#171723}html[data-theme=light] .account-dialog:not(.account-welcome) .auth-switch button{color:#171723}html[data-theme=light] .banner-card .pill{background:#111b;color:#fff;border-color:#ffffff55}html[data-theme=light] .live-label{color:#c31146}
@media(max-width:760px){.live-directory{padding-top:calc(var(--nav-h) + 64px)}.live-directory h1{font-size:30px}.channel-row{padding:13px;gap:12px;flex-wrap:wrap}.channel-logo{width:85px;height:52px;padding:9px}.channel-copy h2{font-size:16px}.channel-copy p{font-size:11px}.live-label{font-size:10px}.channel-info{display:none}.channel-favorite{margin-left:auto}.channel-watch{min-width:85px;margin-left:0}.account-settings{padding:22px}.account-settings h2{font-size:26px}.settings-row{gap:12px;padding:14px}.settings-row small{font-size:12px}.theme-switch{margin:0 4px;width:34px;height:34px}.character-grid{grid-template-columns:repeat(3,1fr)}}
.brand{background:transparent!important;border:0!important;box-shadow:none!important}.channel-logo{overflow:hidden}.channel-logo img{object-fit:cover;transform:scale(1.55)}
@media(max-width:760px){.channel-row{display:grid;grid-template-columns:76px minmax(0,1fr) 28px 64px;gap:5px 9px;min-height:94px}.channel-logo{grid-column:1;grid-row:1/3;width:76px;height:58px;padding:0}.channel-copy{grid-column:2;grid-row:1}.channel-copy h2{font-size:15px;line-height:1.3;margin-bottom:5px}.channel-copy p{font-size:10px;line-height:1.4}.live-label{grid-column:2;grid-row:2;font-size:9px}.channel-favorite{grid-column:3;grid-row:1/3;margin:0;padding:4px}.channel-favorite svg{width:20px;height:20px}.channel-watch{grid-column:4;grid-row:1/3;min-width:0;width:64px;padding:9px 5px;gap:4px;font-size:12px;background:#171723!important;color:#fff!important}.channel-watch svg{width:14px;height:14px}.brand{flex:0 0 auto!important;width:auto!important}.topbar .brand img{width:135px!important}}