: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{color:var(--foreground);font:inherit;background:#fff;border:1px solid #000;border-radius:0}button{cursor:pointer;background:#efefef;min-height:1.75rem;padding:.125rem .5rem}button:active{background:#ddd}button:disabled{color:#777;cursor:default}input,textarea{min-height:1.75rem;padding:.2rem .3rem}textarea{resize:vertical}fieldset{min-inline-size:0}legend{padding-inline:.25rem}::selection{background:var(--focus)}.splash-page{place-items:center;min-height:100svh;padding:1rem;display:grid}.join-form{width:min(100%,30rem)}.join-form fieldset{gap:1rem;margin:0;padding:1rem;display:grid}.permission-list{margin:0}.permission-list div{justify-content:space-between;gap:1rem;display:flex}.permission-list dt,.permission-list dd,.preview-frame,.video-tile{margin:0}.preview-frame{border:1px solid #000}.name-field,.chat-form{gap:.25rem;display:grid}.button-row{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.form-note{margin:0}.room-shell{grid-template-columns:minmax(0,1fr) clamp(18rem,31vw,28rem);min-height:100svh;display:grid}.video-column{min-width:0;padding:1rem}.video-fieldset,.chat-fieldset{margin:0;padding:.75rem}.video-fieldset{min-height:calc(100svh - 2rem);position:relative}.leave-button{position:absolute;top:.5rem;right:.75rem}.video-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:.75rem;margin-top:.25rem;display:grid}.video-tile{border:1px solid #000;min-width:0}.grayscale-canvas{aspect-ratio:4/3;image-rendering:pixelated;background:#fff;width:100%;display:block}.video-tile figcaption{text-overflow:ellipsis;white-space:nowrap;border-top:1px solid #000;padding:.2rem .35rem;overflow:hidden}.room-sidebar{border-left:1px solid #000;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-site-title{text-align:right;margin:0}.sidebar-tabs{flex-wrap:wrap;gap:.25rem;display:flex}.sidebar-tab[aria-pressed=true]{background:#ddd;border-style:inset}.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) 4.5rem;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{grid-template-rows:minmax(12rem,1fr) auto auto;gap:.5rem;display:grid}.style-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{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.style-panel-footer output,.style-panel small{color:var(--muted);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-sidebar-header{align-items:center;gap:.5rem;display:flex}.room-site-title{order:2;margin-left:auto}.sidebar-tabs{order:1}.sidebar-tab-chat{display:none}.settings-panel,.style-panel{height:auto;max-height:48svh;margin-top:.75rem}.sidebar-panels{height:auto;display:block}.style-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-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}}