:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#f5f6fa;background:#080a0e;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 6%,#4a0c17 0,transparent 32%),radial-gradient(circle at 90% 60%,#101827 0,transparent 38%),#080a0e}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #3d424a;border-radius:9px;background:#1c2028;color:#f5f6fa;padding:11px 15px;font-weight:700}button:hover:not(:disabled){border-color:#f02539;background:#28222a}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #fa5160;outline-offset:3px}.primary{border-color:#e81328;background:#e81328;color:white}.primary:hover:not(:disabled){background:#ff263c}.quiet{background:transparent}.topbar{height:72px;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #252831;background:#080a0edb}.brand{display:flex;align-items:center;gap:12px;letter-spacing:.13em;font-weight:900;font-size:15px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border:1px solid #d72235;border-radius:10px;background:#2b0d13;color:#fff;font-size:23px;box-shadow:0 0 20px #b8172f44}.accent{color:#f02a3c}.account{display:flex;align-items:center;gap:14px;color:#aeb4c1;font-size:13px}main{max-width:1180px;margin:auto;padding:clamp(24px,5vw,68px) 20px 90px}.login-card{max-width:470px;margin:45px auto;padding:30px;border:1px solid #444953;border-radius:16px;background:#111620f2;box-shadow:0 20px 55px #0007}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.18em;color:#fa5d6d}h1{font-size:clamp(34px,4.4vw,55px);line-height:1.08;letter-spacing:-.045em;margin:14px 0 16px}h2{font-size:22px;margin:8px 0 11px}p{line-height:1.55;color:#b9bfcb}.login-card h1{font-size:44px}.login-card form{display:grid;gap:16px;margin-top:28px}label{display:block;font-size:13px;font-weight:700;color:#d8dce4}label input,label select{margin-top:7px}input,select{width:100%;min-width:0;padding:12px 13px;border:1px solid #4a505d;border-radius:8px;background:#0b111a;color:#f6f7fa}input[readonly]{font-size:12px;color:#d7dbe3}.login-card .primary{margin-top:3px}.intro{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:34px}.intro p{max-width:630px}.pill{margin-top:10px;border:1px solid #64421f;color:#ffd29b;border-radius:999px;padding:8px 12px;background:#2b1c11;font-size:12px;font-weight:800;white-space:nowrap}.pill.ok{border-color:#265c44;color:#7ee7ad;background:#10291d}.pill.error{border-color:#772a37;color:#ff9ba5;background:#2c1119}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{min-width:0;padding:24px;border:1px solid #30343c;border-radius:15px;background:#12151c;box-shadow:0 13px 25px #0003}.card p{margin:9px 0 18px;font-size:13px}.card-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid #b52a3b;border-radius:12px;background:#2e1018;color:#ff6473;font-weight:900;font-size:23px}.card-icon.tiktok{border-color:#147784;background:#092328;color:#67dfea}.card-icon.twitch{border-color:#8050ac;background:#261439;color:#c995ff}.url-row{display:flex;gap:8px;margin-top:7px}.url-row input{flex:1;padding:10px;font-size:11px}.url-row button,.card-actions button{padding:9px 11px;font-size:12px}.card-actions{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}.mute{border-color:#ad2b3b;background:#31141b}.mute.active{border-color:#278a5a;background:#123323;color:#a7f4c4}.spaced-label{margin-top:16px}.channel-row{display:grid;gap:5px;padding:14px 0;border-bottom:1px solid #30343c}.channel-row span{color:#f5f6fa;font-weight:700}.channel-row small,.compact{color:#9299a7;font-size:11px}.card .compact{margin-top:14px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;margin-top:14px}.form-grid>label{font-size:11px}.form-grid input[type=number],.form-grid select{padding:9px 10px;font-size:12px}.form-grid fieldset{min-width:0;margin:0;padding:9px 10px;border:1px solid #3a414d;border-radius:8px}.form-grid legend{padding:0 4px;color:#aebbd0;font-size:10px;font-weight:800}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.check{display:flex;align-items:center;gap:6px;color:#d8dce4;font-size:10px;font-weight:600}.check input{width:14px;height:14px;margin:0;accent-color:#e81328}.event-options{grid-column:1/-1}.form-grid .event-options{padding:9px 10px}.card form>.card-actions{margin-top:16px}.status{min-height:1.5em;color:#ffb4bd;font-size:12px}.note{margin-top:23px;font-size:13px}[hidden]{display:none!important}@media(max-width:800px){.settings-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.topbar{height:auto;min-height:64px;gap:12px}.account{flex-wrap:wrap;justify-content:flex-end}.intro{display:block}.grid,.form-grid{grid-template-columns:1fr}.url-row{flex-wrap:wrap}.url-row input{flex:1 0 100%}.event-options{grid-column:auto}.login-card{margin:0 auto;padding:24px}.login-card h1{font-size:38px}}