:root{color-scheme:dark;--bg:#101613;--text:#f1f4ed;--muted:#a1afa5;--line:#2b3830;--accent:#d4efb6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:1240px;margin:auto;padding:0 40px}header{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:20px;letter-spacing:2px;font-weight:750;color:var(--text);text-decoration:none}.brand span{font-size:10px;color:var(--accent);letter-spacing:3px;margin-left:10px}.tag{font-size:13px;border:1px solid var(--line);padding:5px 13px;border-radius:99px;color:var(--muted)}.heading{display:flex;justify-content:space-between;align-items:center;padding:36px 0 25px;gap:20px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);margin:0 0 10px}h1{font-size:clamp(29px,4vw,43px);letter-spacing:-1.5px;font-weight:550;margin:0}.intro{color:var(--muted);font-size:14px;margin:7px 0 0}#status{font-size:12px;color:var(--muted)}#status::before{content:'';display:inline-block;width:7px;height:7px;background:#a0a89f;border-radius:50%;margin-right:8px}#status.live{color:var(--accent)}#status.live::before{background:var(--accent)}.screen{position:relative;aspect-ratio:16/9;background:#050806;border:1px solid var(--line);border-radius:12px;overflow:hidden}video{display:block;width:100%;height:100%;object-fit:contain}#notice{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#0c110fee;text-align:center;padding:24px;pointer-events:none}#notice[hidden]{display:none}#notice strong{font-size:20px;font-weight:500}#notice p{font-size:14px;color:var(--muted);max-width:340px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0 30px}.toolbar p{font-size:12px;color:var(--muted)}.toolbar p span{margin:0 9px}button{font:inherit;font-size:13px;background:var(--accent);color:#1d2a16;border:0;border-radius:7px;padding:12px 18px;cursor:pointer}button:hover{background:#e0f8c7}button:focus-visible,a:focus-visible{outline:3px solid white;outline-offset:4px}footer{border-top:1px solid var(--line);padding:20px 0 30px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}@media(max-width:600px){main{padding:0 18px}header{height:74px}.heading{align-items:flex-start;flex-direction:column;padding-top:27px;gap:16px}.screen{margin:0 -18px;border-radius:0;border-left:0;border-right:0}.toolbar{align-items:flex-start;flex-direction:column;padding:14px 0 23px;gap:5px}.toolbar p{font-size:11px}.toolbar button{width:100%}footer{font-size:11px}.intro{font-size:13px}#notice strong{font-size:17px}#notice p{font-size:12px}}

.live-info{text-align:right;flex-shrink:0}#viewers{font-size:14px;color:var(--accent);margin:0 0 8px;font-variant-numeric:tabular-nums}@media(max-width:600px){.live-info{text-align:left}}

.camera-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.camera-tab{background:transparent;color:var(--muted);border:1px solid var(--line);padding:9px 16px}.camera-tab:hover{background:#18211c;color:var(--text)}.camera-tab.active{background:var(--accent);border-color:var(--accent);color:#1d2a16}@media(max-width:600px){.camera-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.camera-tab{padding:9px 10px}.camera-tab:last-child{grid-column:1/-1}}