:root{color-scheme:dark;--bg:#050708;--card:#111516;--text:#f7f3e8;--muted:#acada9;--gold:#f1be43;--danger:#a94d46;--line:rgba(255,255,255,.13)}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -10%,#29200f 0,var(--bg) 45%);color:var(--text);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.shell{width:min(620px,calc(100% - 32px));margin:0 auto;padding:max(30px,env(safe-area-inset-top)) 0 max(30px,env(safe-area-inset-bottom))}
.brand{display:inline-block;margin:0 0 22px;color:var(--gold);font-weight:900;letter-spacing:.16em;text-decoration:none}
.card{padding:clamp(24px,6vw,44px);border:1px solid var(--line);border-radius:24px;background:rgba(17,21,22,.96);box-shadow:0 22px 70px rgba(0,0,0,.42)}
.eyebrow{margin:0;color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
h1{margin:8px 0 14px;font-size:clamp(31px,8vw,48px);line-height:1.05}
h2{margin:0 0 10px;font-size:23px;line-height:1.2}
p{color:var(--muted)}.lead{margin-bottom:26px}
form,section[hidden]+*{margin-top:0}
label{display:block;margin:0 0 8px;font-weight:750}
input{width:100%;min-height:56px;padding:14px 16px;border:1px solid var(--line);border-radius:15px;background:#080a0b;color:var(--text);font:inherit;font-size:18px;outline:none}
input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(241,190,67,.13)}
button{width:100%;min-height:54px;margin-top:13px;padding:12px 18px;border:0;border-radius:15px;background:var(--gold);color:#171208;font:inherit;font-weight:900;cursor:pointer}
button:hover{filter:brightness(1.07)}button:disabled{cursor:wait;opacity:.55}
.secondary{border:1px solid var(--gold);background:transparent;color:var(--gold)}
.danger{background:var(--danger);color:#fff}
.actions{display:grid;gap:10px}.actions button{margin:0;background:transparent;border:1px solid var(--gold);color:var(--gold)}
#channel-step,#delete-step,#done-step{margin-top:8px}
.status{min-height:24px;margin:18px 0 0;color:#ffd48a}.status.error{color:#ffaaa3}
.legal{margin:26px 0 0;padding-top:20px;border-top:1px solid var(--line);font-size:13px}.legal a{color:var(--gold)}
@media (prefers-reduced-motion:no-preference){button{transition:filter .15s ease,transform .15s ease}button:active{transform:scale(.99)}}