.mw-twitch-shell{height:var(--mw-twitch-height);min-height:450px;display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,.82fr);background:#101827;color:#eef4ff;font:15px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif;overflow:hidden;box-sizing:border-box}.mw-twitch-shell *{box-sizing:border-box}.mw-twitch-video{min-width:0;display:flex;flex-direction:column;background:#05070b}.mw-player-wrap{position:relative;min-height:0;flex:1;background:#000}.mw-twitch-player,.mw-twitch-player iframe{width:100%!important;height:100%!important;border:0}.mw-offline-card{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;background:radial-gradient(circle at 50% 35%,#202c43,#070b12 70%);color:#fff}.mw-offline-card[hidden]{display:none}.mw-offline-pill{font-size:12px;font-weight:800;letter-spacing:.08em;background:#3b4658;border:1px solid #69778d;border-radius:999px;padding:5px 9px}.mw-offline-card h2{font-size:25px;margin:12px 0 5px}.mw-offline-card p{max-width:430px;color:#cbd5e3;margin:0 0 16px}.mw-offline-card a{color:#fff;text-decoration:none;background:#6d45d8;padding:9px 14px;border-radius:7px}.mw-twitch-meta{min-height:52px;display:flex;align-items:center;gap:10px;padding:8px 14px;background:#18283d;border-top:1px solid #52657d}.mw-status-dot{width:10px;height:10px;border-radius:50%;background:#8996a8}.mw-twitch-shell.is-live .mw-status-dot{background:#42d96b}.mw-twitch-shell.is-offline .mw-status-dot{background:#8996a8}.mw-channel-link{margin-left:auto;color:#fff!important;text-decoration:none!important;background:#6542d7;padding:8px 12px;border-radius:7px;white-space:nowrap}.mw-qa{display:flex;min-width:0;flex-direction:column;background:#f5f8fc;color:#17243a;border-left:1px solid #9bacc1}.mw-qa header{font-size:20px;padding:12px 14px 7px}.mw-bubble{font-size:15px;margin-right:7px}.mw-tabs{display:flex;gap:6px;padding:0 10px 9px}.mw-tabs button{flex:1;border:1px solid #c5d0df;background:#e4eaf2;border-radius:6px;padding:8px 4px;cursor:pointer;font-size:13px}.mw-tabs button.active{background:#2578e8;color:white;border-color:#2578e8}.mw-question-list{flex:1;overflow:auto;border-top:1px solid #d5dde8;border-bottom:1px solid #cbd5e2;min-height:90px}.mw-question{display:grid;grid-template-columns:36px 1fr;gap:9px;padding:10px;border-bottom:1px solid #dde4ee;background:#fff}.mw-question.answered{background:#eef7ff}.mw-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#6b56d9;color:#fff;font-size:16px}.mw-q-head{display:flex;gap:7px;align-items:baseline}.mw-q-head small{color:#6d7b8e;font-size:11px}.mw-question p{margin:3px 0 0}.mw-host-answer{margin-top:7px;padding:6px 8px;background:#dbeeff;border-radius:5px}.mw-host-answer strong{color:#1460aa;margin-right:5px}.mw-empty{padding:22px;text-align:center;color:#6c7888}.mw-question-form{padding:9px 10px;background:#f8fafc}.mw-question-form input,.mw-question-form textarea{width:100%;border:1px solid #aebed1;border-radius:6px;padding:8px 9px;margin-bottom:6px;font:inherit;background:white}.mw-question-form textarea{height:68px;resize:vertical}.mw-form-row{display:flex;justify-content:space-between;align-items:center}.mw-form-row small{color:#5e6d80}.mw-form-row button{border:0;border-radius:6px;background:#096bd5;color:#fff;padding:8px 12px;font-weight:600;cursor:pointer}.mw-form-row button:disabled{opacity:.6}.mw-form-message{font-size:12px;margin-top:5px;color:#315b39}.twitch-live-window-body .mw-twitch-shell{height:100%!important}.twitch-live-window-body{padding:0!important;overflow:hidden!important}.win95-window:has(.mw-twitch-shell)>.twitch-live-statusbar{display:none!important}.mw-twitch-shell:not(.mw-mode-window){max-width:1500px;margin:0 auto;border-radius:12px;box-shadow:0 12px 35px rgba(14,27,48,.18)}.twitch-live-window-body .mw-twitch-shell{max-width:none;margin:0;border-radius:0;box-shadow:none}
@media(max-width:800px){.mw-twitch-shell{height:auto!important;min-height:0;display:block;overflow:auto;border-radius:8px}.mw-twitch-video{height:330px}.mw-qa{border-left:0;border-top:1px solid #9bacc1;min-height:470px}.mw-question-list{max-height:300px}.mw-channel-link{font-size:12px;padding:7px 9px}}
.mw-question.featured{background:#fff8dc;border-left:4px solid #e0a900;padding-left:6px}.mw-question.answering{box-shadow:inset 0 0 0 2px #2d7be5}.mw-featured-badge,.mw-answering-badge{font-size:9px;font-weight:800;letter-spacing:.04em;border-radius:999px;padding:3px 6px;white-space:nowrap}.mw-featured-badge{background:#fff0a8;color:#6d5200}.mw-answering-badge{background:#dcecff;color:#145ba6}.mw-q-head{flex-wrap:wrap}

/* v0.5.1: standalone page sizing. Modern OS/window rules above remain unchanged. */
.mw-twitch-shell.mw-mode-auto:not(.mw-mode-window){
  height:auto!important;
  min-height:0;
  overflow:visible;
  align-items:stretch;
}
.mw-twitch-shell.mw-mode-auto:not(.mw-mode-window) .mw-twitch-video{
  min-height:620px;
}
.mw-twitch-shell.mw-mode-auto:not(.mw-mode-window) .mw-player-wrap{
  min-height:540px;
  aspect-ratio:16/9;
}
.mw-twitch-shell.mw-mode-auto:not(.mw-mode-window) .mw-qa{
  min-height:620px;
  max-height:none;
}
.mw-twitch-shell.mw-mode-auto:not(.mw-mode-window) .mw-question-list{
  min-height:260px;
  max-height:520px;
  overflow-y:auto;
}
.mw-twitch-shell.mw-mode-auto:not(.mw-mode-window) .mw-question-form{
  flex:0 0 auto;
}
@media(max-width:800px){
  .mw-twitch-shell.mw-mode-auto:not(.mw-mode-window) .mw-twitch-video{min-height:0;height:auto;}
  .mw-twitch-shell.mw-mode-auto:not(.mw-mode-window) .mw-player-wrap{min-height:300px;aspect-ratio:16/9;}
  .mw-twitch-shell.mw-mode-auto:not(.mw-mode-window) .mw-qa{min-height:520px;}
}

/* v0.5.2: reliable Q&A scrolling on standalone pages. */
.mw-twitch-shell.mw-mode-auto:not(.mw-mode-window) .mw-qa{
  height:620px;
  min-height:620px;
  max-height:620px;
  overflow:hidden;
}
.mw-twitch-shell.mw-mode-auto:not(.mw-mode-window) .mw-question-list{
  flex:1 1 0;
  min-height:0;
  max-height:none;
  overflow-y:scroll;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
.mw-twitch-shell.mw-mode-auto:not(.mw-mode-window) .mw-question-form{
  flex:0 0 auto;
}
@media(max-width:800px){
  .mw-twitch-shell.mw-mode-auto:not(.mw-mode-window) .mw-qa{
    height:560px;
    min-height:560px;
    max-height:560px;
  }
  .mw-twitch-shell.mw-mode-auto:not(.mw-mode-window) .mw-question-list{
    max-height:none;
    touch-action:pan-y;
  }
}


/* v0.5.3: compact standalone layout so the full question form and submit button stay visible. */
.mw-twitch-shell.mw-mode-auto:not(.mw-mode-window){
  height:500px!important;
  min-height:500px;
  max-height:500px;
  overflow:hidden;
}
.mw-twitch-shell.mw-mode-auto:not(.mw-mode-window) .mw-twitch-video{
  height:500px;
  min-height:500px;
}
.mw-twitch-shell.mw-mode-auto:not(.mw-mode-window) .mw-player-wrap{
  min-height:0;
  aspect-ratio:auto;
  flex:1 1 auto;
}
.mw-twitch-shell.mw-mode-auto:not(.mw-mode-window) .mw-qa{
  height:500px;
  min-height:500px;
  max-height:500px;
}
.mw-twitch-shell.mw-mode-auto:not(.mw-mode-window) .mw-question-form textarea{
  height:56px;
  min-height:56px;
}
@media(max-width:800px){
  .mw-twitch-shell.mw-mode-auto:not(.mw-mode-window){
    height:auto!important;
    min-height:0;
    max-height:none;
    overflow:visible;
  }
  .mw-twitch-shell.mw-mode-auto:not(.mw-mode-window) .mw-twitch-video{
    height:auto;
    min-height:0;
  }
  .mw-twitch-shell.mw-mode-auto:not(.mw-mode-window) .mw-player-wrap{
    min-height:260px;
    aspect-ratio:16/9;
  }
  .mw-twitch-shell.mw-mode-auto:not(.mw-mode-window) .mw-qa{
    height:500px;
    min-height:500px;
    max-height:500px;
  }
}


/* v0.5.4: separate compact standalone layout from Modern OS window layout. */
/* Standalone pages: deliberately shorter so the complete form sits above the browser edge. */
.mw-twitch-shell.mw-mode-auto:not(.mw-mode-window){
  height:430px!important;
  min-height:430px!important;
  max-height:430px!important;
}
.mw-twitch-shell.mw-mode-auto:not(.mw-mode-window) .mw-twitch-video,
.mw-twitch-shell.mw-mode-auto:not(.mw-mode-window) .mw-qa{
  height:430px!important;
  min-height:430px!important;
  max-height:430px!important;
}
.mw-twitch-shell.mw-mode-auto:not(.mw-mode-window) .mw-question-form{padding:7px 10px;}
.mw-twitch-shell.mw-mode-auto:not(.mw-mode-window) .mw-question-form input,
.mw-twitch-shell.mw-mode-auto:not(.mw-mode-window) .mw-question-form textarea{padding:6px 9px;margin-bottom:5px;}
.mw-twitch-shell.mw-mode-auto:not(.mw-mode-window) .mw-question-form textarea{height:44px;min-height:44px;resize:none;}

/* Modern OS: JS adds mw-mode-window when the shortcode is inside the app window body. */
.twitch-live-window-body{min-height:0!important;}
.twitch-live-window-body .mw-twitch-shell.mw-mode-window{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  align-items:stretch;
}
.twitch-live-window-body .mw-mode-window .mw-twitch-video,
.twitch-live-window-body .mw-mode-window .mw-qa{
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden;
}
.twitch-live-window-body .mw-mode-window .mw-player-wrap{min-height:0!important;flex:1 1 0;}
.twitch-live-window-body .mw-mode-window .mw-question-list{
  flex:1 1 0;
  min-height:0!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
}
.twitch-live-window-body .mw-mode-window .mw-question-form{flex:0 0 auto;padding:7px 10px;}
.twitch-live-window-body .mw-mode-window .mw-question-form input,
.twitch-live-window-body .mw-mode-window .mw-question-form textarea{padding:6px 9px;margin-bottom:5px;}
.twitch-live-window-body .mw-mode-window .mw-question-form textarea{height:44px;min-height:44px;resize:none;}
.twitch-live-window-body .mw-mode-window .mw-qa header{padding:9px 14px 5px;}
.twitch-live-window-body .mw-mode-window .mw-tabs{padding-bottom:7px;}
.twitch-live-window-body .mw-mode-window .mw-twitch-meta{min-height:44px;padding:6px 12px;}

@media(max-width:800px){
  .mw-twitch-shell.mw-mode-auto:not(.mw-mode-window){height:auto!important;min-height:0!important;max-height:none!important;}
  .mw-twitch-shell.mw-mode-auto:not(.mw-mode-window) .mw-twitch-video{height:auto!important;min-height:0!important;max-height:none!important;}
  .mw-twitch-shell.mw-mode-auto:not(.mw-mode-window) .mw-qa{height:460px!important;min-height:460px!important;max-height:460px!important;}
}

/* v0.6.0 host controls — only activated inside the Modern OS Twitch window for admins */
.mw-host-controls{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.mw-host-controls button{border:1px solid #b9c7d8;background:#f4f7fb;color:#25354b;border-radius:5px;padding:4px 8px;font-size:11px;font-weight:650;cursor:pointer}
.mw-host-controls button.primary{background:#2578e8;border-color:#2578e8;color:#fff}
.mw-host-controls button.danger{color:#a12d2d;background:#fff5f5;border-color:#e2bcbc}
.mw-host-controls button:disabled{opacity:.55;cursor:wait}
.mw-tab-count{display:inline-grid;place-items:center;min-width:19px;height:19px;margin-left:3px;padding:0 5px;border-radius:999px;background:rgba(23,36,58,.12);font-size:10px;font-weight:800}
.mw-tabs button.active .mw-tab-count{background:rgba(255,255,255,.22);color:#fff}
.twitch-live-window-body .mw-host-mode .mw-question{padding-top:8px;padding-bottom:8px}

/* v0.7.0 weekly live schedule */
.mw-live-schedule{margin:18px auto 0;border:1px solid #c9d4e2;border-radius:12px;overflow:hidden;background:#fff;color:#14233a;box-shadow:0 10px 28px rgba(21,37,58,.08);font-family:inherit}
.mw-schedule-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;border-bottom:1px solid #d7e0ea;background:#f6f9fd}
.mw-schedule-head h2{display:flex;align-items:center;gap:9px;margin:0;font-size:21px;line-height:1.2;color:#14233a}
.mw-schedule-head p{margin:4px 0 0;color:#65758a;font-size:13px}
.mw-schedule-dot{width:9px;height:9px;border-radius:50%;background:#2578e8;display:inline-block}
.mw-schedule-channel{color:#65758a;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.mw-schedule-list{display:block}
.mw-schedule-item{display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:18px;padding:15px 20px;border-bottom:1px solid #e0e6ee}
.mw-schedule-item:last-child{border-bottom:0}
.mw-schedule-item.is-next{background:#f1f7ff}
.mw-schedule-date span{display:block;color:#65758a;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.mw-schedule-date strong{display:block;margin-top:2px;font-size:16px;color:#14233a}
.mw-schedule-details strong{display:block;font-size:16px;color:#14233a}
.mw-schedule-details span{display:block;margin-top:2px;color:#65758a;font-size:13px}
.mw-next-badge{display:inline-flex;align-items:center;border:1px solid #b9cbe2;border-radius:999px;padding:5px 10px;font-size:10px;font-weight:800;letter-spacing:.04em;color:#1c5fae;background:#fff;white-space:nowrap}
.mw-schedule-foot{padding:10px 20px;border-top:1px solid #d7e0ea;background:#f6f9fd;color:#65758a;font-size:12px}
.twitch-live-window-body .mw-live-schedule{display:none}
@media(max-width:600px){
 .mw-schedule-head{padding:14px 15px}.mw-schedule-channel{display:none}
 .mw-schedule-item{grid-template-columns:105px minmax(0,1fr);gap:12px;padding:14px 15px}
 .mw-next-badge{grid-column:1/-1;justify-self:start}
 .mw-schedule-date strong,.mw-schedule-details strong{font-size:14px}
 .mw-schedule-foot{padding:10px 15px}
}