@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700;12..96,800&family=DM+Sans:wght@400;500;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--mct-bg: #17121f;--mct-surface: #221a2e;--mct-border: #3a2e4d;--mct-text: #f1eaf7;--mct-text-dim: #9a8fb0;--mct-accent: #fb7185;--mct-on-accent: #2a0a12;--mct-success: #1db954;--mct-warning: #ffc046;--mct-danger: #ff5470;--mct-destructive: #ff2d55;--mct-on-destructive: #2a0a12;--mct-twitch: #9146ff;--mct-youtube: #ff4438;--mct-kick: #53fc18;--mct-radius: 16px;--mct-border-w: 2px;--mct-gap: 16px;--mct-font-display: "Bricolage Grotesque", ui-sans-serif, sans-serif;--mct-font-sans: "DM Sans", ui-sans-serif, system-ui, sans-serif;--mct-font-mono: "JetBrains Mono", ui-monospace, monospace;color-scheme:dark}body{margin:0;background:var(--mct-bg);color:var(--mct-text);font-family:var(--mct-font-sans)}.mct-btn{font-family:var(--mct-font-sans);font-size:14px;font-weight:700;color:var(--mct-text);background:var(--mct-surface);border:var(--mct-border-w) solid var(--mct-border);border-radius:calc(var(--mct-radius) * .75);padding:8px 16px;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s,background-color .15s,color .15s}.mct-btn:hover:not(:disabled){border-color:var(--mct-text-dim)}.mct-btn:disabled{opacity:.4;cursor:not-allowed}.mct-btn.primary{--mct-fill: var(--mct-accent);color:var(--mct-on-accent)}.mct-btn.twitch{--mct-fill: var(--mct-twitch);color:#fff}.mct-btn.youtube{--mct-fill: var(--mct-youtube);color:#fff}.mct-btn.kick{--mct-fill: var(--mct-kick);color:#0a2003}.mct-btn.spotify{--mct-fill: var(--mct-success);color:#06210f}.mct-btn.primary,.mct-btn.twitch,.mct-btn.youtube,.mct-btn.kick,.mct-btn.spotify{background:var(--mct-fill);border-color:var(--mct-fill)}.mct-btn.primary:hover:not(:disabled),.mct-btn.twitch:hover:not(:disabled),.mct-btn.youtube:hover:not(:disabled),.mct-btn.kick:hover:not(:disabled),.mct-btn.spotify:hover:not(:disabled){border-color:var(--mct-fill);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--mct-border)}.mct-btn.danger{background:none;border-color:var(--mct-destructive);color:var(--mct-destructive)}.mct-btn.danger:hover:not(:disabled){background:var(--mct-destructive);border-color:var(--mct-destructive);color:var(--mct-on-destructive)}a.mct-btn{display:inline-block;text-decoration:none}.mct-btn.small{font-size:13px;padding:6px 12px}.mct-btn:focus-visible{outline:2px solid var(--mct-accent);outline-offset:2px}.mct-select,.mct-input{font-family:var(--mct-font-sans);font-size:13px;color:var(--mct-text);background:var(--mct-surface);border:var(--mct-border-w) solid var(--mct-border);border-radius:calc(var(--mct-radius) * .75);padding:4px 8px;box-sizing:border-box}.mct-select{cursor:pointer}option{background:var(--mct-surface);color:var(--mct-text)}.mct-select.wide,.mct-input.wide{width:100%}.mct-input[type=color]{padding:2px;height:30px}.mct-select:hover,.mct-input:hover{border-color:var(--mct-text-dim)}.mct-select:focus-visible,.mct-input:focus-visible{outline:2px solid var(--mct-accent);outline-offset:2px}.mct-link{background:none;border:none;padding:0;font-family:var(--mct-font-sans);font-size:13px;color:var(--mct-accent);cursor:pointer}.mct-link:hover{text-decoration:underline}.mct-link:focus-visible{outline:2px solid var(--mct-accent);outline-offset:2px}.mct-dim{color:var(--mct-text-dim);font-size:13px}.mct-alert{border-left:3px solid var(--mct-danger);border-radius:0 calc(var(--mct-radius) * .75) calc(var(--mct-radius) * .75) 0;background:var(--mct-surface);color:var(--mct-text);font-size:13px;padding:8px 12px}.mct-alert.warning{border-left-color:var(--mct-warning)}.mct-alert.success{border-left-color:var(--mct-success)}.mct-handle{font-family:var(--mct-font-mono);font-size:.92em;color:var(--mct-twitch)}.mct-handle.spotify{color:var(--mct-success)}.mct-handle.kick{color:var(--mct-kick)}.mct-handle.youtube{color:var(--mct-youtube)}.mct-copy{display:flex;gap:8px;align-items:center}.mct-copy .mct-input{flex:1;min-width:0;font-family:var(--mct-font-mono);font-size:12px}.mct-topbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:10px 16px;background:var(--mct-surface);border-bottom:var(--mct-border-w) solid var(--mct-border)}.mct-topbar .brand{font-family:var(--mct-font-display);font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--mct-text);margin:0}.mct-topbar .brand a{color:inherit;text-decoration:none}.mct-topbar .brand a:hover{text-decoration:underline}.mct-topbar .brand .sep{color:var(--mct-text-dim)}.mct-topbar .right{margin-left:auto;display:flex;align-items:center;gap:10px}@media(max-width:640px){.mct-topbar{gap:8px 10px;padding:8px 12px}.mct-topbar .brand{font-size:16px}.mct-topbar .mct-segmented{flex:0 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none}.mct-topbar .mct-segmented::-webkit-scrollbar{display:none}.mct-topbar .mct-segmented .mct-btn,.mct-topbar .right{flex:none}}.mct-columns{display:grid;gap:var(--mct-gap);align-items:start}@media(min-width:1024px){.mct-columns{grid-template-columns:minmax(0,1fr) 340px}}.mct-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--mct-gap)}.mct-collapse{border:var(--mct-border-w) solid var(--mct-border);border-radius:calc(var(--mct-radius) * .75);background:var(--mct-surface);overflow:hidden}.mct-collapse>summary{display:flex;align-items:center;gap:10px;padding:9px 12px;cursor:pointer;font-family:var(--mct-font-display);font-weight:700;font-size:14px;color:var(--mct-text);list-style:none;transition:background .15s}.mct-collapse>summary::-webkit-details-marker{display:none}.mct-collapse>summary:before{content:"";flex:none;width:0;height:0;border-left:7px solid var(--mct-accent);border-top:5px solid transparent;border-bottom:5px solid transparent;transition:transform .15s}.mct-collapse[open]>summary:before{transform:rotate(90deg)}.mct-collapse>summary:hover{background:var(--mct-bg)}.mct-collapse>summary:focus-visible{outline:2px solid var(--mct-accent);outline-offset:-2px}.mct-collapse[open]>summary{border-bottom:var(--mct-border-w) solid var(--mct-border)}.mct-collapse>summary .note{margin-left:auto;font-family:var(--mct-font-sans);font-weight:500;font-size:13px;color:var(--mct-text-dim)}.mct-collapse>.body{padding:12px}.mct-requests{list-style:none;margin:0;padding:0;max-height:220px;overflow:auto}.mct-requests li{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:10px;align-items:baseline;padding:7px 0;border-bottom:1px solid var(--mct-border);font-size:13px}.mct-requests li:last-child{border-bottom:0}.mct-requests .who{white-space:nowrap}.mct-requests .what{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mct-log{margin:8px 0 0;padding:10px 12px;max-height:200px;overflow:auto;background:var(--mct-bg);border:var(--mct-border-w) solid var(--mct-border);border-radius:calc(var(--mct-radius) * .75);font-family:var(--mct-font-mono);font-size:12px;line-height:1.7;color:var(--mct-text-dim);white-space:pre-wrap;word-break:break-word}.mct-status{font-family:var(--mct-font-sans);font-size:13px;font-weight:500;color:var(--mct-text-dim);white-space:nowrap}.mct-status.live{color:var(--mct-success)}.mct-steps{list-style:none;display:grid;gap:8px;margin:0;padding:0}.mct-steps li{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;font-size:13px;color:var(--mct-text)}.mct-steps li .mark{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;border:var(--mct-border-w) solid var(--mct-border);color:var(--mct-text-dim);font-size:11px;font-weight:700}.mct-steps li.done{color:var(--mct-text-dim)}.mct-steps li.done .mark{background:var(--mct-success);border-color:var(--mct-success);color:var(--mct-bg)}.mct-group>h3{font-family:var(--mct-font-display);font-size:18px;font-weight:800;letter-spacing:-.02em;margin:0 0 2px;padding-bottom:8px;border-bottom:var(--mct-border-w) solid var(--mct-border)}.mct-section{margin-top:16px}.mct-section>h4{font-family:var(--mct-font-display);font-size:15px;font-weight:700;letter-spacing:-.02em;color:var(--mct-text);margin:0 0 8px}.mct-section .mct-section>h4{font-size:14px}.mct-segmented{display:inline-flex;gap:4px;padding:3px;border:var(--mct-border-w) solid var(--mct-border);border-radius:calc(var(--mct-radius) * .75)}.mct-segmented .mct-btn{border:0;background:transparent;padding:6px 14px}.mct-segmented .mct-btn[aria-pressed=true],.mct-segmented .mct-btn[aria-current=page]{background:var(--mct-accent);color:var(--mct-on-accent)}.mct-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-weight:700;font-size:14px}.mct-switch input{position:absolute;opacity:0;width:0;height:0}.mct-switch .track{position:relative;box-sizing:content-box;width:36px;height:20px;flex:none;border-radius:999px;background:var(--mct-bg);border:var(--mct-border-w) solid var(--mct-border);transition:background .2s,border-color .2s}.mct-switch .track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--mct-text-dim);transition:transform .2s,background .2s}.mct-switch input:checked+.track{background:var(--mct-success);border-color:var(--mct-success)}.mct-switch input:checked+.track:after{transform:translate(16px);background:var(--mct-bg)}.mct-switch input:focus-visible+.track{outline:2px solid var(--mct-accent);outline-offset:2px}.mct-path{display:flex;align-items:center;gap:10px}.mct-path .chips{display:flex;gap:4px;flex:none}.mct-path .node{font-family:var(--mct-font-mono);font-size:12px;padding:4px 11px;border-radius:999px;border:var(--mct-border-w) solid var(--mct-border);background:var(--mct-surface);color:var(--mct-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mct-path .node.twitch{color:#b78aff;border-color:var(--mct-twitch)}.mct-path .node.youtube{color:#ff8078;border-color:var(--mct-youtube)}.mct-path .node.kick{color:#8cfc66;border-color:var(--mct-kick)}.mct-path .node.out{color:var(--mct-success);border-color:var(--mct-success)}.mct-path .rail{position:relative;flex:1;min-width:36px;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--mct-rail-stops, var(--mct-text-dim), var(--mct-success)))}.mct-path .rail:after{content:"";position:absolute;top:-4px;left:0;width:12px;height:12px;border-radius:50%;background:var(--mct-text);border:2px solid var(--mct-bg);animation:mct-travel 2.6s linear infinite}.mct-path.off .rail{background:var(--mct-border)}.mct-path.off .rail:after{display:none}.mct-path.off .node{color:var(--mct-text-dim);border-color:var(--mct-border)}@keyframes mct-travel{0%{left:-6px}to{left:calc(100% - 6px)}}@media(prefers-reduced-motion:reduce){.mct-btn,.mct-switch .track,.mct-switch .track:after,.mct-collapse>summary,.mct-collapse>summary:before{transition:none}.mct-btn.primary:hover:not(:disabled){transform:none;box-shadow:none}.mct-path .rail:after{animation:none;left:calc(50% - 6px)}}