:root{--bg:#090b12;--panel:#111522;--line:#242a3d;--purple:#9147ff;--cyan:#39e6c5;--muted:#8d95aa}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% 5%,#251448 0,transparent 25%),var(--bg);color:#f7f8fc;font:15px Inter,Segoe UI,sans-serif;display:flex;min-height:100vh}aside{width:235px;border-right:1px solid var(--line);padding:30px 20px;display:flex;flex-direction:column;background:#0b0e17}.brand{font-size:20px;font-weight:800;margin-bottom:45px}.brand i{font-style:normal;color:var(--purple);margin-right:10px}nav{display:grid;gap:8px}nav button{background:none;border:0;color:var(--muted);padding:13px 15px;text-align:left;border-radius:10px;font:inherit;cursor:pointer}nav button.active,nav button:hover{background:#1a1430;color:white}aside small{margin-top:auto;color:#525a6d;line-height:1.7}main{padding:35px 5vw 60px;flex:1;max-width:1400px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--cyan);font-weight:800}h1{font-size:28px;margin:7px 0}.live{border:1px solid var(--line);border-radius:20px;padding:9px 14px;font-size:11px;font-weight:700}.live b{display:inline-block;width:7px;height:7px;background:var(--cyan);box-shadow:0 0 10px var(--cyan);border-radius:50%;margin-right:7px}.page{display:none}.page.active{display:block}.hero{min-height:245px;border:1px solid var(--line);border-radius:20px;padding:38px 45px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(120deg,#14182a,#151024)}.hero h2{font-size:40px;line-height:1.05;margin:18px 0 12px}.hero em{color:var(--purple);font-style:normal}.hero p,.panel p{color:var(--muted)}.pill{border:1px solid #6236a9;color:#c9aaff;border-radius:20px;padding:6px 10px;font-size:10px}.orb{font-size:65px;color:var(--purple);width:160px;height:160px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#51269b,transparent 68%);filter:drop-shadow(0 0 25px #7134c8)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 0}.stats article,.panel{background:linear-gradient(145deg,#121625,#0e111c);border:1px solid var(--line);border-radius:16px;padding:22px}.stats label{font-size:10px;color:var(--muted);letter-spacing:1px}.stats strong{display:block;font-size:28px;margin:10px 0}.stats span{font-size:11px;color:#636c80}.grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.panel h2{font-size:30px}.feed{height:180px;overflow:auto}.message{padding:9px 0;border-bottom:1px solid #1d2232}.message b{color:#b68cff;margin-right:8px}form{display:flex;gap:10px}input,select,textarea{width:100%;background:#0b0e16;color:white;border:1px solid var(--line);border-radius:9px;padding:12px;font:inherit}textarea{resize:vertical;display:block;margin-top:7px;min-height:110px}.config select{display:block;margin-top:7px}button{cursor:pointer}form button,.url button{background:var(--purple);color:white;border:0;border-radius:9px;padding:0 18px;font-weight:700}.quick{display:grid;align-content:start}.quick a{padding:17px 5px;border-bottom:1px solid var(--line);cursor:pointer;color:#d4d8e3}.quick span{float:right}.commands{display:flex;gap:10px;flex-wrap:wrap}.commands code,.url code{background:#090c14;padding:12px;border:1px solid var(--line);border-radius:8px;color:#c9aaff}.url{display:flex;gap:10px;margin:20px 0}.url code{flex:1}iframe{width:100%;aspect-ratio:16/9;border:1px solid var(--line);border-radius:12px;background:#070910}.config{display:grid;grid-template-columns:1fr 1fr}.config label{color:var(--muted);font-size:12px}.config input{display:block;margin-top:7px}.config button{min-height:45px}@media(max-width:800px){aside{width:75px}.brand{font-size:0}.brand i{font-size:20px}nav button{font-size:0}nav button:first-letter{font-size:18px}aside small{display:none}main{padding:25px}.grid,.stats{grid-template-columns:1fr}.orb{display:none}.hero h2{font-size:32px}.config{grid-template-columns:1fr}}
main{max-width:1320px!important;margin:0 auto;padding:38px 4vw 70px!important}.page{max-width:1180px;margin:0 auto}.grid{gap:22px!important}.stats{gap:18px!important;margin:22px 0!important}
aside{width:270px!important;padding:32px 22px!important}.brand{font-size:19px!important;line-height:1.35}.brand i{font-size:22px}nav{margin-top:8px;gap:7px!important}nav button{padding:14px 16px!important;font-size:14px!important}
.hero{min-height:230px!important;padding:38px 42px!important}.hero h2{font-size:38px!important;line-height:1.08!important;margin:14px 0!important}.hero p{max-width:590px;font-size:15px}.orb{width:130px!important;height:130px!important;font-size:52px!important}
.stats article{padding:20px 22px!important}.stats strong{font-size:29px!important;margin:7px 0!important}.stats label{letter-spacing:.13em}.stats span{font-size:12px!important}
.panel{padding:28px!important}.panel h2{margin-top:8px!important}.panel h3{margin-top:0;font-size:20px}.quick a{display:block;padding:18px 8px!important}.feed{height:220px!important;margin:12px 0 16px}
.config{gap:18px!important}.config label{line-height:1.45}.config input,.config select{margin-top:8px!important}form{align-items:stretch}input,select,textarea{min-height:44px}
header{padding-bottom:18px;border-bottom:1px solid #33283a;margin-bottom:30px!important}header h1{margin:6px 0 0!important}.live{background:#100c14!important}
@media(max-width:800px){aside{width:76px!important;padding:24px 11px!important}main{padding:24px 16px 50px!important}.hero{padding:28px 24px!important}.hero h2{font-size:31px!important}.panel{padding:21px!important}}

/* Witchkeepers Twitch Layout Redesign */

.section-label{
  margin:28px 0 10px;
  color:#9f91a4;
  font:700 11px Arial,sans-serif;
  letter-spacing:.22em;
}

.clean-hero{
  min-height:220px!important;
}

.clean-hero .orb{
  font-size:58px!important;
}

.clean-stats{
  margin-top:0!important;
}

.dashboard-columns{
  display:grid;
  grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);
  gap:20px;
  align-items:start;
}

.chat-panel{
  min-height:360px;
}

.panel-heading{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
  margin-bottom:10px;
}

.panel-heading h3,
.clean-quick h3{
  margin:5px 0 14px;
  font-size:24px;
}

.chat-send{
  margin-top:16px;
}

.clean-quick{
  display:block!important;
}

.clean-quick a{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:18px 4px!important;
  border-bottom:1px solid #382d3f!important;
  font-family:Arial,sans-serif;
}

.clean-quick a:last-child{
  border-bottom:0!important;
}

.clean-quick a span{
  float:none!important;
}

.clean-quick a b{
  font-weight:400;
  color:#bda7ca;
}

.clean-quick a:hover{
  padding-left:8px!important;
}

@media(max-width:950px){
  .dashboard-columns{
    grid-template-columns:1fr;
  }
}

@media(max-width:800px){
  .section-label{
    margin-top:22px;
  }
}