:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f5f4fb;background:#0b0b12;font-synthesis:none;--accent:#a970ff;--sidebar-width:360px}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}.hidden{display:none!important}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{height:76px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid #25252f;background:#0d0d15}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:760;letter-spacing:-.06em}.brand-accent{color:var(--accent)}.brand-mark{width:34px;height:34px;background:var(--accent);border-radius:10px 10px 10px 3px;display:flex;align-items:center;justify-content:center;gap:4px;transform:rotate(-4deg);box-shadow:0 5px 24px #a970ff47}.brand-mark span{width:4px;height:12px;background:#241239;border-radius:4px;transform:rotate(16deg)}.brand-mark span+span{height:9px}.topbar-note{font-size:13px;color:#8e8c9e}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 6px var(--sidebar-width);flex:1;min-height:calc(100vh - 76px)}.app[data-side=left] .workspace{grid-template-columns:var(--sidebar-width) 6px minmax(0,1fr)}.app[data-side=left] .sidebar{grid-column:1;grid-row:1}.app[data-side=left] .resize-handle{grid-column:2;grid-row:1}.app[data-side=left] .stage{grid-column:3;grid-row:1}.stage{min-width:0;padding:50px clamp(28px,5vw,76px) 30px;background:radial-gradient(ellipse at 50% 50%,#171223 0%,#0b0b12 62%);display:flex;flex-direction:column}.stage-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;min-height:112px;margin-bottom:27px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--accent);margin:0 0 12px}.stage h1{font-size:clamp(28px,3.2vw,44px);line-height:1.08;letter-spacing:-.055em;margin:0 0 11px;font-weight:760}.stage-description{color:#9c99ae;margin:0;font-size:15px;line-height:1.5}.external-link{color:#c7b0ff;text-decoration:none;font-size:13px;font-weight:650;white-space:nowrap;padding-bottom:4px}.external-link:hover,.search-twitch:hover{text-decoration:underline}.player-shell{position:relative;width:100%;aspect-ratio:16/9;min-height:300px;max-height:calc(100vh - 285px);background:#08070e;border:1px solid #2e2939;border-radius:18px;overflow:hidden;box-shadow:0 22px 70px #0008}.player{width:100%;height:100%;border:0;display:block}.empty-player{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:radial-gradient(circle at 50% 46%,#241734 0%,#110e1b 32%,#08070e 75%)}.empty-player h2{font-size:25px;letter-spacing:-.04em;margin:20px 0 8px}.empty-player p{color:#928ba3;line-height:1.5;font-size:14px;margin:0;max-width:310px}.empty-art{position:relative;width:180px;height:120px;display:grid;place-items:center}.empty-art-screen{position:relative;width:136px;height:88px;border:2px solid #8059bb;border-radius:14px;transform:rotate(-7deg);box-shadow:0 0 0 10px #a970ff0b,0 0 60px #a970ff30;background:linear-gradient(145deg,#241432,#13101e)}.empty-art-screen:after{content:"";position:absolute;width:35px;height:4px;border-radius:4px;background:#8059bb;bottom:-13px;left:50%;transform:translateX(-50%)}.play-symbol{position:absolute;top:50%;left:50%;transform:translate(-40%,-50%);width:0;height:0;border-top:16px solid transparent;border-bottom:16px solid transparent;border-left:24px solid #b387ff;filter:drop-shadow(0 0 15px #ae73ff)}.spark{position:absolute;width:6px;height:6px;border-radius:50%;background:#a970ff;box-shadow:0 0 13px #a970ff}.spark-one{top:3px;right:5px}.spark-two{bottom:11px;left:3px;width:4px;height:4px}.spark-three{right:2px;bottom:15px;width:3px;height:3px}.stage-footnote{font-size:12px;color:#656174;margin-top:16px}.resize-handle{position:relative;background:#24232e;cursor:col-resize;touch-action:none}.resize-handle:before{content:"";position:absolute;left:2px;top:50%;width:2px;height:46px;border-radius:3px;background:#676274;transform:translateY(-50%)}.resize-handle:hover,.resize-handle:focus-visible{background:var(--accent);outline:none}.sidebar{min-width:0;background:#14141e;display:flex;flex-direction:column}.sidebar-head{padding:30px 28px 24px;border-bottom:1px solid #292833}.sidebar-heading-row{display:flex;align-items:center;justify-content:space-between}.sidebar h2{font-size:24px;letter-spacing:-.045em;margin:0;line-height:1.1}.count{display:inline-grid;place-items:center;vertical-align:middle;min-width:25px;height:25px;margin-left:5px;border-radius:8px;background:#292336;color:#caaeff;font-size:12px;letter-spacing:0}.icon-button{display:grid;place-items:center;width:38px;height:38px;background:#22212e;border:1px solid #373441;border-radius:10px;color:#c1b7d1}.icon-button:hover,.icon-button[aria-expanded=true]{background:#2d2540;color:#d5bfff}.icon-button svg{width:20px}.settings{margin-top:25px;padding:17px;background:#1b1a26;border:1px solid #312d3e;border-radius:13px}.settings-label,.width-label{display:block;color:#a8a4b5;font-size:12px;font-weight:650;margin-bottom:10px}.side-options{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#11111a;border-radius:9px;padding:4px;margin-bottom:17px}.side-options button{border:0;background:transparent;color:#aaa6b7;border-radius:7px;padding:8px 4px;font-size:12px;font-weight:700}.side-options button.active{color:#f4ebff;background:#5a3b83}.width-label{display:flex;justify-content:space-between;margin-bottom:7px}.width-label output{color:#d8c1ff}.settings input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}.sidebar-content{flex:1;overflow:auto;padding:26px 22px}.add-form{background:#1d1c29;border:1px solid #353141;border-radius:15px;padding:17px;margin-bottom:32px}.add-form label,.list-header label{display:block;font-size:13px;font-weight:700;color:#f2eff8;margin-bottom:12px}.add-row{display:flex;gap:8px}.add-row input,.search-field input{min-width:0;width:100%;outline:none;border:1px solid #3a3747;background:#11111a;color:#fff;border-radius:9px;padding:12px 12px;font-size:13px}.add-row input::placeholder,.search-field input::placeholder{color:#777184}.add-row input:focus,.search-field:focus-within{border-color:#9765dc;box-shadow:0 0 0 3px #a970ff1a}.add-row button{width:43px;flex:none;background:var(--accent);color:#170d25;border:none;border-radius:9px;font-size:26px;line-height:1}.add-row button:hover{background:#bf93ff}.form-error{color:#ff9baa;font-size:12px;line-height:1.4;margin:9px 0 0}.search-twitch{display:inline-block;margin-top:14px;color:#ae9acb;text-decoration:none;font-size:12px}.list-header{display:flex;justify-content:space-between;align-items:baseline;margin:0 4px 12px}.list-header label{margin:0}.list-header span{color:#757184;font-size:12px}.search-field{display:flex;align-items:center;gap:8px;background:#11111a;border:1px solid #373440;border-radius:9px;padding-left:12px;margin-bottom:16px}.search-field svg{width:17px;height:17px;color:#8d859b;flex:none}.search-field input{border:0!important;background:transparent;box-shadow:none!important;padding:11px 10px 11px 0}.stream-list{display:flex;flex-direction:column;gap:7px}.stream-item{display:flex;align-items:center;gap:6px;padding:5px;border:1px solid transparent;border-radius:11px}.stream-item.active{background:#282137;border-color:#634683}.stream-item:hover:not(.active){background:#1d1c28}.stream-select{display:flex;align-items:center;gap:11px;min-width:0;flex:1;text-align:left;border:0;color:#eeeaf5;background:transparent;padding:7px}.stream-avatar{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:10px;background:#383047;color:#ceafff;font-size:16px;font-weight:800;text-transform:uppercase}.stream-item:nth-child(4n+2) .stream-avatar{background:#293a44;color:#a5d7e9}.stream-item:nth-child(4n+3) .stream-avatar{background:#443139;color:#f0b8c5}.stream-item:nth-child(4n+4) .stream-avatar{background:#393a2d;color:#d6d4a5}.stream-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700}.stream-meta{display:block;font-size:11px;color:#898497;margin-top:3px}.remove-button{flex:none;display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:7px;background:transparent;color:#8b8598;font-size:19px}.remove-button:hover{color:#ffadb8;background:#4a2938}.list-empty{padding:23px 12px;text-align:center;color:#807b8d;font-size:13px;line-height:1.6}.sidebar-footer{border-top:1px solid #292833;padding:18px 28px;color:#686576;font-size:11px}@media(max-width:900px){.stage{padding:34px 26px 28px}.topbar{padding:0 24px}.workspace{grid-template-columns:minmax(0,1fr) 6px min(var(--sidebar-width),42vw)}.app[data-side=left] .workspace{grid-template-columns:min(var(--sidebar-width),42vw) 6px minmax(0,1fr)}.sidebar-head{padding:24px 18px}.sidebar-content{padding:20px 12px}.sidebar-footer{padding:15px 18px}.stage-heading{align-items:start;flex-direction:column;gap:12px;min-height:0}.player-shell{min-height:300px}}@media(max-width:700px){.topbar{height:64px;padding:0 18px}.brand{font-size:21px}.topbar-note{display:none}.workspace,.app[data-side=left] .workspace{display:flex;flex-direction:column;min-height:calc(100vh - 64px)}.stage,.app[data-side=left] .stage{order:1;padding:28px 18px 24px}.sidebar,.app[data-side=left] .sidebar{order:2}.app[data-side=left] .sidebar{order:0}.resize-handle{display:none}.stage-heading{margin-bottom:21px}.stage h1{font-size:32px}.stage-description{font-size:14px}.player-shell{min-height:300px;max-height:none}.sidebar-content{padding:20px 18px}.sidebar-head{padding:23px 22px}.sidebar-footer{padding:16px 22px}.empty-art{transform:scale(.82);margin-bottom:-6px}.empty-player h2{font-size:21px;margin-top:5px}.empty-player p{font-size:12px}}
.brand-copy{display:flex;flex-direction:column;gap:3px;line-height:1}
.brand-credit{font-size:10px;font-weight:600;letter-spacing:.01em;color:#a9a5b5}