:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#101010;background:#f4efe6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:#f4efe6;min-width:320px;min-height:100vh;overflow:hidden}body::-webkit-scrollbar{width:0;height:0}button,input,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.45}.hidden{display:none!important}.app-brand{z-index:4;color:#050505;letter-spacing:.16em;font-size:13px;font-weight:900;position:fixed;top:22px;left:26px}.app-shell{grid-template-columns:minmax(0,1fr) 360px;height:100vh;min-height:680px;padding:50px 22px 48px;display:grid;overflow:hidden}.viewer-stage-panel,.viewer-side{min-width:0}.viewer-stage-panel{align-items:center;padding-right:24px;display:flex}.player-shell{aspect-ratio:16/9;background:#171717;border-radius:34px;width:100%;max-height:calc(100vh - 116px);position:relative;overflow:hidden}.player-shell:fullscreen{aspect-ratio:auto;background:#000;border-radius:0;width:100vw;height:100vh;max-height:none}.video-stack{background:#171717;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}canvas{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.waiting-message{color:#ffffff9e;text-align:center;pointer-events:none;justify-content:center;align-items:center;padding:24px;font-size:22px;font-weight:800;display:flex;position:absolute;inset:0}.viewer-side{border-left:1px solid #e2dbce;flex-direction:column;gap:18px;height:100%;padding:54px 2px 0 26px;display:flex;overflow:hidden}.viewer-side-header{text-align:right;padding-right:2px}.viewer-side-label{color:#9c9386;letter-spacing:.24em;text-transform:lowercase;margin-bottom:-2px;font-family:Georgia,Times New Roman,serif;font-size:15px}h1{color:#0d0c0b;letter-spacing:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(64px,5.8vw,88px);font-weight:500;line-height:.95}.viewer-p2p-status{color:#6b7280;margin-top:8px;font-size:14px;line-height:1.4}.workspace-card{box-shadow:none;background:#ffffffa8;border:1px solid #e4ded3;border-radius:26px;padding:22px}.join-card{flex-direction:column;gap:18px;display:flex}.join-tabs{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.segment-group{background:0 0;align-items:center;gap:8px;padding:8px 0;display:flex}.segment-btn,.btn,.stepper-btn,.volume-icon-button{border-radius:999px;min-height:36px;font-weight:800;transition:background .18s,border-color .18s,color .18s}.segment-btn{color:#111;background:#fff;border:1px solid #e0dacd;min-width:64px;padding:0 16px}.segment-btn.active{color:#fff;background:#050505;border-color:#111}.btn{color:#080808;background:#fff;border:1px solid #ded8cc;width:100%;min-height:56px;padding:0 18px;font-size:18px}.btn-primary,.btn-secondary,.btn-danger{color:#080808;background:#fff}.btn-small{min-height:56px;padding:0;font-size:0}.refresh-icon{border-radius:999px;width:56px;box-shadow:0 8px 24px #00000014}.refresh-icon svg{width:19px;height:19px}.join-mode-panel{flex-direction:column;gap:12px;display:flex}.room-list-status{color:#68645f;font-size:15px}.room-list{flex-direction:column;gap:8px;max-height:190px;display:flex;overflow:auto}.room-item{color:#111;text-align:left;background:#fff;border:1px solid #ded8cc;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:12px 14px;display:grid}.room-item:hover{border-color:#111}.room-code{color:#101010;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:900;overflow:hidden}.room-meta{color:#716c64;font-size:13px}input,textarea{color:#101010;background:#fff;border:1px solid #ded8cc;border-radius:999px;width:100%}input{height:46px;padding:0 16px}input:focus,textarea:focus{border-color:#111;outline:none}.status-panel,.diagnostics-panel{display:none}.error-text{color:#b42318}.action-panel{flex-direction:column;gap:18px;display:flex}.audio-delay-control,.viewer-volume-control{flex-direction:column;gap:10px;display:flex}.audio-delay-label{color:#222;font-size:16px;font-weight:700}.stepper{grid-template-columns:36px minmax(0,1fr) auto 36px;align-items:center;gap:8px;display:grid}.stepper-btn,.volume-icon-button{color:#111;background:#fff;border:1px solid #ded8cc;justify-content:center;align-items:center;min-width:36px;padding:0;display:inline-flex}.stepper-unit,.volume-value{color:#69645d;font-size:13px;font-weight:800}.volume-row{grid-template-columns:36px minmax(0,1fr);align-items:center;gap:12px;display:grid}.player-volume-slider{accent-color:#2a8f9d;background:0 0;border:0;width:100%;height:4px;padding:0}textarea{resize:vertical;border-radius:16px;min-height:210px;padding:10px;font-family:Cascadia Mono,Consolas,monospace;font-size:11px;line-height:1.45}@media (height<=780px) and (width>=901px){.app-shell{min-height:620px;padding-top:42px;padding-bottom:34px}.viewer-side{gap:14px;padding-top:36px}h1{font-size:68px}.workspace-card{border-radius:22px;padding:18px}.btn{min-height:50px}.join-card,.action-panel{gap:14px}}@media (width<=900px){body{overflow:auto}.app-shell{grid-template-columns:1fr;gap:20px;padding:58px 16px 18px}.viewer-stage-panel{align-items:flex-start;padding-right:0}.player-shell{border-radius:24px}.viewer-side{border-left:0;max-height:none;padding:0}.viewer-side-header{text-align:left}h1{font-size:64px}}