*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#080c17;color:#e9eafa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5}
h1,h2,p{margin-top:0}h1{font-size:1.65rem;margin-bottom:.3rem}h2{font-size:1.12rem}.eyebrow{font-size:.72rem;letter-spacing:.17em;font-weight:750;color:#a991ff}
.muted,.hint{color:#abb2cb}.hint{font-size:.83rem;margin-top:1rem}.topbar{padding:1.25rem max(1.5rem,calc((100vw - 1140px)/2));display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#101528;border-bottom:1px solid #272e47}
.dashboard{max-width:1188px;padding:2rem 1.5rem;margin:auto}.intro{margin-bottom:1.5rem}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin-bottom:1.2rem}
.panel{background:#141a2c;border:1px solid #303751;border-radius:16px;padding:1.5rem;box-shadow:0 12px 35px #0002}.login-shell{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-panel{max-width:440px;width:100%;padding:2rem}
label{display:block;font-size:.88rem;font-weight:650;margin:.9rem 0 .4rem}input:not([type=hidden]):not([type=checkbox]),textarea{font:inherit;width:100%;background:#0c1121;border:1px solid #39415c;color:#f6f4ff;padding:.75rem .85rem;border-radius:9px}
input:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid #a18aff;outline-offset:2px}button{border:0;border-radius:9px;padding:.75rem 1rem;background:#855df3;color:white;font:inherit;font-weight:700;cursor:pointer}button:hover{filter:brightness(1.14)}button:disabled{opacity:.45;cursor:not-allowed}
.login-panel button{width:100%;margin-top:1.3rem}.secondary{background:#303957}.danger{background:#6d3045}.actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.2rem}.actions form{margin:0}
.checks{margin:.9rem 0 1.2rem}.checks label{font-weight:450;margin:.45rem 0;display:flex;gap:.6rem;align-items:center}.checks input{accent-color:#9d7af9}
.alert,.notice{padding:.8rem 1rem;border-radius:9px;margin:.8rem 0;background:#262844;border:1px solid #4c4a81}.alert.error{background:#4b2531;border-color:#864056}.alert.success{background:#173b34;border-color:#256959}
.status{display:inline-block;margin-right:.6rem;padding:.18rem .55rem;border-radius:20px;font-size:.8rem;font-weight:700}.good{background:#18583d;color:#b8ffe0}.idle{background:#383e50;color:#d0d4df}
.code{font-family:ui-monospace,monospace;font-size:1.2rem;letter-spacing:.1em}.logs{min-height:140px;max-height:320px;overflow:auto;background:#090e1d;border-radius:9px;padding:1rem;font-size:.8rem;white-space:pre-wrap;overflow-wrap:anywhere}
.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:.55rem;border-bottom:1px solid #323952;text-align:left}
@media(max-width:760px){.grid{grid-template-columns:1fr}.dashboard{padding:1rem}.topbar{padding:1rem}.panel{padding:1rem}}

.dashboard-nav{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:1.3rem}.navlink{display:inline-flex;align-items:center;border:1px solid #4b4373;border-radius:10px;padding:.65rem .9rem;color:#dfd3ff;text-decoration:none;background:#24213f;font-weight:650}.navlink:hover{background:#353059}.statvalue{font-size:2rem;font-weight:800;color:#b9a3ff}.statvalue small{font-size:.85rem;color:#aab1c7}.logs.expanded{max-height:68vh;min-height:280px}a{color:#cbbaff}

/* Progressive streamer editor + clearer account controls (legacy and hub). */
.topbar .header-subtitle{font-size:.8rem;color:#9da6c7;font-weight:500}
.topbar .header-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}
.topbar .header-actions form{margin:0}
.dashboard .panel-topline{margin-bottom:12px}
.dashboard .panel-topline h2{font-size:1.26rem;letter-spacing:-.02em;margin:6px 0}
.dashboard .field-help{font-size:.75rem;line-height:1.6;color:#a2acc9;margin:5px 0 15px}
.dashboard .field-help code{padding:2px 5px;border-radius:4px;background:#222440;color:#d7ccff;overflow-wrap:anywhere}
.dashboard .field-help.field-error{color:#ffafc6}
.dashboard .optional-label{font-size:.68rem;margin-left:6px;font-weight:500;color:#929abe}
.dashboard .streamer-divider{height:1px;background:#333b5a;margin:22px 0 16px}
.dashboard .add-streamers-box{display:flex;align-items:stretch;gap:8px}
.dashboard .add-streamers-box textarea{flex:1;min-width:0;resize:vertical}
.dashboard .add-streamers-box button{align-self:stretch;min-width:125px;white-space:nowrap}
.dashboard .streamer-chips{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:14px;min-height:20px}
.dashboard .channel-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #5d4c8c;background:#28243f;border-radius:30px;padding:5px 6px 5px 12px;font-size:.78rem;color:#e2d9ff;font-weight:620}
.dashboard .remove-channel{display:grid;place-items:center;padding:0;height:22px;width:22px;min-width:22px;background:#44355d;border-radius:50%;color:#eee;font-size:18px;line-height:1}
.dashboard .remove-channel:hover{background:#6e4985}
.dashboard .empty-channels{font-size:.77rem;color:#828bab;font-style:italic}
#streamer-settings-form.enhanced .fallback-list{display:none}
.dashboard .settings-options{border:1px solid #343c5c;background:#101528;border-radius:11px;padding:11px 14px 14px;margin:20px 0 18px;min-width:0}
.dashboard .settings-options legend{font-size:.79rem;color:#c2afff;padding:0 6px;font-weight:760}
.dashboard .toggle-option{display:flex;gap:11px;align-items:flex-start;margin:12px 0 6px;cursor:pointer}
.dashboard .toggle-option input{accent-color:#a17bff;margin-top:4px;flex-shrink:0}
.dashboard .toggle-option span{display:flex;flex-direction:column;gap:3px}
.dashboard .toggle-option strong{font-size:.82rem;color:#eeeaff}
.dashboard .toggle-option small{font-size:.72rem;font-weight:450;color:#9fa9c9;line-height:1.55}
.dashboard .save-settings{width:100%;max-width:310px}
.dashboard-main-grid{grid-template-columns:minmax(280px, .86fr) minmax(390px, 1.14fr)}
@media(max-width:1000px){.dashboard-main-grid{grid-template-columns:1fr}}
@media(max-width:650px){.dashboard .add-streamers-box{flex-direction:column}.dashboard .add-streamers-box button{align-self:auto}.topbar .header-actions{gap:6px}.topbar .header-actions a{padding:8px;font-size:.7rem}}

/* Per-account startup progress */
.startup-progress{margin:1rem 0;padding:1rem;border:1px solid #42456c;border-radius:12px;background:#1a2036}.startup-heading{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.startup-progress progress{display:block;width:100%;height:.85rem;margin:.75rem 0;accent-color:#9375ff}.startup-progress progress[hidden]{display:none}.startup-progress .hint{margin:.5rem 0 0}