:root{color-scheme:dark;--bg:#11131b;--card:#1b1e2a;--border:#303549;--accent:#b8e6ce;--muted:#b9c0ce;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f3f3f8}main{width:min(68rem,calc(100% - 2rem));margin:2.5rem auto}header{display:flex;justify-content:space-between;gap:1rem;align-items:center}h1{font-size:clamp(2rem,5vw,3.4rem);margin:.4rem 0 1rem;letter-spacing:-.035em}h2{margin-top:0}.kicker{color:var(--accent);font-weight:800;letter-spacing:.17em}.card{background:var(--card);border:1px solid var(--border);padding:1.4rem;border-radius:1rem;margin:1rem 0}.login{max-width:34rem}p,small{color:var(--muted);line-height:1.5}.error{color:#ffadb6}form{display:grid;gap:.85rem}label{display:grid;gap:.35rem}input,select,button{font:inherit;padding:.65rem;border:1px solid var(--border);border-radius:.6rem;color:#f2f3fa;background:#111421;width:100%}button{width:auto;justify-self:start;color:#10231b;background:var(--accent);font-weight:700;cursor:pointer}.secondary{color:#f2f3fa;background:#111421}a{color:var(--accent)}nav,.actions{display:flex;flex-wrap:wrap;gap:1rem}.fields,.channel{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(12rem,100%),1fr));gap:.9rem;align-items:end}.channel{padding:.8rem 0;border-bottom:1px solid var(--border)}.channel select{min-width:0}.check{display:flex;align-items:center;gap:.55rem;overflow-wrap:anywhere}.check input{width:auto;accent-color:var(--accent)}fieldset{border:1px solid var(--border);min-width:0}.channel small{color:var(--accent)}code{overflow-wrap:anywhere}
