: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}.top.stage-row,.room-grid{width:min(100%,calc((100dvh - 12rem) * 16 / 9 + 21rem));margin-inline:auto}.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;pointer-events:none}.stage-video::-webkit-media-controls,.stage-video::-webkit-media-controls-enclosure,.stage-video::-webkit-media-controls-panel,.stage-video::-webkit-media-controls-start-playback-button{display:none!important;opacity:0!important;pointer-events:none!important;-webkit-appearance:none}.stage-subs{position:absolute;left:8%;right:8%;bottom:6%;z-index:3;display:grid;justify-items:center;gap:.15rem;margin:0;pointer-events:none;font-size:26px;line-height:1.25;font-weight:650;text-align:center}.stage-subs span{max-width:100%;padding:.04em .35em;background:#000000b8;color:#fff;white-space:pre-line}.stage:fullscreen .stage-subs,.stage:-webkit-full-screen .stage-subs,.stage-row:fullscreen .stage-subs,.stage-row:-webkit-full-screen .stage-subs{font-size:30px}.room-grid>.stage-row:fullscreen,.room-grid>.stage-row:-webkit-full-screen,.stage-row:fullscreen,.stage-row:-webkit-full-screen{display:block;width:100%;height:100%;margin:0;background:#000}.stage-row:fullscreen .stage,.stage-row:-webkit-full-screen .stage{width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:auto;border-radius:0;box-shadow:none}.stage-row:fullscreen .chat-slot,.stage-row:-webkit-full-screen .chat-slot{position:absolute;top:50%;right:0;bottom:0;width:min(320px,38vw);z-index:4;min-height:0}.stage-row:fullscreen .chat,.stage-row:-webkit-full-screen .chat{position:absolute;top:0;right:0;bottom:0;left:0;min-height:0;height:auto;border-radius:18px 18px 0 0;padding-top:1.15rem;background:#0c0c0c94}.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;z-index:1}.stage-controls{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:2.25rem .8rem .6rem;background:linear-gradient(to top,#000000c7,#00000047 55%,#0000)}.stage-row:fullscreen .stage-controls,.stage-row:-webkit-full-screen .stage-controls{right:min(320px,38vw)}.stage-row:fullscreen.chat-off .chat-slot,.stage-row:-webkit-full-screen.chat-off .chat-slot{display:none}.stage-row:fullscreen.chat-off .stage-controls,.stage-row:-webkit-full-screen.chat-off .stage-controls{right:0}@media(hover:hover)and (pointer:fine){.stage-controls{opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .18s cubic-bezier(.23,1,.32,1),transform .18s cubic-bezier(.23,1,.32,1)}.stage:hover .stage-controls,.stage:focus-within .stage-controls,.stage.controls-hold .stage-controls{opacity:1;transform:translateY(0);pointer-events:auto}.stage-subs{transition:transform .18s cubic-bezier(.23,1,.32,1)}.stage:hover .stage-subs,.stage:focus-within .stage-subs,.stage.controls-hold .stage-subs{transform:translateY(-5.25rem)}.stage-row:fullscreen.controls-idle .stage-controls,.stage-row:-webkit-full-screen.controls-idle .stage-controls{opacity:0;pointer-events:none}.stage-row:fullscreen.controls-idle .stage-subs,.stage-row:-webkit-full-screen.controls-idle .stage-subs{transform:none}.stage-row:fullscreen.controls-idle,.stage-row:fullscreen.controls-idle *,.stage-row:-webkit-full-screen.controls-idle,.stage-row:-webkit-full-screen.controls-idle *{cursor:none}}@media(hover:none),(pointer:coarse){.stage-subs{transform:translateY(-5.25rem)}}@media(prefers-reduced-motion:reduce){.stage-controls,.stage-subs{transition:none}.stage-controls{transform:none}}.stage-center{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-content:center;justify-items:center;gap:.8rem;padding:1rem;pointer-events:none}.stage-center .stage-play{position:static;transform:none;pointer-events:auto}.stage-notice{pointer-events:auto;width:max-content;max-width:min(36rem,calc(100% - 2rem));display:grid;gap:.7rem;justify-items:center;padding:.9rem 1rem;background:#242424;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);text-align:center}.stage-notice-title{margin:0;font-weight:700}.stage-notice p{margin:0;overflow-wrap:anywhere}.stage-notice a{color:var(--ink)}.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}.transport.with-chat{grid-template-columns:auto auto minmax(0,1fr) 96px auto auto}.transport.no-play.with-chat{grid-template-columns:auto minmax(0,1fr) 96px auto 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}.transport.with-chat{grid-template-columns:auto auto minmax(0,1fr) auto auto}.transport.no-play.with-chat{grid-template-columns:auto minmax(0,1fr) auto auto}}.transport button.chat-toggle{height:48px;min-height:48px;padding:0 .85rem;white-space:nowrap}.play{width:48px;min-width:48px;padding:0;display:inline-grid;place-items:center}.play-mark{width:22px;height:22px;display:block}.play-mark-start{transform:translate(2px)}.transport button.full{width:48px;min-width:48px;padding:0;display:inline-grid;place-items:center}.full-mark{width:26px;height:26px;display:block}.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}.chat-popup{position:absolute;left:0;right:0;bottom:calc(100% + .4rem);z-index:4;padding:.55rem .75rem;background:#242424;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.chat-popup ul{list-style:none;margin:0;padding:0;display:grid;gap:.3rem}.chat-popup li{margin:0;overflow-wrap:anywhere}.popup-anchor,.delete-anchor{position:relative}.delete-anchor>button{display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box}.popup-anchor .chat-popup{left:50%;right:auto;width:max-content;max-width:calc(100vw - 2rem);transform:translate(-50%);display:grid;gap:.55rem;padding:.45rem .7rem .5rem;justify-items:center}.popup-anchor .chat-popup p{margin:0;white-space:nowrap}.popup-anchor .chat-popup .confirm{width:100%;justify-content:center}.popup-anchor .chat-popup button{min-height:36px}.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)}button.farma-download,a.farma-download{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;border:1px solid var(--line);border-radius:999px;padding:.7rem 1.1rem;background:transparent;color:var(--ink);font-weight:650;text-decoration:none;box-sizing:border-box}.farma-download-hint{color:var(--muted)}.drop small,.chat-system{color:var(--muted);overflow-wrap:anywhere}.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.chat-pinned{grid-template-rows:auto minmax(0,1fr) auto}.chat-pin{margin:0;max-height:4.6rem;overflow:auto;padding:.55rem .75rem;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--ink);overflow-wrap:anywhere}.chat-people{margin:0;display:flex;justify-content:space-between;align-items:flex-end;gap:.75rem;width:100%;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;margin-right:-.9rem;padding-right:.9rem;overflow:auto;overflow-anchor:none;overscroll-behavior:contain;scroll-behavior:auto!important;scrollbar-width:thin;scrollbar-color:rgba(236,236,236,.75) transparent}.chat-log::-webkit-scrollbar{width:8px}.chat-log::-webkit-scrollbar-track{background:transparent}.chat-log::-webkit-scrollbar-thumb{background:#ecececbf;border-radius:999px}@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{position:relative;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-spacer{flex:1 0 auto}.chat-log-inner{display:flex;flex-direction:column;gap:.35rem;flex:0 0 auto}.chat-line,.chat-system{margin:0;overflow-wrap:anywhere}.chat-mention{background:#e0787847;padding:0}.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-compose{display:grid;gap:.35rem;min-width:0}.chat-commands{margin:0;color:var(--muted);font-size:.92rem;font-weight:500;line-height:1.2;text-align:start}.chat-error{margin:0}.chat-field{position:relative;flex:1 1 auto;min-width:0}.chat-field input{display:block;width:100%;max-width:100%;min-width:0}.chat-ghost{position:absolute;top:1px;right:1px;bottom:1px;left:1px;display:flex;align-items:center;padding:0 .75rem;font-size:16px;line-height:1;white-space:pre;overflow:hidden;pointer-events:none}.chat-ghost-typed{visibility:hidden}.chat-ghost-rest{color:var(--muted);opacity:.45}.chat-form{min-width:0}.chat-form{position:relative;display:flex;align-items:stretch;gap:.45rem;width:100%}.chat-form input{box-sizing:border-box;height:40px;min-height:40px;padding:0 .75rem}.emoji{position:static;display:flex;flex:0 0 40px;align-self:stretch}.emoji-open-mark{display:block;width:1.25rem;height:1.25rem;margin:0 auto;object-fit:contain}.emoji-open,.chat-send{-moz-appearance:none;appearance:none;-webkit-appearance:none;box-sizing:border-box;flex:0 0 40px;width:40px;min-width:40px;max-width:40px;height:40px;min-height:40px;margin:0;align-self:center;padding:0;-webkit-text-fill-color:initial}.chat-wait{font-size:.95rem;font-variant-numeric:tabular-nums}.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;left:0;right:0;bottom:calc(100% + .4rem);z-index:3;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.15rem;padding:.4rem;background:#242424;border:1px solid var(--line);border-radius:14px}.emoji-panel button{min-height:2.75rem;min-width:0;width:100%;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:10px;accent-color:var(--amber)}