:root{--bg-top: #eaf2fa;--bg-bottom: #dbe7f3;--surface: #ffffff;--surface-2: #f4f8fc;--line: #d5e0ea;--ink: #17212b;--muted: #56647a;--brand: #1d5ba5;--brand-strong: #144a86;--brand-soft: #e6f0fa;--live: #d92c2c;--ok: #2f9e44;--warn: #c47d00;--danger: #c92a2a;--radius: 16px;--shadow: 0 10px 30px rgba(22, 52, 90, .08);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.5;background:linear-gradient(180deg,var(--bg-top),var(--bg-bottom)) fixed;-webkit-font-smoothing:antialiased}button,input,select{font-family:inherit;font-size:16px}h2{margin:0;font-size:22px;font-weight:650;letter-spacing:-.01em}.muted{color:var(--muted)}.small{font-size:14.5px}.center{text-align:center}.mono{font-family:var(--mono)}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:700;letter-spacing:-.01em}.brand-mark{width:38px;height:38px;border-radius:11px;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;flex:none}.brand-mark.uploaded{background:transparent;object-fit:contain}.brand b{color:var(--brand)}.brand-tagline{font-size:13px;font-weight:500;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:12px;padding:12px 20px;font-size:16px;font-weight:600;background:var(--surface-2);color:var(--ink);cursor:pointer;transition:filter .12s ease,background .12s ease,transform 60ms ease}.btn:hover{filter:brightness(.97)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-strong)}.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink)}.btn-ghost:hover{background:var(--brand-soft)}.btn-danger{background:transparent;border-color:#c92a2a73;color:var(--danger)}.btn-danger:hover{background:#c92a2a12}.btn-small{padding:8px 14px;font-size:14.5px}.btn-link{background:none;border:none;color:var(--brand);font-weight:600;cursor:pointer;padding:4px;font-size:15px}.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface);border:1.5px solid var(--line);border-radius:12px;color:var(--ink);padding:12px 14px;min-height:48px;font-size:16px;width:100%;min-width:0}.input::placeholder{color:#93a1b3}.input:focus{outline:none;border-color:var(--brand);background:#fbfdff;box-shadow:0 0 0 4px #1d5ba538,0 6px 18px #1d5ba526}[data-theme=dark] .input:focus{background:#1f2d3c;box-shadow:0 0 0 4px #4f8fce4d,0 6px 18px #0006}.grow{flex:1;min-width:200px}.check{display:inline-flex;align-items:center;gap:8px;font-size:16px;color:var(--ink);white-space:nowrap}.check input{width:18px;height:18px;accent-color:var(--brand)}.choice{display:inline-flex;border:1.5px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}.choice label{display:flex;align-items:center;gap:8px;padding:10px 16px;cursor:pointer;font-size:15.5px;border-right:1.5px solid var(--line)}.choice label:last-child{border-right:0}.choice input{accent-color:var(--brand)}.choice label:has(input:checked){background:var(--brand-soft);color:var(--brand-strong);font-weight:600}.row{display:flex;align-items:center;gap:12px}.row.wrap{flex-wrap:wrap}.row-between{display:flex;align-items:center;justify-content:space-between;gap:14px}.stack{display:flex;flex-direction:column;gap:16px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:760px){.grid-2{grid-template-columns:1fr}}.span-2{grid-column:span 2}@media(max-width:760px){.span-2{grid-column:span 1}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.sep{border:0;border-top:1px solid var(--line);margin:20px 0}.pill{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:650;letter-spacing:.03em;text-transform:uppercase;background:var(--surface-2);color:var(--muted)}.pill.live{background:#d92c2c1f;color:var(--live)}.pill.starting{background:#c47d0024;color:var(--warn)}.banner{border-radius:12px;padding:12px 16px;font-size:15.5px;margin-bottom:16px}.banner-error{background:#c92a2a17;border:1px solid rgba(201,42,42,.3);color:#8f1e1e}.banner-ok{background:#2f9e4417;border:1px solid rgba(47,158,68,.3);color:#1d6b31}.error-text{color:var(--danger);font-size:15px;margin:6px 0}.ok-text{color:#1d6b31;font-size:15px;margin:6px 0}.code{display:block;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-family:var(--mono);font-size:13.5px;overflow-wrap:anywhere;color:#26405c}.code-row{display:flex;align-items:center;gap:10px}.code-row .code{flex:1}.code-inline{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:2px 8px;font-family:var(--mono);font-size:13px}.landing,.auth-page,.loading-page{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:28px;text-align:center}.auth-page{background:linear-gradient(165deg,#0f3559,#1d5ba5 55%,#2a6cb6)}.auth-card{width:100%;max-width:440px;display:flex;flex-direction:column;gap:18px;text-align:left;padding:34px 32px;border-radius:20px;box-shadow:0 24px 70px #05162c73}.auth-card .brand{justify-content:center}.auth-title{margin:0;font-size:17px;color:var(--muted);text-align:center}.landing-brand{font-size:26px;display:flex;align-items:center;gap:14px}.landing p{max-width:520px;font-size:17px}.field{display:flex;flex-direction:column;gap:8px;font-size:15.5px;font-weight:550}.field>span{color:var(--ink)}.field em{font-style:normal;font-size:13.5px;font-weight:400;color:var(--muted)}.landing-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.admin{max-width:1060px;margin:0 auto;padding:28px 20px 80px;display:flex;flex-direction:column;gap:20px}.admin-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.admin-user{display:flex;align-items:center;gap:14px;font-size:15.5px}.stream-title{font-weight:650;font-size:19px;margin:0}.stream-title.small{font-size:16.5px}.encoder{border:1.5px dashed var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--surface-2)}.encoder-head{display:flex;align-items:center;gap:10px}.dot{width:11px;height:11px;border-radius:50%;background:var(--live);display:inline-block}.dot.on{background:var(--ok)}.dot.off{background:#9aa9bb}.table{width:100%;border-collapse:collapse;font-size:15.5px}.table th{text-align:left;font-weight:600;color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.05em;padding:10px;border-bottom:1.5px solid var(--line)}.table td{padding:14px 10px;border-bottom:1px solid var(--line);vertical-align:middle}.table tr:last-child td{border-bottom:0}.cell-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.player-page{min-height:100%;background:linear-gradient(160deg,#0a1f36,#11385e 60%,#164b78);display:flex;flex-direction:column}.player-main{flex:1;display:flex;align-items:center;justify-content:center;padding:20px}.player-frame{position:relative;width:min(100%,1100px);aspect-ratio:16 / 9;background:#04101d;border-radius:16px;overflow:hidden;box-shadow:0 34px 90px #0000008c}.player-frame.audio{aspect-ratio:16 / 7;display:flex;align-items:center;justify-content:center}.player-video,.player-audio{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.player-video{object-fit:contain;background:#04101d}.player-audio{opacity:0;pointer-events:none}.player-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:16px 18px;background:linear-gradient(to bottom,rgba(2,10,20,.72),transparent);pointer-events:none;z-index:3}.live-badge{background:#e03131;color:#fff;font-size:12px;font-weight:750;letter-spacing:.09em;padding:4px 10px;border-radius:999px}.player-title{font-size:16px;color:#ffffffeb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:2;background:radial-gradient(circle at 50% 45%,#224a7859,#030c188c)}.player-overlay.play,.player-overlay.soft{align-items:flex-end;padding-bottom:7%}.player-overlay.soft{background:linear-gradient(to bottom,#04101d1a 45%,#04101dd1)}.player-message{text-align:center;padding:24px;color:#eaf1f8}.player-message-title{font-size:21px;font-weight:650;margin:0 0 8px}.player-message .muted{color:#b7c7d8}.play-button{width:96px;height:96px;border-radius:50%;border:2px solid rgba(255,255,255,.55);background:#ffffff24;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .12s ease,background .12s ease}.play-button:hover{transform:scale(1.05);background:#ffffff3d}.play-button svg{width:40px;height:40px}.spinner{width:38px;height:38px;border-radius:50%;border:3.5px solid rgba(255,255,255,.28);border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.player-controls{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(to top,rgba(2,10,20,.75),transparent);z-index:3}.control-button{width:44px;height:36px;border:0;border-radius:10px;background:#ffffff29;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.control-button:disabled{opacity:.3;cursor:default}.player-footer{display:flex;justify-content:center;padding:12px 0 22px;color:#b7c7d8}.player-missing{text-align:center;color:#eaf1f8}.player-missing .muted{color:#b7c7d8}.audio-card{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:20px}.audio-icon{width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4a86c9,#1d5ba5 70%);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 16px 40px #0312248c}.audio-icon svg{width:44px;height:44px}.audio-title{font-size:22px;font-weight:650;color:#f2f7fc;margin:0}.audio-sub{font-size:15px;color:#b7c7d8;margin:0}.equalizer{display:flex;align-items:flex-end;gap:5px;height:34px}.equalizer span{width:6px;border-radius:3px;background:#6fa8dc;animation:eq 1s ease-in-out infinite}.equalizer span:nth-child(2){animation-delay:.15s}.equalizer span:nth-child(3){animation-delay:.3s}.equalizer span:nth-child(4){animation-delay:.45s}.equalizer span:nth-child(5){animation-delay:.6s}@keyframes eq{0%,to{height:8px}50%{height:32px}}.equalizer.paused span{animation-play-state:paused;height:10px}.audit-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;max-height:280px;overflow:auto}.user-form{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.user-form .field{flex:1;min-width:180px}[data-theme=dark]{--bg-top: #0c141e;--bg-bottom: #0a1119;--surface: #131c27;--surface-2: #1a2532;--line: #26313f;--ink: #e8eef5;--muted: #94a3b5;--brand: #4f8fce;--brand-strong: #3d7cba;--brand-soft: #172433;--shadow: 0 10px 30px rgba(0, 0, 0, .35)}[data-theme=dark] .auth-page{background:linear-gradient(165deg,#071320,#0c2236 55%,#123a55)}[data-theme=dark] .code{color:#cfe0f2}[data-theme=dark] .input::placeholder{color:#6f8196}[data-theme=dark] .btn-ghost:hover{background:#1d2b3c}.icon-btn{width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn:hover{background:var(--brand-soft);color:var(--brand-strong)}.theme-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}.theme-btn{width:32px;height:32px;border:0;border-radius:999px;background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s ease,color .12s ease}.theme-btn:hover{color:var(--brand);background:var(--brand-soft)}.theme-btn.active{background:var(--brand);color:#fff}.avatar-menu{position:relative}.avatar{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--brand);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.avatar:hover{filter:brightness(1.08)}.menu{position:absolute;right:0;top:calc(100% + 8px);min-width:200px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 40px #0a1e3c38;padding:8px;z-index:20}.menu-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px 10px;border-bottom:1px solid var(--line);margin-bottom:6px;font-size:15px;font-weight:600}.menu-item{display:block;width:100%;text-align:left;background:none;border:0;border-radius:10px;padding:10px 12px;font-size:15.5px;color:var(--ink);cursor:pointer}.menu-item:hover{background:var(--brand-soft);color:var(--brand-strong)}.segmented{display:inline-flex;border:1.5px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}.segmented label{display:flex;align-items:center;gap:8px;padding:11px 18px;cursor:pointer;font-size:15.5px;border-right:1.5px solid var(--line)}.segmented label:last-child{border-right:0}.segmented input{display:none}.segmented label.active{background:var(--brand-soft);color:var(--brand-strong);font-weight:650}.upload-preview{width:100%;aspect-ratio:16 / 9;border-radius:12px;border:1.5px dashed var(--line);background:var(--surface-2);object-fit:cover;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14.5px}.upload-preview.square{width:140px;aspect-ratio:1}.upload-preview.placeholder{border-style:dashed}.thumb{object-fit:cover;border-radius:8px;border:1px solid var(--line);background:var(--surface-2);display:inline-block;flex:none}.poster-thumb{width:96px;height:54px;margin-right:12px}.poster-thumb.big{width:300px;height:169px;margin-right:0;border-radius:12px}@media(max-width:640px){.poster-thumb.big{width:100%;height:auto;aspect-ratio:16 / 9}}.spinner-xs{display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:spin .7s linear infinite;margin-right:6px;vertical-align:-2px}.blink-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#e03131;box-shadow:0 0 0 2px #e0313140;animation:blink 1s steps(2,start) infinite;margin-right:6px;vertical-align:middle}.blink-dot.hidden{animation:none;opacity:.25;background:#9aa9bb;box-shadow:none}@keyframes blink{50%{opacity:.15}}.regia-preview-wrap{position:relative;width:360px;flex:none}@media(max-width:720px){.regia-preview-wrap{width:100%}}.regia-preview-wrap .regia-preview{width:100%}.live-corner{position:absolute;top:8px;right:8px;display:flex;align-items:center;background:#030c18b8;color:#fff;font-size:11.5px;font-weight:750;letter-spacing:.08em;padding:4px 9px;border-radius:999px}.share-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--brand-soft);border:1.5px solid #bcd6ef;border-radius:12px;padding:12px 14px;margin-bottom:16px}[data-theme=dark] .share-row{background:#16273a;border-color:#29455f}.share-row .share-url{flex:1;min-width:220px;background:#fff;font-size:14.5px;padding:10px 12px}[data-theme=dark] .share-row .share-url{background:#0f1b27}.share-row .btn-primary{padding:12px 22px;font-size:16px}.regia{display:flex;gap:18px;align-items:stretch;flex-wrap:wrap;border:1.5px dashed var(--line);border-radius:14px;padding:14px;background:var(--surface-2)}.regia-preview{width:360px;aspect-ratio:16 / 9;border-radius:12px;background:#04101d;object-fit:cover;flex:none}.regia-preview.empty{display:flex;align-items:center;justify-content:center;color:#8fa6ba;border:1px solid #22303c}@media(max-width:720px){.regia-preview{width:100%}}.regia-actions{display:flex;flex-direction:column;gap:12px;justify-content:center;min-width:220px;flex:1}.thumb.placeholder{border-style:dashed;background:var(--surface-2)}.btn-online,.btn-stop{width:100%;min-width:200px;padding:16px 18px;font-size:18px;font-weight:750;letter-spacing:.06em;color:#fff;border:0}.btn-online{background:#2f9e44}.btn-online:hover:not(:disabled){background:#28873a}.btn-stop{background:#c92a2a}.btn-stop:hover:not(:disabled){background:#ab2020}.btn-online:disabled,.btn-stop:disabled{opacity:.45}.recovery-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0;padding-left:20px;font-family:var(--mono);font-size:15px}.recovery-list code{background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:2px 8px}.swatch{width:54px;height:34px;border-radius:9px;border:2px solid transparent;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff40}.swatch.active{border-color:var(--brand);outline:2px solid rgba(29,91,165,.25)}.pub-preview{width:min(280px,100%);border-radius:10px;border:1px solid var(--line);background:#04101d}.online-timer{margin-left:auto;display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;background:color-mix(in srgb,currentColor 8%,transparent);border:1px solid color-mix(in srgb,currentColor 18%,transparent);font-size:13px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:.3px;white-space:nowrap}.pill.viewers{background:transparent;border:1px solid color-mix(in srgb,currentColor 22%,transparent);font-weight:550;font-variant-numeric:tabular-nums}.player-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#060e188c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.modal{width:min(520px,100%);box-shadow:0 30px 80px #00000073}.poster-wrap{position:relative;display:inline-block}.onair-badge{position:absolute;top:10px;right:10px;display:flex;align-items:center;background:#030c18c7;color:#fff;font-size:13px;font-weight:750;letter-spacing:.08em;padding:6px 12px;border-radius:999px}.log-view{margin:0;max-height:320px;overflow:auto;background:#0b1620;color:#cfe0f2;border:1px solid #22303c;border-radius:10px;padding:12px;font-family:var(--mono);font-size:12.5px;line-height:1.45;white-space:pre-wrap}.device-check{display:flex;gap:14px;align-items:center;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:12px}.device-preview{width:220px;aspect-ratio:4 / 3;border-radius:10px;background:#04101d;object-fit:cover}.mic-meter{height:14px;border-radius:999px;background:var(--surface);border:1px solid var(--line);overflow:hidden}.mic-meter span{display:block;height:100%;background:linear-gradient(90deg,#2f9e44,#8ac926,#d9a600);transition:width 90ms linear}