:root{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{color:#efeff1;background:#0e0e10;margin:0;font-family:system-ui,-apple-system,sans-serif}.topbar{background:#18181b;border-bottom:1px solid #2d2d31;align-items:center;padding:.75rem 1.5rem;display:flex}.topbar .brand{color:#efeff1;font-size:1.25rem;font-weight:700;text-decoration:none}#nav{align-items:center;gap:.75rem;margin-left:auto;display:flex}.inline-form{margin:0;display:inline}.nav-avatar,.avatar{object-fit:cover;vertical-align:middle;background:#2d2d31;border-radius:50%;width:32px;height:32px}.avatar{width:96px;height:96px;margin:.5rem 0;display:block}.badge{color:#fff;text-transform:uppercase;letter-spacing:.03em;background:#5b3cc4;border-radius:3px;padding:.1rem .4rem;font-size:.7rem}.live-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.live-card a{color:#efeff1;text-align:center;background:#18181b;border-radius:6px;flex-direction:column;align-items:center;gap:.4rem;padding:.75rem;text-decoration:none;display:flex;position:relative}.live-card a:hover{background:#232327}.live-card .avatar{width:64px;height:64px;margin:0}.live-badge{color:#fff;letter-spacing:.03em;background:#eb0400;border-radius:3px;padding:.1rem .35rem;font-size:.65rem;font-weight:700;position:absolute;top:.5rem;left:.5rem}.live-username{font-weight:600}.live-title{color:#adadb8;font-size:.8rem}main{max-width:1200px;margin:0 auto;padding:1.5rem}a{color:#a970ff}#stream-meta{margin-top:.75rem}#stream-meta h1{margin:.25rem 0;font-size:1.25rem}.streamer-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.streamer-link{color:#efeff1;align-items:center;gap:.5rem;font-weight:600;text-decoration:none;display:flex}.streamer-link:hover{color:#a970ff}.streamer-link .avatar{width:36px;height:36px;margin:0}.stream-description{color:#adadb8;white-space:pre-wrap}button{color:#fff;cursor:pointer;background:#5b3cc4;border:none;border-radius:4px;margin:.25rem 0;padding:.5rem 1rem;font-size:.95rem}button:hover{background:#6f4fd8}code{word-break:break-all;background:#1f1f23;border-radius:4px;padding:.35rem .6rem;font-family:ui-monospace,monospace;display:inline-block}.user-grid{grid-template-columns:auto 1fr auto;align-items:center;row-gap:0;margin:.5rem 0;display:grid}.user-row{grid-template-columns:subgrid;border-top:1px solid #2d2d31;grid-column:1/-1;align-items:center;padding:.4rem;display:grid}.user-row>*{padding:0 .4rem}.user-row-message{color:#adadb8;grid-column:1/-1;padding:.4rem}.user-grid .avatar-sm{width:32px;height:32px;margin:0}.row-actions{white-space:nowrap;align-items:center;gap:.4rem;display:flex}.row-actions button{margin:0}.file-btn{color:#efeff1;cursor:pointer;background:#2d2d31;border-radius:4px;padding:.5rem .75rem;font-size:.95rem;display:inline-block}.file-btn:hover{background:#3a3a3f}.file-btn input[type=file]{display:none}.stream-now-btn{color:#fff;background:#eb0400;border-radius:4px;padding:.4rem .9rem;font-weight:600;text-decoration:none}.stream-now-btn:hover{background:#ff2020}#app.full-bleed{max-width:none;margin:0;padding:0}.theatre{height:calc(100vh - 57px);display:flex}@media (max-width:768px){.theatre{flex-direction:column;height:auto}}.theatre-main{flex-direction:column;flex:1;min-width:0;padding:1rem;display:flex;overflow-y:auto}@media (max-width:768px){.theatre-main{overflow-y:visible}}.mode-toggle{gap:.5rem;margin-bottom:.5rem;display:flex}.mode-btn{background:#2d2d31}.mode-btn.active{background:#5b3cc4}#preview{object-fit:contain;background:#000;border-radius:6px;flex:1;width:100%;min-height:0}#streamkey-preview{color:#adadb8;background:#000;border-radius:6px;justify-content:center;align-items:center;width:100%;min-height:240px;margin-bottom:.5rem;display:flex}#streamkey-preview stream-player{width:100%}#source-buttons,#live-controls{flex-wrap:wrap;gap:.5rem;margin:.5rem 0;display:flex}.source-btn.active{outline-offset:-2px;outline:2px solid #a970ff}#go-live,#stop-live{font-weight:600}#stop-live{background:#eb0400}#stop-live:hover{background:#ff2020}dialog{color:#efeff1;background:#18181b;border:1px solid #2d2d31;border-radius:8px;max-width:360px;padding:1.25rem}dialog::backdrop{background:#0009}.modal-hint{color:#adadb8;font-size:.85rem}.spinner{vertical-align:-.15em;border:2px solid #3a3a3f;border-top-color:#a970ff;border-radius:50%;width:.9em;height:.9em;margin-right:.4rem;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.stream-info-form{flex-direction:column;gap:.5rem;max-width:600px;margin-top:1rem;display:flex}.stream-info-form label{color:#adadb8;flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}.stream-info-form input,.stream-info-form textarea{color:#efeff1;background:#1f1f23;border:1px solid #2d2d31;border-radius:4px;padding:.5rem;font-family:inherit;font-size:.95rem}.stream-info-form textarea{resize:vertical;min-height:4rem}.stream-info-form button{align-self:flex-start}.theatre-chat{background:#18181b;border-left:1px solid #2d2d31;flex-direction:column;flex-shrink:0;width:30%;min-width:300px;max-width:420px;transition:width .15s,min-width .15s,max-width .15s;display:flex;overflow:hidden}.theatre-chat.collapsed{cursor:pointer;width:30px;min-width:30px;max-width:30px}.theatre-chat.collapsed:hover{background:#2d2d31}.theatre-chat.collapsed .chat-header,.theatre-chat.collapsed .theatre-chat-inner{display:none}@media (max-width:768px){.theatre-chat{border-top:1px solid #2d2d31;border-left:none;min-width:0;max-width:none;height:40vh;transition:height .15s;width:100%!important}.theatre-chat.collapsed{height:30px;min-height:30px}}.chat-header{border-bottom:1px solid #2d2d31;flex-shrink:0;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-weight:600;display:flex}.chat-header button{margin:0;padding:.25rem .6rem}.theatre-chat-inner{flex:1;min-height:0}