:root{color-scheme:dark;--bg:#111313;--surface:#1b1e1e;--line:#333737;--muted:#a7afab;--text:#f4f4ef;--red:#ed5547;--green:#a6dfaa;font-family:Arial,Helvetica,sans-serif;font-size:16px;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #dfec82;outline-offset:4px}[hidden]{display:none!important}h1,h2,p{margin-top:0}h1{font-size:clamp(2.3rem,5vw,4.1rem);letter-spacing:-.055em;line-height:1.04;margin-bottom:20px;font-weight:700}h2{font-size:1.4rem;letter-spacing:-.03em}p{line-height:1.6}.topbar{min-height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:24px 5.3%;gap:20px}.brand{font-size:2.8rem;letter-spacing:-.1em;line-height:.85;font-weight:900;display:block}.brand span{display:block;letter-spacing:.22em;font-weight:400;font-size:.62rem;margin-top:13px}.brand:hover{text-decoration:none}.back-link{font-size:.875rem}.status-pill{display:inline-flex;align-items:center;gap:9px;font-size:.75rem;letter-spacing:.12em;border:1px solid #48504b;border-radius:30px;padding:11px 15px;white-space:nowrap}.status-pill i{width:7px;height:7px;background:#919a94;border-radius:50%}.status-pill.live{border-color:#78372f;color:#ffada1}.status-pill.live i{background:var(--red);box-shadow:0 0 0 4px #ed55471f}.eyebrow{font-size:.72rem;letter-spacing:.19em;color:var(--muted);margin-bottom:17px}.watch-layout,.studio-layout,.admin-layout{max-width:1500px;margin:auto;padding:54px 5.3% 36px}.watch-heading{display:flex;align-items:end;justify-content:space-between}.watch-heading h1{margin-bottom:32px}.watch-date{font-size:.875rem;color:var(--muted);margin-bottom:35px}.player{position:relative;aspect-ratio:16/8.3;min-height:320px;background:#181b1a;border:1px solid #373b37;overflow:hidden}.player::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,#adb48010,transparent 66%);pointer-events:none}.player-empty{height:100%;min-height:320px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:32px;position:relative}.stage-mark{color:#bdc38e;font-size:5.5rem;line-height:1;font-weight:900;letter-spacing:-.13em;margin-bottom:23px;transform:translateX(-6px)}.player-empty h2{margin-bottom:8px}.player-empty p{color:var(--muted);font-size:.93rem;max-width:370px}.player video{position:absolute;width:100%;height:100%;inset:0;background:#000;object-fit:contain}.player-corner{position:absolute;bottom:24px;right:25px;font-size:.65rem;letter-spacing:.3em;color:#878e83;pointer-events:none}.watch-meta{display:flex;justify-content:space-between;gap:20px;padding:19px 0;font-size:.7rem;letter-spacing:.12em;color:var(--muted)}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 5.3%;border-top:1px solid var(--line);color:var(--muted);font-size:.8rem}.subtle{color:var(--muted)}.small{font-size:.85rem;line-height:1.6}.primary,.secondary,.light-button,.stop-button{display:flex;justify-content:center;align-items:center;gap:12px;min-height:54px;padding:15px 22px;border:0;border-radius:4px;font-weight:600;font-size:.94rem;transition:background .15s}.primary{background:var(--red);color:#181313}.primary:hover:not(:disabled){background:#ff7061}.primary span:last-child{margin-left:auto}.primary.broadcast{width:100%;justify-content:center;margin-top:28px;min-height:62px}.light-button{background:var(--text);color:#161a17}.secondary{background:#282d29;border:1px solid #4a504a;color:var(--text);justify-content:space-between;width:100%}.stop-button{background:#d24437;color:white;width:100%;margin-top:28px;min-height:62px}.text-button{background:none;border:0;color:var(--muted);padding:10px 0;font-size:.85rem;text-decoration:underline;text-underline-offset:4px}.message{font-size:.94rem;padding:12px 0;color:#e3daa6;min-height:28px;margin-bottom:0}.message:empty{padding:0;min-height:0}.message.error{color:#ffb2a8}.login-card{max-width:410px;margin:18px auto 60px}.login-card form{display:flex;flex-direction:column;gap:22px;margin-top:36px}.login-card .small{margin-top:22px}label{display:flex;flex-direction:column;gap:10px;font-size:.9rem}input{width:100%;min-height:52px;border:1px solid #565d57;border-radius:4px;background:#1c211d;color:var(--text);padding:12px 14px;font-size:1rem}.studio-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}.studio-title h1{margin-bottom:0}.studio-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:40px}.preview{aspect-ratio:4/3;position:relative;overflow:hidden;background:#1b201c;border:1px solid #3d473e;min-height:380px}.preview video{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;background:#000}.preview video.mirror{transform:scaleX(-1)}.preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;min-height:380px;padding:25px}.camera-icon{font-size:4rem;line-height:1;color:#b6c393;margin-bottom:25px}.preview-empty h2{font-size:1.55rem;margin-bottom:12px}.preview-empty p{font-size:.9rem;color:var(--muted);margin-bottom:25px}.preview-label{position:absolute;top:20px;left:20px;right:20px;font-size:.68rem;letter-spacing:.09em;text-align:center;padding:10px;background:#111b;backdrop-filter:blur(5px);border-radius:3px}.timer{position:absolute;bottom:20px;left:20px;background:#d24437;color:white;padding:7px 10px;border-radius:3px;font-size:.9rem;font-variant-numeric:tabular-nums}.control-heading{display:flex;justify-content:space-between;gap:20px;font-size:.72rem;letter-spacing:.12em;color:var(--muted);margin-bottom:24px}.control-heading span:last-child{letter-spacing:0;overflow-wrap:anywhere}.camera-selector{display:flex;padding:4px;border:1px solid #454d45;border-radius:5px;margin-bottom:16px;gap:3px}.camera-selector button{width:50%;min-height:49px;border:0;border-radius:3px;background:transparent;color:var(--muted);font-size:.88rem}.camera-selector .selected{background:#d1dab1;color:#192013;font-weight:600}.record-dot{width:13px;height:13px;border:2px solid currentColor;border-radius:50%;margin:0!important}.controls>.small{margin-top:17px}.studio-note{display:flex;gap:14px;border-top:1px solid var(--line);padding-top:23px;margin-top:25px;color:var(--muted);font-size:.85rem;line-height:1.6}.studio-note>span{font-size:1.5rem;color:#d1dab1}.account-actions{display:flex;align-items:center;gap:18px;justify-content:space-between;font-size:.8rem}.account-actions a{color:#d1dab1}.admin-layout{max-width:1200px}.admin-layout h1{font-size:clamp(2rem,4vw,3.6rem)}.admin-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:30px;margin-top:35px}.panel{background:var(--surface);border:1px solid var(--line);padding:28px}.panel label{margin-bottom:23px}.panel .primary{width:100%}.user-row{padding:20px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}.user-row:first-child{padding-top:4px}.user-row strong{display:block;font-size:1rem;overflow-wrap:anywhere}.user-row small{display:block;color:var(--muted);font-size:.8rem;margin-top:7px;overflow-wrap:anywhere}.user-row button{background:transparent;color:#f2c4aa;border:1px solid #6b665c;border-radius:4px;padding:10px 12px;font-size:.8rem;min-width:103px}.panel>.small{margin-top:22px}.controls #camera-off{width:100%;text-align:center}#play{min-width:230px;margin-top:12px}
@media(min-width:1500px){.topbar,footer{padding-left:max(5.3%,calc((100vw - 1340px)/2));padding-right:max(5.3%,calc((100vw - 1340px)/2))}}@media(max-width:760px){.topbar{min-height:95px;padding:23px 22px}.brand{font-size:2.35rem}.brand span{font-size:.56rem}.status-pill{font-size:.63rem;padding:9px 10px;letter-spacing:.08em}.watch-layout,.studio-layout,.admin-layout{padding:35px 22px 28px}.watch-heading{display:block}.watch-heading h1{font-size:2.7rem;margin-bottom:25px}.watch-date{display:none}.player{aspect-ratio:4/5;min-height:360px}.player-corner{font-size:.6rem;bottom:19px;right:19px}.watch-meta{font-size:.6rem;letter-spacing:.06em;align-items:center}.studio-title{align-items:flex-start;margin-bottom:25px}.studio-title h1{font-size:2.15rem;max-width:230px}.studio-title .status-pill{margin-top:4px}.studio-title .eyebrow{font-size:.62rem;margin-bottom:13px}.studio-grid{grid-template-columns:1fr;gap:25px}.preview{min-height:230px;aspect-ratio:4/3;max-height:36vh}.preview-empty{min-height:230px}.studio-layout{padding-top:24px}.studio .topbar{min-height:82px;padding-top:18px;padding-bottom:18px}.control-heading{margin-bottom:16px}.primary.broadcast,.stop-button{margin-top:18px}.preview-label{top:12px;left:12px;right:12px;font-size:.6rem}.studio-note{margin-top:20px;padding-top:16px}.login-card{margin-top:10px;margin-bottom:25px}.admin-grid{grid-template-columns:1fr;gap:20px}.panel{padding:22px}.back-link{font-size:.78rem}footer{padding:22px;font-size:.72rem}.eyebrow{font-size:.65rem}.watch-layout>.message{font-size:.85rem}.preview video{object-fit:contain}}@media(max-width:360px){.studio-title{display:block}.studio-title .status-pill{margin-top:17px}.topbar{gap:10px}.player-empty{padding:20px}.watch-meta{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}