:root{--background:#fff;--foreground:#111;--muted:#666;--focus:#ffff8d}*{box-sizing:border-box}[hidden]{display:none!important}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:auto;text-rendering:auto;margin:0;font-family:Times New Roman,Times,serif;font-size:17px;line-height:1.3}button,input,textarea,.room-join-link{color:var(--foreground);font:inherit;background:#fff;border:1px solid #000;border-radius:0}button,.room-join-link{cursor:pointer;background:#efefef;min-height:1.75rem;padding:.125rem .5rem}button:active,.room-join-link:active{background:#ddd}button:disabled,.room-join-link[aria-disabled=true]{color:#777;cursor:not-allowed}input,textarea{min-height:1.75rem;padding:.2rem .3rem}input[type=range]{cursor:pointer}input[type=range]:disabled{cursor:not-allowed}textarea{resize:vertical}fieldset{min-inline-size:0}legend{padding-inline:.25rem}::selection{background:var(--focus)}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.splash-page{place-items:center;min-height:100svh;padding:1rem;display:grid}.lobby-page{place-items:start center;min-height:100svh;padding:clamp(1rem,6vw,4rem) 1rem;display:grid}.lobby-shell{gap:1rem;width:min(100%,38rem);display:grid}.lobby-header{justify-self:start;align-items:center;gap:.75rem;display:flex}.lobby-header h1{margin:0;font-size:2rem;font-weight:400}.lobby-mark{width:2.5rem;height:2.5rem;display:block}.room-create-form fieldset{gap:.75rem;margin:0;padding:.75rem;display:grid}.room-name-field{gap:.25rem;display:grid}.room-create-form button{justify-self:end}.room-create-toggle{justify-self:start}.lobby-note{color:var(--muted);margin:-.5rem 0 0}.error-note{color:#8b0000}.room-list-fieldset{margin:0;padding:.25rem .75rem .5rem}.room-list-loading{margin:0;padding:.55rem .35rem}.room-list{margin:0;padding:0;list-style:none}.room-list li{justify-content:space-between;align-items:baseline;gap:1rem;margin-inline:-.35rem;padding:.55rem .35rem;display:flex}.room-list li+li{border-top:1px solid #ccc}.room-list strong{overflow-wrap:anywhere}.room-list-actions{flex:none;align-items:baseline;gap:.75rem;display:inline-flex}.room-participant-count{font-variant-numeric:tabular-nums;white-space:nowrap}.room-join-link{flex:none;align-items:center;text-decoration:none;display:inline-flex}.join-form,.room-status{width:min(100%,30rem)}.join-form fieldset,.room-status fieldset{gap:1rem;margin:0;padding:1rem;display:grid}.room-status p,.room-back-link,.lobby-room-summary{margin:0}.room-back-link a{color:inherit;align-items:baseline;gap:.35rem;text-decoration:none;display:inline-flex}.room-back-link a:hover,.room-back-link a:focus-visible{text-decoration:underline}.preview-frame,.video-tile{margin:0}.preview-frame{aspect-ratio:4/3;border:1px solid #000;position:relative}.preview-frame>.grayscale-canvas{aspect-ratio:auto;height:100%}.name-field,.chat-form{gap:.25rem;display:grid}.button-row{flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:.5rem;display:flex}.form-note{margin:0}.room-shell{--room-sidebar-width:clamp(18rem, 31vw, 28rem);grid-template-columns:minmax(20rem, 1fr) 1px minmax(18rem, min(var(--room-sidebar-width), calc(100vw - 20rem - 1px)));isolation:isolate;min-height:100svh;display:grid;position:relative}.room-shell[data-sidebar-resizing=true]{cursor:col-resize;-webkit-user-select:none;user-select:none}.room-shell[data-sidebar-resizing=true] iframe{pointer-events:none}.hydra-background{pointer-events:none;z-index:-1;border:0;width:100%;height:100svh;position:fixed;inset:0}.video-column{min-width:0;padding:1rem}.video-fieldset,.chat-fieldset{margin:0;padding:.75rem}.video-fieldset{min-height:calc(100svh - 2rem)}.video-connection-note{margin:0}.video-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:.75rem;margin-top:.25rem;display:grid}.video-tile{contain:layout paint style;border:1px solid #000;min-width:0}.grayscale-canvas{--frame-columns:4;--frame-rows:3;aspect-ratio:var(--frame-columns) / var(--frame-rows);contain:layout paint style;isolation:isolate;background:#fff;width:100%;position:relative;overflow:hidden}.grayscale-canvas-backing{height:100%;image-rendering:pixelated;width:100%;display:block;position:absolute;inset:0}.video-tile figcaption{border-top:1px solid #000;justify-content:space-between;align-items:baseline;gap:.5rem;padding:.2rem .35rem;display:flex}.video-caption-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.video-rate{font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}.room-resize-handle{cursor:col-resize;touch-action:none;z-index:50;background:linear-gradient(90deg,#0000 6px,#000 6px 7px,#0000 7px);place-self:stretch center;width:13px;height:100svh;margin-inline:-6px;position:sticky;top:0}.room-sidebar{grid-template-rows:auto minmax(0,1fr);gap:.75rem;min-width:0;height:100svh;padding:1rem;display:grid;position:sticky;top:0}.room-sidebar-header{gap:.5rem;display:grid}.room-sidebar-toolbar{flex-wrap:wrap-reverse;justify-content:space-between;align-items:baseline;gap:.25rem .5rem;display:flex}.room-current-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;max-width:100%;margin:0;overflow:hidden}.sidebar-tabs{flex-wrap:wrap;gap:.25rem;display:flex}.sidebar-tab[aria-pressed=true]{background:#ddd}.sidebar-panels,.chat-panel,.chat-drawer{height:100%;min-height:0}.sidebar-panels{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);display:grid}.sidebar-panels>.chat-panel,.sidebar-panels>.sidebar-panel{grid-area:1/1}.chat-control-bar{display:none}.chat-fieldset{grid-template-rows:minmax(0,1fr) auto;gap:.75rem;height:100%;display:grid;position:relative}.message-list{min-height:0;margin:0;padding:0;list-style:none;overflow:auto}.message-list li{overflow-wrap:anywhere;gap:.1rem;width:fit-content;max-width:85%;padding-block:.3rem;display:grid}.message-list .message-own{text-align:right;margin-left:auto}.message-meta{color:var(--muted);font-size:.85rem}.chat-form textarea{width:100%}.chat-form button{justify-self:end}.sidebar-panel{height:100%;margin:0;padding:.75rem;overflow:auto}.settings-panel label{grid-template-columns:4.75rem minmax(0,1fr) minmax(7rem,auto);align-items:center;gap:.35rem;display:grid}.settings-panel label+label{margin-top:.5rem}.settings-panel input[type=range]{border:0;width:100%;min-height:auto;padding:0}.settings-panel output{text-align:right}.style-panel,.hydra-panel{grid-template-rows:minmax(12rem,1fr) auto auto;gap:.5rem;display:grid}.style-editor,.hydra-editor{resize:none;width:100%;height:100%;min-height:12rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem}.style-panel-footer,.hydra-panel-footer{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.style-panel small{color:var(--muted);font-size:.8rem}.hydra-runtime-note{margin:0;font-size:.8rem}@media (max-width:720px){.room-shell{flex-direction:column;padding-bottom:2.75rem;display:flex}.room-sidebar{border:0;order:-1;height:auto;padding:1rem 1rem 0;display:block;position:static}.room-resize-handle{display:none}.room-sidebar-header{align-items:center;gap:.5rem;display:grid}.room-sidebar-toolbar{min-width:0}.sidebar-tab-chat{display:none}.settings-panel,.style-panel,.hydra-panel{height:auto;max-height:48svh;margin-top:.75rem}.sidebar-panels{height:auto;display:block}.style-panel,.hydra-panel{grid-template-rows:minmax(12rem,1fr) auto auto}.video-column{padding-top:.75rem}.video-fieldset{min-height:auto}.chat-panel{height:auto}.chat-control-bar{background:var(--background);z-index:52;border-top:1px solid #000;justify-content:flex-end;align-items:stretch;display:flex;position:fixed;bottom:0;right:0}.chat-open .chat-control-bar{left:0}.chat-panel:not(.chat-open) .chat-control-bar{width:5rem}.chat-toggle-button{border:0;border-left:1px solid #000;flex:0 0 5rem;min-height:2.75rem;padding-inline:.75rem}.chat-drawer{background:var(--background);z-index:51;border-top:1px solid #000;height:65svh;padding:0;position:fixed;bottom:2.75rem;left:0;right:0}.chat-fieldset{grid-template-rows:minmax(0,1fr);height:auto;min-height:0;position:absolute;inset:.75rem}.chat-form{flex:auto;gap:0;min-width:0;display:flex}.chat-form label{display:none}.chat-form input{border:0;flex:auto;min-width:0;min-height:2.75rem;padding-inline:.5rem;font-size:16px}.chat-form .chat-submit-button{border:0;border-left:1px solid #000;flex:0 0 2.75rem;justify-content:center;align-items:center;padding:0;display:flex}.chat-submit-icon{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:1.15rem;height:1.15rem}}