:root{--demo-bg:#07080d;--demo-panel:#10131b;--demo-line:#2a3040;--demo-text:#eef2f8;--demo-muted:#929cab;--demo-cyan:#3bdcff;--demo-purple:#8b5cf6;--demo-green:#55e6a5}.demo-page{background:var(--demo-bg);min-height:100vh;color:var(--demo-text);font-family:Arial,Helvetica,sans-serif}.demo-page *{box-sizing:border-box}.demo-page a{color:inherit;text-decoration:none}.demo-top{border-bottom:1px solid var(--demo-line);z-index:20;background:#090b11;align-items:center;gap:28px;height:68px;padding:0 24px;display:flex;position:sticky;top:0}.demo-brand{letter-spacing:1px;font-size:18px;font-weight:900}.demo-brand b{color:var(--demo-cyan)}.demo-top nav{flex:1;gap:8px;display:flex}.demo-top nav a{color:var(--demo-muted);border-radius:6px;padding:9px 12px;font-size:14px;font-weight:700}.demo-top nav a.active,.demo-top nav a:hover{color:#fff;background:#18202c}.demo-pill{color:var(--demo-cyan);letter-spacing:1.4px;border:1px solid #3bdcff66;padding:7px 10px;font-size:11px;font-weight:900}.demo-hub{padding:9vh 7vw}.demo-kicker{color:var(--demo-cyan);letter-spacing:2px;font-size:12px;font-weight:900}.demo-hub h1{margin:25px 0;font-size:clamp(54px,8vw,112px);line-height:.86}.demo-hub h1 em{color:var(--demo-cyan);font-style:normal}.demo-hub>p:not(.demo-kicker){max-width:720px;color:var(--demo-muted);font-size:18px;line-height:1.65}.demo-choice{grid-template-columns:1fr 1fr;gap:16px;margin-top:46px;display:grid}.demo-choice a{border:1px solid var(--demo-line);background:linear-gradient(145deg,#151925,#0b0d13);min-height:260px;padding:30px;transition:all .2s}.demo-choice a:hover{border-color:var(--demo-cyan);transform:translateY(-3px)}.demo-choice span{color:var(--demo-cyan);font-size:12px;font-weight:900}.demo-choice h2{font-size:30px}.demo-choice p{color:var(--demo-muted);line-height:1.6}.demo-choice b{color:var(--demo-cyan);margin-top:18px;display:inline-block}.discord-stage{background:#151821;grid-template-columns:72px 240px 1fr 230px;height:calc(100vh - 68px);display:grid}.server-rail{background:#090b11;flex-direction:column;align-items:center;gap:10px;padding:12px 8px;display:flex}.server-rail div{color:#bbc3cf;background:#1c2230;border-radius:16px;place-items:center;width:46px;height:46px;font-weight:900;display:grid}.server-rail .server-logo{color:#fff;background:linear-gradient(145deg,#2563eb,#22d3ee);border-radius:50%}.server-rail i{background:var(--demo-line);width:34px;height:1px}.channel-rail{background:#11151e;border-right:1px solid #07080d;position:relative}.server-name{border-bottom:1px solid #080a0f;height:52px;padding:17px 15px;font-weight:900}.server-name span{float:right}.channel-rail>p,.member-rail>p{color:#747f90;letter-spacing:1px;margin:20px 12px 7px;font-size:11px;font-weight:900}.channel-rail>a{color:#929cac;border-radius:5px;margin:2px 8px;padding:8px 10px;font-size:14px;display:block}.channel-rail>a.selected{color:#fff;background:#263042}.profile-mini{background:#0b0e14;align-items:center;gap:9px;padding:9px;display:flex;position:absolute;bottom:0;left:0;right:0}.profile-mini>span,.member>span{color:#fff;background:#273147;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:900;display:grid}.profile-mini div,.member div{display:grid}.profile-mini small,.member small{color:#7f8998}.chat-stage{background:#181c25;grid-template-rows:52px 1fr auto auto;min-width:0;display:grid}.chat-title{border-bottom:1px solid #0a0c11;justify-content:space-between;align-items:center;padding:0 18px;display:flex}.chat-title>div{align-items:center;gap:14px;display:flex}.chat-title span{color:#7f8998;font-size:13px}.chat-title button,.stream-info button{background:var(--demo-cyan);color:#041015;cursor:pointer;border:0;border-radius:5px;padding:9px 13px;font-weight:900}.chat-title button:disabled,.stream-info button:disabled{opacity:.55}.chat-feed{padding:18px;overflow:auto}.chat-feed article{gap:12px;padding:10px 0;display:flex}.avatar{background:#273147;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.chat-feed article.bot .avatar{background:linear-gradient(145deg,#2563eb,#22d3ee)}.chat-feed article.system{opacity:.72}.chat-feed h3{margin:0 0 5px;font-size:14px}.chat-feed h3 mark{color:#fff;background:#5965df;border-radius:3px;margin-left:7px;padding:2px 4px;font-size:9px}.chat-feed time{color:#697384;margin-left:7px;font-size:10px;font-weight:400}.chat-feed p{color:#d2d7df;margin:0;line-height:1.5}.command-row{flex-wrap:wrap;gap:7px;padding:8px 14px;display:flex}.command-row button,.stream-actions button{color:#bfeeff;cursor:pointer;background:#182333;border:1px solid #354258;border-radius:5px;padding:8px 11px}.fake-input,.stream-input{color:#788291;background:#232a37;border-radius:7px;margin:0 14px 14px;padding:13px}.fake-input span,.stream-input span{float:right}.member-rail{background:#11151e;border-left:1px solid #07080d;padding-top:7px}.member{align-items:center;gap:9px;margin:8px 12px;display:flex}.member b{font-size:13px}.member small{font-size:11px}.member .bot-avatar{background:linear-gradient(145deg,#2563eb,#22d3ee)}.demo-disclaimer{color:#8bdff1;letter-spacing:1px;border:1px solid #3bdcff44;margin:25px 12px;padding:12px;font-size:10px;line-height:1.6}.stream-stage{grid-template-columns:minmax(0,1fr) 340px;min-height:calc(100vh - 68px);display:grid}.stream-main{background:#0b0d13;padding:22px}.fake-player{aspect-ratio:16/8.7;background:radial-gradient(circle at 70% 35%,#7c3aed 0,#0000 32%),radial-gradient(circle at 30% 60%,#0ea5e9 0,#0000 34%),#070813;position:relative;overflow:hidden}.fake-player:before{content:"";background:repeating-linear-gradient(120deg,#0000 0 60px,#ffffff08 62px 64px);animation:12s linear infinite drift;position:absolute;inset:-30%}@keyframes drift{to{transform:translate(160px)}}.live-badge{z-index:2;color:#fff;background:#e9193f;padding:7px 9px;font-size:11px;font-weight:900;position:absolute;top:18px;left:18px}.player-mark{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.player-mark span{color:var(--demo-cyan);text-shadow:0 0 35px #3bdcff99;font-size:72px;font-weight:900}.player-mark h1{margin:3px;font-size:42px}.player-mark p{letter-spacing:4px;color:#c0c8d5}.player-bar{background:linear-gradient(#0000,#000c);justify-content:space-between;padding:20px;display:flex;position:absolute;bottom:0;left:0;right:0}.player-bar b{color:#ff506e}.stream-info{align-items:center;gap:12px;padding:16px 0;display:flex}.stream-avatar{background:#6d28d9;border-radius:50%;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.stream-info>div:nth-child(2){flex:1}.stream-info h2,.stream-info p{margin:2px 0}.stream-info p{color:var(--demo-muted)}.creator-dashboard{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.creator-dashboard article{border:1px solid var(--demo-line);background:#11151e;padding:17px}.creator-dashboard span{color:var(--demo-muted);letter-spacing:1px;font-size:10px;font-weight:900;display:block}.creator-dashboard strong{margin:10px 0 5px;font-size:30px;display:block}.creator-dashboard small{color:#8791a0}.status-live{color:#ff496b}.stream-chat{border-left:1px solid var(--demo-line);background:#10131b;grid-template-rows:52px 1fr auto auto auto;display:grid}.stream-chat-title{padding:18px;font-size:12px;font-weight:900}.stream-chat-title span{float:right}.stream-messages{padding:12px 17px;overflow:auto}.stream-messages p{font-size:13px;line-height:1.55}.stream-messages b{color:#9e7bff}.stream-messages .cyan{color:var(--demo-cyan)}.stream-messages .green{color:var(--demo-green)}.stream-messages .bot-event{border-left:2px solid var(--demo-cyan);background:#151c27;padding:9px}.stream-actions{grid-template-columns:1fr 1fr;gap:7px;padding:8px 14px;display:grid}.stream-input{margin-top:8px}.stream-chat>.demo-disclaimer{margin-top:0}@media (max-width:980px){.discord-stage{grid-template-columns:60px 210px 1fr}.member-rail{display:none}.stream-stage{grid-template-columns:1fr}.stream-chat{border-left:0;border-top:1px solid var(--demo-line);min-height:520px}.creator-dashboard{grid-template-columns:1fr 1fr}}@media (max-width:680px){.demo-top{flex-wrap:wrap;height:auto;min-height:68px;padding:12px}.demo-top nav{order:3;width:100%;overflow:auto}.demo-pill{margin-left:auto}.demo-choice{grid-template-columns:1fr}.discord-stage{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 110px)}.server-rail,.channel-rail{display:none}.chat-stage{min-height:calc(100vh - 110px)}.chat-title span{display:none}.creator-dashboard{grid-template-columns:1fr 1fr}.stream-stage{min-height:auto}.stream-main{padding:10px}.fake-player{aspect-ratio:16/11}.player-mark h1{font-size:30px}.player-mark span{font-size:48px}.stream-info{flex-wrap:wrap;align-items:flex-start}.stream-info button{width:100%}.stream-chat{min-height:560px}}