:root{--base:#f6f8fb;--surface:#ffffff;--surface-soft:#f0f5f8;--surface-strong:#e7eef4;--ink:#17202a;--ink-strong:#07111f;--muted:#617182;--line:#d9e2eb;--line-strong:#b9c8d6;--primary:#1f6feb;--primary-strong:#174ea6;--primary-soft:#e8f1ff;--accent:#0f9f8f;--accent-soft:#e6f7f4;--warning:#b7791f;--warning-soft:#fff7e6;--danger:#c24132;--danger-soft:#fff0ee;--success:#137a4b;--success-soft:#eaf8f0;--neutral-soft:#eef2f6;--shadow:0 18px 45px rgba(30,54,82,.10);--shadow-soft:0 8px 24px rgba(30,54,82,.08);--radius:8px;--radius-sm:6px}*{box-sizing:border-box}html{background:var(--base)}body{margin:0;min-height:100vh;background:linear-gradient(180deg,rgba(31,111,235,.08),transparent 320px),radial-gradient(circle at 84% 10%,rgba(15,159,143,.1),transparent 340px),var(--base);color:var(--ink);font-family:Aptos,Segoe UI,Helvetica Neue,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}input,select{color:var(--ink)}input:disabled,select:disabled{cursor:not-allowed;opacity:.68}h1,h2,h3,p{overflow-wrap:anywhere}h1{color:var(--ink-strong);letter-spacing:0}.shell{width:min(1240px,calc(100% - 32px));margin:0 auto;padding:22px 0 48px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0 22px}.topbar.compact{padding:0}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--ink-strong);font-weight:850}.mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,var(--surface),var(--primary-soft));color:var(--primary);box-shadow:var(--shadow-soft)}.actions{display:flex;flex-wrap:wrap;gap:10px}.actions,.button{align-items:center}.button{display:inline-flex;justify-content:center;gap:8px;min-height:42px;min-width:42px;padding:0 15px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);cursor:pointer;position:relative;font-weight:750;transition:transform .1s ease,border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease,opacity .16s ease;box-shadow:0 1px 0 rgba(14,31,53,.05)}.button:hover:not(:disabled){border-color:var(--primary);box-shadow:0 10px 24px rgba(31,111,235,.12)}.button:active:not(:disabled){transform:translateY(1px) scale(.99);box-shadow:none}.button:focus-visible,.check-option:focus-within,.control-button:focus-visible,.field input:focus,.field select:focus,.track-select select:focus{outline:3px solid rgba(31,111,235,.18);outline-offset:2px}.button.primary{background:var(--primary);border-color:var(--primary);color:white}.button.primary:hover:not(:disabled){background:var(--primary-strong);border-color:var(--primary-strong)}.button.active{background:var(--success-soft);border-color:rgba(19,122,75,.42);color:var(--success)}.button.danger{background:var(--danger-soft);border-color:rgba(194,65,50,.42);color:var(--danger)}.button.off{background:var(--neutral-soft);border-color:var(--line);color:var(--muted)}.button.ghost{background:transparent;box-shadow:none}.button.is-disabled,.button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.button.active:disabled{opacity:.9}.button.is-busy{pointer-events:none}.button.is-busy:after{content:"";width:12px;height:12px;border:2px solid;border-right:2px solid transparent;border-radius:999px;animation:spin .8s linear infinite}.button[aria-pressed=true]{box-shadow:inset 0 -3px 0 rgba(7,17,31,.1)}.button-state{font-size:12px;font-weight:750;color:inherit;opacity:.78}@keyframes spin{to{transform:rotate(1turn)}}.control-grid{display:grid;grid-template-columns:repeat(4,minmax(122px,1fr));grid-gap:10px;gap:10px}.control-button{display:grid;grid-template-columns:24px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;grid-gap:2px 10px;gap:2px 10px;min-height:70px;padding:11px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);text-align:left;cursor:pointer;box-shadow:0 1px 0 rgba(14,31,53,.05);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.control-button:hover:not(:disabled){border-color:var(--primary);box-shadow:var(--shadow-soft)}.control-button svg{grid-row:span 2}.control-button small,.control-button span{min-width:0;overflow-wrap:anywhere}.control-button span{font-weight:850}.control-button small{color:var(--muted)}.control-button.is-on{background:var(--success-soft);border-color:rgba(19,122,75,.38)}.control-button.is-off{background:var(--neutral-soft);color:var(--muted)}.control-button.is-neutral{background:var(--surface)}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:16px;gap:16px}.grid,.hero{display:grid}.hero{grid-template-columns:minmax(0,1.04fr) minmax(320px,.96fr);grid-gap:30px;gap:30px;align-items:center;min-height:calc(100vh - 116px);padding-bottom:34px}.hero h1{margin:0;max-width:820px;font-size:clamp(50px,8vw,108px);line-height:.92;letter-spacing:0}.hero p,.muted{color:var(--muted)}.hero p{max-width:680px;font-size:clamp(18px,2vw,22px);line-height:1.45}.signal-wall{min-height:420px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(90deg,rgba(23,32,42,.055) 1px,transparent 1px),linear-gradient(rgba(23,32,42,.055) 1px,transparent 1px),var(--surface);background-size:34px 34px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.product-signal{display:grid;align-content:end;padding:22px}.signal-wall:after{content:"";position:absolute;inset:14%;border:2px solid rgba(31,111,235,.65);box-shadow:0 0 0 18px rgba(31,111,235,.06);transform:skewY(-6deg)}.signal-console{position:relative;z-index:1;display:grid;grid-gap:10px;gap:10px}.signal-console div{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:0 14px;border:1px solid rgba(31,111,235,.24);border-radius:var(--radius-sm);background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.signal-console span{color:var(--accent);font-weight:850}.signal-icon{position:absolute;right:30px;top:26px;color:var(--primary);opacity:.72}.card,.panel{border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.94);padding:18px;box-shadow:var(--shadow-soft)}button.card{color:var(--ink);text-align:left;cursor:pointer}.card:hover,.panel:hover{border-color:var(--line-strong)}.action-card.is-active{border-color:rgba(31,111,235,.48);background:var(--primary-soft)}.action-card.is-off{background:var(--neutral-soft);color:var(--muted)}.card h2,.card h3,.panel h1,.panel h2{margin-top:0}.panel h1{margin-bottom:8px;font-size:clamp(30px,4vw,48px)}.card h2,.card h3,.panel h2{margin-bottom:12px}.console{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(300px,360px);grid-gap:18px;gap:18px;align-items:start}.video-frame{position:relative;aspect-ratio:16/9;width:100%;background:#07111f;border:1px solid var(--line);border-radius:var(--radius);display:grid;place-items:center;overflow:hidden;box-shadow:var(--shadow)}video{width:100%;height:100%;object-fit:cover}.subtitle{max-height:38%;padding:14px 18px;border-radius:var(--radius);background:rgba(7,17,31,.76);color:white;font-size:clamp(20px,3vw,36px);line-height:1.18;text-align:center;white-space:pre-line;overflow:hidden;box-shadow:0 18px 44px rgba(0,0,0,.26)}.video-frame>.subtitle{position:absolute;left:5%;right:5%;bottom:5%;z-index:2}.stack{display:grid;grid-gap:14px;gap:14px}.auth-shell{min-height:100vh}.auth-panel{grid-template-columns:minmax(0,.9fr) minmax(280px,420px);grid-gap:32px;gap:32px;align-items:start;max-width:940px;margin:42px auto 0}.access-panel,.auth-panel{display:grid;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.95);box-shadow:var(--shadow)}.access-panel{grid-gap:14px;gap:14px;max-width:640px;margin:64px auto 0}.access-panel h1,.auth-panel h1{margin:12px 0;line-height:1}.access-panel h1{font-size:clamp(30px,5vw,56px)}.auth-panel h1{font-size:clamp(36px,6vw,68px)}.field{display:grid;grid-gap:7px;gap:7px}.field span,.track-select span{color:var(--muted);font-size:14px;font-weight:750}.field input,.field select,.track-select select{min-height:44px;width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:0 12px;outline:none}.field input::placeholder{color:#9aa8b6}.field input:focus,.field select:focus,.track-select select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(31,111,235,.14)}.error-text,.warning-text{margin:0;overflow-wrap:anywhere;border-radius:var(--radius-sm);padding:10px 12px}.error-text{color:var(--danger);background:var(--danger-soft);border:1px solid rgba(194,65,50,.2)}.warning-text{color:var(--warning);background:var(--warning-soft);border:1px solid rgba(183,121,31,.22)}.text-link{color:var(--primary);font-weight:850}.member-form,.settings-row{display:grid;grid-gap:10px;gap:10px;align-items:end}.member-form{grid-template-columns:minmax(220px,1fr) minmax(150px,190px) auto}.settings-row{grid-template-columns:minmax(170px,1fr) minmax(120px,160px) auto}.language-picker{display:flex;flex-wrap:wrap;gap:10px}.language-checkbox-grid{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));grid-gap:8px;gap:8px}.check-option{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;grid-gap:10px;gap:10px;min-height:44px;padding:9px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.check-option:hover{border-color:var(--primary);box-shadow:0 8px 18px rgba(31,111,235,.08)}.check-option input{width:16px;height:16px;accent-color:var(--primary)}.check-option span{min-width:0;overflow-wrap:anywhere}.check-option.is-selected{border-color:rgba(31,111,235,.5);background:var(--primary-soft)}.check-option.is-disabled{cursor:not-allowed;color:var(--muted);background:var(--neutral-soft)}.output-card .topbar{align-items:flex-start}.member-list{display:grid;grid-gap:8px;gap:8px}.member-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid var(--line)}.member-row p{margin:3px 0 0}.capture-preview{min-height:360px}.audio-meter{height:12px;overflow:hidden;border:1px solid var(--line);border-radius:999px;background:var(--neutral-soft)}.audio-meter span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--primary));transition:width .12s linear}.audio-mix-card{display:grid;grid-gap:10px;gap:10px}.watch-view{grid-template-rows:1fr auto}.audience-view,.watch-view{min-height:100vh;display:grid;background:#07111f}.audience-view{grid-template-rows:minmax(0,1fr) auto;color:white}.audience-player{width:min(100vw,150vh);align-self:center;justify-self:center;border:0;border-radius:0;box-shadow:none}.audience-player:-webkit-full-screen{width:100vw;height:100vh;aspect-ratio:auto;background:#07111f}.audience-player:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;background:#07111f}.audience-player:-webkit-full-screen video{object-fit:contain}.audience-player:fullscreen video{object-fit:contain}.fullscreen-toggle{position:absolute;top:14px;right:14px;z-index:4;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.34);border-radius:999px;background:rgba(7,17,31,.72);color:white;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fullscreen-toggle:hover{background:rgba(7,17,31,.92)}.audience-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;padding:14px 16px;border-top:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.94);color:var(--ink)}.watch-video{position:relative;display:grid;place-items:center;min-height:0}.watch-video video{width:100%;height:100%;object-fit:cover}.watch-empty{position:absolute;inset:0;display:grid;place-items:center;padding:24px;color:#dbe7f3;text-align:center;background:#07111f}.track-select{display:inline-grid;grid-template-columns:auto minmax(150px,220px);gap:8px;align-items:center}.volume-control{display:grid;grid-template-columns:auto minmax(110px,170px) 44px;grid-gap:8px;gap:8px;align-items:center;min-height:42px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.82);color:var(--ink)}.volume-control.featured{border-color:rgba(19,122,75,.28);background:var(--success-soft)}.volume-control span,.volume-control strong{font-size:12px;font-weight:900;text-transform:uppercase}.volume-control input{width:100%;accent-color:var(--accent)}.volume-control input:disabled{opacity:.45}.kv{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--line)}.badge,.kv{align-items:center}.badge{display:inline-flex;gap:6px;min-height:28px;padding:0 9px;border:1px solid var(--line);border-radius:999px;background:var(--neutral-soft);color:var(--muted);font-size:13px;font-weight:800;white-space:nowrap}.badge.good{border-color:rgba(19,122,75,.28);background:var(--success-soft);color:var(--success)}.badge.off{border-color:var(--line);background:var(--neutral-soft);color:var(--muted)}.badge.warn{border-color:rgba(183,121,31,.25);background:var(--warning-soft);color:var(--warning)}.badge.error{border-color:rgba(194,65,50,.25);background:var(--danger-soft);color:var(--danger)}.output-subtitle{position:absolute;left:8%;right:8%;bottom:9%}.output-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;padding:16px;background:rgba(255,255,255,.94);border-top:1px solid var(--line)}.chat-panel{display:grid;grid-gap:12px;gap:12px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.96);color:var(--ink);box-shadow:var(--shadow);padding:14px}.chat-panel.is-compact{width:min(420px,calc(100vw - 24px));max-height:min(640px,calc(100vh - 110px))}.chat-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.chat-header h2{margin:0 0 6px;color:var(--ink-strong);font-size:20px}.chat-close{width:38px;padding:0}.chat-messages{display:grid;align-content:start;grid-gap:10px;gap:10px;min-height:220px;max-height:360px;overflow:auto;padding:4px 2px}.chat-empty{align-self:center;justify-self:center;text-align:center}.chat-message{display:grid;grid-gap:6px;gap:6px;max-width:92%;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft)}.chat-message.is-moderator{justify-self:end;border-color:rgba(31,111,235,.28);background:var(--primary-soft)}.chat-message.is-system{justify-self:center;background:var(--warning-soft)}.chat-message-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px}.chat-message-meta strong{color:var(--ink-strong)}.chat-message-meta span{color:var(--muted);font-weight:750}.chat-message p{margin:0;line-height:1.4;white-space:pre-wrap}.chat-form{display:grid;grid-gap:8px;gap:8px}.chat-form input,.chat-form textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);padding:10px 12px;resize:vertical}.chat-form input:focus,.chat-form textarea:focus{outline:3px solid rgba(31,111,235,.16);border-color:var(--primary)}.chat-form-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-widget{position:fixed;right:18px;bottom:18px;z-index:30}.chat-fab{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 16px;border:0;border-radius:999px;background:var(--primary);color:white;font-weight:850;box-shadow:var(--shadow);cursor:pointer}.chat-fab span{display:grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:white;color:var(--primary);font-size:12px}@media (max-width:980px){.console{grid-template-columns:1fr}}@media (max-width:820px){.auth-panel,.hero{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.topbar .actions{width:100%}.topbar .button{flex:1 1 150px}.control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:auto}.member-form,.settings-row{grid-template-columns:1fr}.language-checkbox-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.shell{width:min(100% - 20px,1240px);padding-top:14px}.actions,.output-controls{gap:8px}.button{width:100%}.control-grid,.language-checkbox-grid,.track-select{grid-template-columns:1fr}.volume-control{width:100%;grid-template-columns:72px minmax(0,1fr) 44px}.subtitle{left:3%;right:3%;bottom:4%;font-size:clamp(18px,6vw,28px)}.kv,.member-row{align-items:flex-start;flex-direction:column}.chat-widget{left:10px;right:10px;bottom:10px}.chat-panel.is-compact{width:100%;max-height:calc(100vh - 90px)}.chat-fab{width:100%;justify-content:center}}