:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0d1211;color:#f3f3eb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 78% 14%,#213932 0,transparent 34%),#0d1211}.page{width:min(1160px,100%);margin:auto;padding:28px 30px 54px}.nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:84px}.logo{display:flex;align-items:center;gap:10px;color:#f5f4eb;text-decoration:none;font-weight:750;letter-spacing:-.02em}.logo i{width:17px;height:17px;border:4px solid #b8f36b;border-radius:50%;box-shadow:0 0 18px #b8f36b66}.network-badge{font-size:12px;color:#adbbb4;border:1px solid #34453f;border-radius:99px;padding:8px 13px}.network-badge b,.video-status b{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6f7f77;margin-right:7px}.network-badge b,.video-status b.active{background:#b8f36b;box-shadow:0 0 12px #b8f36b}.hero{max-width:860px}.kicker,.label{color:#8ea097;font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:800;margin:0}.hero h1,.page-head h1{letter-spacing:-.065em;line-height:.98;margin:18px 0 24px}.hero h1{font-size:clamp(52px,7.4vw,88px)}.hero h1 em{font-family:Georgia,serif;color:#b8f36b;font-weight:400}.intro{max-width:550px;color:#a9b5af;font-size:19px;line-height:1.55;margin-bottom:48px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mode-card{display:flex;flex-direction:column;gap:10px;min-height:220px;padding:25px;border:1px solid #33443e;border-radius:18px;background:#17201e;color:#f3f3eb;text-decoration:none;transition:.2s}.mode-card:hover{border-color:#b8f36b;transform:translateY(-2px)}.mode-icon{font-size:32px;color:#b8f36b}.mode-card strong{font-size:21px}.mode-card small{color:#96a69e;max-width:280px}.card-link{color:#b8f36b;font-size:13px;font-weight:750;margin-top:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:27px}.page-head h1{font-size:42px;margin-bottom:0}.back{color:#9eada6;text-decoration:none;font-size:13px}.app-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(310px,.7fr);gap:18px}.video-shell{position:relative;min-height:540px;overflow:hidden;border:1px solid #30413a;border-radius:18px;background:#080c0b}.video-shell video{display:block;width:100%;height:100%;min-height:540px;object-fit:cover}.video-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#7e8d86}.video-empty span{color:#b8f36b;font-size:38px}.video-empty strong{color:#dfe7e2}.video-status{position:absolute;left:17px;bottom:16px;padding:9px 13px;border:1px solid #ffffff19;border-radius:99px;background:#0c1210d9;font-size:12px}.control-card{align-self:stretch;border:1px solid #33443e;border-radius:18px;background:#17201e;padding:26px;display:flex;flex-direction:column}.control-card h2{font-size:27px;letter-spacing:-.04em;margin:9px 0}.help{color:#8d9d95;font-size:13px;margin:0 0 24px}.field{display:grid;gap:7px;color:#a8b4ae;font-size:12px;margin:18px 0}.field input{width:100%;border:1px solid #3c4d46;border-radius:9px;background:#0f1513;color:#f3f3eb;padding:13px;font:inherit;outline:none;text-transform:uppercase}.field input:focus{border-color:#b8f36b}.primary,.secondary,.danger{border-radius:10px;padding:13px 15px;font:inherit;font-weight:750;cursor:pointer}.primary{border:0;background:#b8f36b;color:#101512}.primary:disabled{opacity:.5}.secondary{border:1px solid #405149;background:transparent;color:#dce5df}.danger{width:100%;border:1px solid #67403e;background:transparent;color:#e2aaa6;margin-top:16px}.pin{font-size:49px;line-height:1.2;letter-spacing:.12em;font-weight:800;margin:10px 0 16px}.room-line{display:flex;justify-content:space-between;align-items:center;padding:12px 0;color:#899991;font-size:13px}.room-line strong{color:#f0f3ed;letter-spacing:.13em}.divider{height:1px;background:#2f3d38;margin:24px 0}.quality-row{display:flex;justify-content:space-between;align-items:start}.quality-row span{display:grid;gap:4px}.quality-row b{font-size:14px}.quality-row small{color:#88978f}.quality-row output{font-size:12px;color:#b8f36b}.slider{width:100%;accent-color:#b8f36b;margin:18px 0 12px}.request-box{margin-top:18px;border:1px solid #647a6f;border-radius:12px;background:#202b28;padding:15px}.request-box p{margin:0 0 13px;font-size:13px}.request-box div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.compact{padding:9px 12px;font-size:13px}.status{color:#87978f;font-size:12px;line-height:1.5;margin-top:auto;padding-top:18px}.status[data-tone=good]{color:#b8f36b}.status[data-tone=bad]{color:#ee9690}.hidden{display:none!important}@media(max-width:760px){.page{padding:22px 17px 42px}.nav{margin-bottom:60px}.mode-grid,.app-grid{grid-template-columns:1fr}.page-head{align-items:start;gap:16px}.page-head h1{font-size:34px}.video-shell,.video-shell video{min-height:390px}.viewer-grid .video-shell{order:2}.hero h1{font-size:54px}}

.fullscreen-viewer{overflow:hidden;background:#000}.viewer-stage{position:fixed;inset:0;background:#000}.viewer-stage video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.viewer-empty{position:absolute;inset:0;display:grid;place-items:center;color:#777;font-size:14px}.pair-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#0009}.pair-overlay form{display:flex;gap:8px;align-items:end;padding:14px;background:#111;border:1px solid #333;border-radius:8px}.pair-overlay label{display:grid;gap:5px;color:#999;font-size:11px;text-transform:uppercase}.pair-overlay input{width:120px;padding:10px;border:1px solid #444;border-radius:5px;background:#000;color:#fff;font:inherit;text-transform:uppercase;outline:none}.pair-overlay button{padding:11px 16px;border:0;border-radius:5px;background:#fff;color:#000;font:inherit;font-weight:700;cursor:pointer}.pair-overlay p{position:absolute;top:calc(50% + 48px);margin:0;color:#aaa;font-size:12px}.pair-overlay p[data-tone=bad]{color:#f88}@media(max-width:520px){.pair-overlay form{display:grid;width:min(280px,calc(100% - 28px))}.pair-overlay input,.pair-overlay button{width:100%}.pair-overlay p{top:calc(50% + 122px)}}