:root{color-scheme:light;font-family:Mulish,Arial,sans-serif;background:#f7f8f6;color:#111614;--bg: #f7f8f6;--text: #111614;--muted: #737d77;--accent: #36c84b;--accent-soft: rgba(54, 200, 75, .1);--dark: #0b100f;--border: #dde1dd;--surface: #ffffff;--shadow: 0 12px 35px rgba(4, 6, 6, .1)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg)}button,input{font:inherit}button{border:1px solid var(--border);background:var(--surface);border-radius:10px;min-height:44px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--text);cursor:pointer;transition:.18s ease}button:hover:not(:disabled){transform:translateY(-1px);border-color:#bfc6c0}button:disabled{opacity:.45;cursor:not-allowed}input{width:100%;border:1px solid var(--border);border-radius:10px;min-height:48px;padding:0 14px;outline:none;background:#fff;color:var(--text)}input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.primary{color:#fff;background:var(--accent);border-color:var(--accent);font-weight:800}.entry-shell{min-height:100svh;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom))}.entry-card{width:min(470px,100%);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;padding:28px}.entry-card p{color:var(--muted);line-height:1.55}.entry-card label,.media-input{display:grid;gap:8px;font-weight:800}.entry-actions{margin-top:18px;display:flex}.brand{display:inline-flex;align-items:center;gap:12px}.brand h1,.brand strong{margin:0;font-size:25px;letter-spacing:0}.brand-mark{width:42px;height:42px;border-radius:50%;background:var(--accent);color:#fff;display:inline-grid;place-items:center}.room-shell{min-height:100svh;padding:max(14px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom))}.topbar{min-height:78px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:14px 18px;display:grid;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:20px}.room-code{min-height:46px;display:inline-flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:10px;padding:0 14px;color:var(--muted)}.room-code b{color:var(--text)}.ws{justify-self:end;display:inline-flex;align-items:center;gap:8px;color:var(--muted)}.ws.ok{color:#129a28}.icon-button{width:44px;padding:0}.room-grid{display:grid;grid-template-columns:minmax(0,1fr) 470px;gap:18px;margin-top:18px;align-items:start}.stage{display:grid;gap:18px;min-width:0}.video-frame{background:var(--dark);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;aspect-ratio:16 / 9;position:relative;isolation:isolate}.provider-mount,.provider-frame,.provider-frame iframe,.provider-mount iframe{width:100%;height:100%}.provider-mount{position:absolute;inset:0}.provider-mount>div,.provider-mount>iframe{width:100%!important;height:100%!important}.provider-frame{border:0;display:block}.custom-controllable iframe{pointer-events:none}.native-player-hint{position:absolute;left:14px;bottom:14px;z-index:2;max-width:calc(100% - 28px);padding:8px 10px;border-radius:10px;background:#0b100fb8;color:#ffffffe6;font-size:13px;font-weight:800;pointer-events:none}.empty-video{width:100%;height:100%;display:grid;place-content:center;justify-items:center;gap:12px;color:#fff;text-align:center}.empty-video span{color:#ffffffad}.unlock{position:absolute;left:50%;bottom:22px;transform:translate(-50%);background:#fff;box-shadow:var(--shadow);white-space:nowrap}.controls,.panel,.debug,.capability-warning{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.controls{padding:18px 20px;display:grid;gap:18px}.media-input>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.player-overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background:linear-gradient(180deg,#0b100f00 46%,#0b100fd1);opacity:0;transition:opacity .18s ease}.video-frame:hover .player-overlay,.video-frame:focus-within .player-overlay{opacity:1}.center-play{position:absolute;left:50%;top:50%;width:74px;height:74px;min-height:74px;padding:0;border-radius:50%;transform:translate(-50%,-50%);color:#fff;background:#0b100f8c;border-color:#ffffff73;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.center-play:hover:not(:disabled){transform:translate(-50%,-50%) scale(1.03)}.player-controls{width:100%;padding:0 18px 16px;display:grid;gap:10px}.progress-row{display:grid;min-height:18px;align-items:center}.progress-slider{min-height:18px;padding:0;accent-color:var(--accent);background:transparent;border:0;box-shadow:none}.control-row{min-height:44px;display:flex;align-items:center;gap:8px}.control-row button{width:42px;min-height:42px;padding:0;color:#fff;background:#ffffff1f;border-color:#ffffff2e}.control-row .play-button{background:var(--accent);border-color:var(--accent)}.timecode{min-width:120px;font-size:14px;font-weight:800;color:#ffffffeb}.player-spacer{flex:1}.sync-chip{min-height:34px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border-radius:10px;background:#36c84b29;color:#dcffe2;font-weight:900;font-size:13px}.ghost-control:disabled{opacity:.68}.live-progress{display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:12px;font-weight:900}.live-progress span{width:8px;height:8px;border-radius:50%;background:#ff3b30}.side{display:grid;gap:18px;min-width:0}.panel{overflow:hidden}.panel h2{min-height:62px;margin:0;padding:0 18px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);font-size:18px}.participants{max-height:380px;overflow:auto}.participant{min-height:76px;display:grid;grid-template-columns:42px minmax(0,1fr) auto auto auto;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid var(--border)}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:#13942a;font-weight:900}.person-main{display:grid;gap:4px;min-width:0}.person-main b,.person-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-main span{color:var(--muted);font-size:14px}.role-icon{color:var(--muted)}.role-icon.host{color:#d99a00}.role-icon.muted{color:#b6bdb8}.mini{min-height:32px;padding:0 9px;font-size:12px}.mini.danger{color:#af1d1d}.chat{min-height:430px;display:grid;grid-template-rows:auto 1fr auto}.messages{padding:14px 18px;overflow:auto;display:grid;align-content:start;gap:12px;max-height:410px}.chat-message{display:grid;grid-template-columns:1fr auto;gap:4px 12px}.chat-message b{color:#148f2a}.chat-message span{grid-column:1 / -1;line-height:1.45}time{color:var(--muted);font-size:12px}.system-message{color:var(--muted);background:var(--accent-soft);border-radius:10px;padding:8px 10px;display:flex;justify-content:space-between;gap:10px}.chat-input{display:grid;grid-template-columns:1fr 52px;gap:8px;padding:14px 18px;border-top:1px solid var(--border)}.mobile-tabs{display:none}.capability-warning,.toast{margin-top:14px;padding:13px 16px;color:#856000;background:#fff8df;border-color:#f0df9b}.toast{position:fixed;right:18px;bottom:18px;max-width:360px;background:var(--dark);color:#fff;border-radius:10px;padding:12px 14px;box-shadow:var(--shadow)}.debug{margin-top:18px;padding:0}.debug summary{min-height:62px;display:flex;align-items:center;gap:10px;padding:0 18px;cursor:pointer;font-weight:900}.debug summary span{color:var(--muted);border:1px solid var(--border);border-radius:7px;padding:4px 8px;font-size:12px}.debug-grid{border-top:1px solid var(--border);padding:14px 18px 18px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;color:var(--muted);font-size:13px}.error{color:#af1d1d;font-weight:800}@media(max-width:1100px){.room-grid{grid-template-columns:1fr}.side{grid-template-columns:1fr 1fr}}@media(max-width:760px){.room-shell{padding-left:10px;padding-right:10px}.topbar{grid-template-columns:1fr auto auto;gap:10px}.topbar .room-code,.topbar .ws{grid-column:1 / -1;justify-self:stretch}.brand strong{font-size:20px}.video-frame{border-radius:10px;max-height:min(58svh,420px)}.player-overlay{opacity:1}.center-play{width:58px;height:58px;min-height:58px}.player-controls{padding:0 10px 10px;gap:7px}.control-row{gap:6px;min-height:38px}.control-row button{width:38px;min-height:38px}.timecode{min-width:auto;font-size:12px}.sync-chip{display:none}.media-input>div{grid-template-columns:1fr}.side{grid-template-columns:1fr}.mobile-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:8px}.mobile-tabs button.selected{background:var(--accent-soft);color:#129a28;border-color:#36c84b59}.mobile-hidden{display:none}.participant{grid-template-columns:38px minmax(0,1fr) auto}.participant .mini{grid-column:2 / -1;width:100%}.debug-grid{grid-template-columns:1fr}.unlock{width:calc(100% - 28px);white-space:normal}}