.vod-room-button{gap:4px;padding:0 8px;font-family:inherit;font-size:12px;}.vod-room-button[aria-busy="true"]{cursor:progress;}.vod-room-count{min-width:12px;color:var(--tool-ink);font-family:var(--vod-mono);font-size:11px;font-weight:700;line-height:16px;text-align:center;}.vod-room-count[hidden]{display:none;}.vod-room-button.is-in-room{color:var(--tool-ink);}.vod-button--primary{border-color:var(--tool-accent);background:var(--tool-accent);color:var(--tool-accent-dark);}.vod-button--primary:hover{border-color:var(--tool-accent);background:color-mix(in srgb,var(--tool-accent) 86%,var(--tool-ink));color:var(--tool-accent-dark);}.vod-button--primary:disabled{border-color:var(--tool-line-strong);background:var(--tool-bg);color:var(--tool-subtle);cursor:default;}.vod-room-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 14px;min-height:46px;padding:4px 0;border-bottom:1px solid var(--tool-line);font-size:12px;}.vod-room-bar[hidden]{display:none;}.vod-room-status{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0;}.vod-room-dot{flex:none;width:8px;height:8px;border:2px solid var(--tool-positive);border-radius:50%;background:var(--tool-positive);}.vod-room-bar.is-off .vod-room-dot,.vod-room-bar.is-ended .vod-room-dot{border-color:var(--tool-subtle);background:transparent;}.vod-room-live{color:var(--tool-ink);font-weight:700;}.vod-room-barcode,.vod-room-barpeople{color:var(--tool-muted);font-family:var(--vod-mono);font-size:11px;}.vod-room-state{color:var(--tool-ink);font-weight:600;}.vod-room-notice{flex:1 1 220px;min-width:0;color:var(--tool-muted);}.vod-room-notice[hidden]{display:none;}.vod-room-notice.is-error{color:var(--tool-negative);}.vod-room-baractions{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto;}.vod-room-baractions .vod-button[hidden]{display:none;}.vod-room-dialog{width:min(560px,calc(100% - 32px));max-height:min(88vh,820px);overflow:auto;}.vod-room-dialog h2{font-size:24px;}.vod-room-dialog h2:focus{outline:none;}.vod-room-dialog a{color:var(--tool-ink);font-weight:700;text-decoration:underline;text-underline-offset:3px;}.vod-room-dialog a:hover{color:var(--tool-accent);}.vod-room-dialog a:focus-visible{outline:2px solid var(--tool-accent);outline-offset:2px;}.vod-room-dialog[open]{animation:vod-room-open 160ms ease-out;}@keyframes vod-room-open{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}@media (prefers-reduced-motion:reduce){.vod-room-dialog[open]{animation:none;}}.vod-room-body,.vod-room-join form{display:grid;gap:16px;}.vod-room-section{display:grid;gap:8px;padding-top:14px;border-top:1px solid var(--tool-line);}.vod-room-section[hidden]{display:none;}.vod-room-section h3{margin:0;}.vod-room-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;}.vod-room-link input{font-family:var(--vod-mono);font-size:12px;}.vod-room-codeline{margin:0;color:var(--tool-muted);font-size:13px;}.vod-room-code{color:var(--tool-ink);font-family:var(--vod-mono);letter-spacing:0.06em;}.vod-room-codeline .vod-text-button{margin-left:6px;}.vod-room-people{margin:0;padding:0;border:1px solid var(--tool-line-strong);border-radius:var(--tool-radius);list-style:none;}.vod-room-person{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;min-height:44px;padding:8px 10px;}.vod-room-person + .vod-room-person{border-top:1px solid var(--tool-line);}.vod-room-person-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.vod-room-person.is-away .vod-room-person-name strong{color:var(--tool-muted);}.vod-room-you{color:var(--tool-muted);font-size:12px;}.vod-room-tags{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;}.vod-room-tag{padding:1px 5px;border:1px solid var(--tool-line-strong);border-radius:var(--tool-radius);color:var(--tool-muted);font-family:var(--vod-mono);font-size:11px;font-weight:700;}.vod-room-tag.is-owner{color:var(--tool-ink);}.vod-room-person-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;}.vod-room-person-actions .vod-text-button{min-height:32px;}.vod-room-why{color:var(--tool-subtle);font-size:12px;}.vod-room-control{display:grid;gap:2px;margin:0;padding:14px 0 0;border:0;border-top:1px solid var(--tool-line);}.vod-room-control legend{float:left;width:100%;margin-bottom:6px;padding:0;}.vod-room-control .vod-switch{color:var(--tool-ink);}.vod-room-foot{display:flex;flex-wrap:wrap;gap:8px 20px;padding-top:14px;border-top:1px solid var(--tool-line);}.vod-room-foot .vod-text-button{min-height:34px;}.vod-room-confirm{display:grid;gap:10px;padding:12px;border:1px solid var(--tool-line-strong);border-radius:var(--tool-radius);background:var(--tool-surface-raised);}.vod-room-confirm p{margin:0;font-size:13px;line-height:1.5;}.vod-room-confirm-actions{display:flex;flex-wrap:wrap;gap:8px;}.vod-room-error{margin:0;color:var(--tool-negative);font-size:13px;}.vod-room-error:empty{display:none;}.vod-room-summary{margin:0;color:var(--tool-ink);font-family:var(--vod-mono);font-size:12px;}.vod-settings-room{display:grid;gap:6px;padding-top:10px;border-top:1px solid var(--tool-line);}.vod-settings-room-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;}.vod-settings-room-row input{min-height:34px;font-family:var(--vod-mono);font-size:12px;text-transform:uppercase;}.vod-room-dialog .vod-text-button:focus-visible,.vod-room-dialog .vod-field input:focus-visible,.vod-room-dialog .vod-switch input:focus-visible,.vod-room-bar .vod-button:focus-visible,.vod-room-button:focus-visible,.vod-settings-room input:focus-visible{outline:2px solid var(--tool-accent);outline-offset:2px;}@media (max-width:620px){.vod-room-button{padding:0 8px;}.vod-room-button [data-vod-room-label]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}.vod-room-bar{padding:6px 8px;}.vod-room-baractions{width:100%;margin-left:0;}.vod-room-baractions .vod-button{flex:1 1 auto;}.vod-room-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding:16px;}.vod-room-link{grid-template-columns:minmax(0,1fr);}}