:root{color-scheme:dark;--bg: #141414;--bg-raise: #1c1c1c;--ink: #d4d4d4;--muted: #a3a3a3;--line: rgba(255, 255, 255, .12);--amber: #bdbdbd;--amber-ink: #d4d4d4;--button: #2a2a2a;--danger: #e07a68;--shadow: 0 24px 60px rgba(0, 0, 0, .35);font-family:Avenir Next,Segoe UI,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;background:var(--bg);color:var(--ink)}*{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overscroll-behavior:none}html,body,#root{min-height:100%}body{margin:0}button,input{font:inherit;color:inherit}button,.drop,input,textarea,label{touch-action:manipulation}button,.drop{cursor:pointer;user-select:none;-webkit-user-select:none}:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.home{min-height:100dvh;display:grid;align-content:center;align-content:safe center;gap:1.25rem;max-width:36rem;margin:0 auto;padding:max(1.5rem,env(safe-area-inset-top)) max(1.25rem,env(safe-area-inset-right)) max(2.5rem,env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left))}@media(pointer:coarse){.room-gate input,.name-form input{scroll-margin-top:5rem;scroll-margin-bottom:40vh}}@media(pointer:coarse)and (orientation:portrait){.home{align-content:start}}.home h1{font-family:Palatino,Iowan Old Style,Georgia,serif;font-weight:500;font-size:clamp(2rem,5vw,3.2rem);line-height:1.15;margin:0;text-align:center}.room-index h2{margin:.5rem 0 0;font-size:1rem;font-weight:650}.room-index-empty{margin:.4rem 0 0;color:var(--muted)}.room-index ul{list-style:none;margin:.6rem 0 0;padding:0;display:grid;gap:.55rem}.room-index li{display:grid;gap:.1rem;padding:.6rem .7rem;border:1px solid var(--line);border-radius:14px;background:var(--bg-raise)}.room-index-actions{display:grid;gap:.35rem;margin-top:.4rem}.room-index-actions button{width:100%;min-height:48px;padding:.7rem .85rem}.room-gate{display:grid;gap:.45rem;margin-top:.35rem}.room-index strong{font-weight:650;overflow-wrap:anywhere}.room-index small{color:var(--muted)}.name-form,.picker form{display:grid;gap:.55rem}label{color:var(--muted);font-size:.92rem}input[type=text],input[type=password],input:not([type]),.name-form input,.picker-row input,.chat-form input{width:100%;min-height:48px;padding:.7rem .85rem;border-radius:12px;border:1px solid var(--line);background:var(--bg-raise);font-size:16px}button,.drop{min-height:48px;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:.7rem 1.1rem;background:var(--button);color:var(--amber-ink);font-weight:650}button.ghost,.top .ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.chat-form>button,.chat-form>.emoji>.emoji-open,.picker-row button,.transport button.ghost{background:transparent;color:#d4d4d4;-webkit-text-fill-color:#d4d4d4;border:1px solid var(--line)}button:active:not(:disabled),.chat-form>.emoji>.emoji-open:active:not(:disabled),.drop:active{background:#333}@media(hover:hover)and (pointer:fine){button:hover:not(:disabled),.chat-form>.emoji>.emoji-open:hover:not(:disabled),.emoji-panel button:hover,.drop:hover{background:#383838}}button:disabled{opacity:.55;cursor:default}.form-error{color:var(--danger);margin:.2rem 0 0}.room{min-height:100dvh;padding:max(.75rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1.25rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));display:grid;gap:.8rem;align-content:start}@media(orientation:landscape)and (max-height:520px){.home,.room{width:min(46rem,100%);margin-inline:auto;padding-left:max(1.25rem,env(safe-area-inset-left),env(safe-area-inset-right));padding-right:max(1.25rem,env(safe-area-inset-right),env(safe-area-inset-left))}.home,.room{align-content:center;align-content:safe center}}.top{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:center}.top-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;min-width:0;width:100%}.title-form{margin:0;display:flex;align-items:baseline;gap:0;flex:1;min-width:0}.title-form label{white-space:nowrap}.title-form input{flex:1;width:auto;min-width:0;min-height:0;height:auto;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:inherit;font:inherit;line-height:inherit}.people{display:flex;flex-wrap:wrap;gap:.4rem;margin:0;align-items:center}.viewer-title{margin:0;min-width:0;color:var(--ink);font-size:1.35rem;line-height:1.25;font-weight:500}.viewer-title-label{color:var(--muted);font-size:.92em;margin-right:.4rem}.banner,.note{margin:0;padding:.65rem .85rem;border-radius:12px;background:#242424}.banner.quiet{color:var(--muted)}.room-grid{display:grid;gap:1rem;align-content:start}@media(min-width:960px){.room{padding:1.25rem 1.5rem 2rem}.stage-row{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1rem;align-items:stretch}.top.stage-row{align-items:start}.top-bar{grid-column:1}.top>.chat-people{grid-column:2}.below-video .transport,.below-video .watch{grid-column:1}.chat-slot{position:relative;min-height:0}.chat{position:absolute;top:0;right:0;bottom:0;left:0;min-height:0;height:auto;align-content:stretch;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}}.watch{display:grid;gap:.75rem}.stage{position:relative;width:100%;min-width:0;max-width:100%;background:#0a0a0a;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:16 / 9}.stage-frame,.stage-video,.stage-embed,.stage-embed iframe{width:100%;height:100%}.stage-video{object-fit:contain;background:#000}.stage:fullscreen,.stage:-webkit-full-screen{width:100%;height:100%;max-width:none;aspect-ratio:auto;border-radius:0;background:#000}.stage-frame{position:relative}.stage-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;padding:1.5rem;text-align:center;color:var(--muted)}.stage-shade{position:absolute;top:0;right:0;bottom:0;left:0}.stage-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2}.transport{display:grid;grid-template-columns:auto auto minmax(0,1fr) 96px auto;gap:.6rem;align-items:center}.transport.no-play{grid-template-columns:auto minmax(0,1fr) 96px auto}@media(max-width:720px){.transport,.transport.no-play{display:flex;flex-wrap:wrap;align-items:center}.scrub,.volume{flex:1 1 7rem;min-width:0}.volume{display:flex}.transport .ghost{display:inline-flex}}@media(pointer:coarse){.volume{display:none}.transport{grid-template-columns:auto auto minmax(0,1fr) auto}.transport.no-play{grid-template-columns:auto minmax(0,1fr) auto}}.play{min-width:6.5rem}.time{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.92rem}.time-of{color:#8a8a8a}.volume input{width:100%;accent-color:var(--amber)}.scrub{position:relative;display:flex;align-items:center;width:100%;height:2.75rem;min-width:0;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.scrub-track{position:relative;flex:1;height:4px;margin:0 8px;border-radius:999px;background:#3a3a3a}.scrub-fill{position:absolute;left:0;top:0;bottom:0;border-radius:inherit;background:var(--amber);pointer-events:none}.scrub-thumb{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;background:#ececec;transform:translate(-50%,-50%);pointer-events:none}.scrub[aria-disabled=true]{opacity:.45}.picker,.chat{background:var(--bg-raise);border-radius:16px;padding:.9rem;display:grid;gap:.8rem}.picker-row{display:flex;gap:.5rem}.picker-row input{flex:1}.episode-status{color:var(--muted);margin-top:-.45rem}.drop{display:grid;gap:.15rem;justify-items:start;background:transparent;color:var(--ink);border:1px dashed var(--line);border-radius:14px;padding:.85rem 1rem}.drop input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.drop small,.chat-system{color:var(--muted)}.confirm{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.confirm p{margin:0;flex-basis:100%}.chat{min-height:420px;align-content:end;grid-template-rows:minmax(0,1fr) auto}.chat-people{margin:0;display:flex;align-items:flex-end;height:48px;color:var(--ink);font-size:1rem;font-weight:650;line-height:1;font-variant-numeric:tabular-nums;transform:translateY(.17em)}.chat-log{display:flex;flex-direction:column;min-height:0;overflow:auto;overflow-anchor:none;overscroll-behavior:contain}@media(max-width:959px){.room-grid,.room-grid>.stage-row{display:contents}.stage{order:2}.transport{order:3}.watch{order:4}.chat-slot{order:5}.chat{min-height:0}.chat-log{max-height:38vh;align-self:end}.top-bar{gap:.5rem}.top-bar>button{flex:1 1 0;min-width:0;padding:.55rem .7rem}.title-form,.top-bar>.viewer-title{flex-basis:100%}.picker-row{flex-wrap:wrap}.picker-row button{flex:1 1 100%}}.chat-log-inner{display:flex;flex-direction:column;gap:.55rem;margin-top:auto}.chat-line,.chat-system{margin:0;overflow-wrap:anywhere;contain:content}.chat-creator{height:1.15em;width:auto;margin-right:.28rem;vertical-align:-.22em;object-fit:contain}.chat-name{color:var(--amber);font-size:1em}.chat-name.creator{color:#e05a5a}.chat-log,.chat-compose{display:grid;gap:.35rem;min-width:0}.chat-error{margin:0}.chat-form{min-width:0}.chat-form{position:relative;display:flex;align-items:stretch;gap:.45rem;width:100%}.chat-form input{flex:1;width:auto;min-width:0;box-sizing:border-box;height:40px;min-height:40px;padding:0 .75rem}.emoji{position:relative;display:flex;flex:0 0 auto;align-self:stretch}.emoji-open-mark{display:block;width:1.25rem;height:1.25rem;margin:0 auto;object-fit:contain}.emoji-open,.chat-send{box-sizing:border-box;width:40px;min-width:40px;height:auto;min-height:0;align-self:stretch;padding:0;-webkit-text-fill-color:initial}.chat-send svg{display:block;width:1.15rem;height:1.15rem;margin:0 auto;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}.emoji-panel{position:absolute;right:0;bottom:calc(100% + .4rem);z-index:3;display:grid;grid-template-columns:repeat(6,2.75rem);gap:.15rem;padding:.4rem;background:#242424;border:1px solid var(--line);border-radius:14px}.emoji-panel button{min-height:2.75rem;min-width:2.75rem;padding:0;border:0;border-radius:8px;background:transparent;font-weight:400;font-size:1.2rem;line-height:1;color:inherit;-webkit-text-fill-color:initial}.emoji-panel button[data-hint]{position:relative}.emoji-panel button[data-hint]:hover:after{content:attr(data-hint);position:absolute;left:50%;bottom:calc(100% + .2rem);transform:translate(-50%);z-index:4;padding:.15rem .4rem;border:1px solid var(--line);border-radius:6px;background:#141414;color:#d4d4d4;-webkit-text-fill-color:#d4d4d4;font-size:.875rem;font-weight:500;line-height:1.2;white-space:nowrap;pointer-events:none}.emoji-custom,.chat-custom{display:inline-block;width:auto;object-fit:contain;vertical-align:-.35em}.emoji-custom{height:1.55rem}.chat-custom{height:1.35em}progress{width:100%;height:6px;accent-color:var(--amber)}