:root,[data-hh-theme=light]{--hh-bg: #ffffff;--hh-bg-secondary: #f5f5f5;--hh-bg-hover: #f0f0f0;--hh-text: #1a1a1a;--hh-text-secondary: #666666;--hh-text-muted: #888888;--hh-border: #e0e0e0;--hh-border-light: #eeeeee;--hh-input-border: #cccccc;--hh-primary: #e31337;--hh-primary-hover: #c41030;--hh-danger: #ff4444;--hh-success: #22c55e;--hh-btn-secondary-bg: #eeeeee;--hh-btn-secondary-text: #333333;--hh-btn-secondary-hover: #dddddd;--hh-shadow: rgba(0, 0, 0, .15)}[data-hh-theme=dark]{--hh-bg: #1a1a2e;--hh-bg-secondary: #16213e;--hh-bg-hover: #1f2b47;--hh-text: #e0e0e0;--hh-text-secondary: #a0a0a0;--hh-text-muted: #888888;--hh-border: #2a2a4a;--hh-border-light: #2a2a4a;--hh-input-border: #3a3a5a;--hh-primary: #e31337;--hh-primary-hover: #ff2a4a;--hh-danger: #ff4444;--hh-success: #22c55e;--hh-btn-secondary-bg: #2a2a4a;--hh-btn-secondary-text: #e0e0e0;--hh-btn-secondary-hover: #3a3a5a;--hh-shadow: rgba(0, 0, 0, .4)}@media(prefers-color-scheme:dark){:root:not([data-hh-theme]){--hh-bg: #1a1a2e;--hh-bg-secondary: #16213e;--hh-bg-hover: #1f2b47;--hh-text: #e0e0e0;--hh-text-secondary: #a0a0a0;--hh-text-muted: #888888;--hh-border: #2a2a4a;--hh-border-light: #2a2a4a;--hh-input-border: #3a3a5a;--hh-primary: #e31337;--hh-primary-hover: #ff2a4a;--hh-danger: #ff4444;--hh-success: #22c55e;--hh-btn-secondary-bg: #2a2a4a;--hh-btn-secondary-text: #e0e0e0;--hh-btn-secondary-hover: #3a3a5a;--hh-shadow: rgba(0, 0, 0, .4)}}.hh-lobby{max-width:640px;margin:0 auto;padding:1.5rem;font-family:system-ui,-apple-system,sans-serif;color:var(--hh-text)}.hh-lobby__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.hh-lobby__title{font-size:1.5rem;font-weight:700;margin:0}.hh-lobby__empty{text-align:center;color:var(--hh-text-muted);padding:3rem 0}.hh-lobby__auth{text-align:center;padding:2rem}.hh-lobby__auth-input{padding:.5rem .75rem;border:1px solid var(--hh-input-border);border-radius:6px;font-size:1rem;margin-right:.5rem;background:var(--hh-bg);color:var(--hh-text)}.hh-room-card{display:flex;flex-direction:column;border:1px solid var(--hh-border);border-radius:12px;margin-bottom:.75rem;cursor:pointer;overflow:hidden;transition:background .15s;color:var(--hh-text)}.hh-room-card:hover{background:var(--hh-bg-hover)}.hh-room-card__bg{display:block;width:100%;height:var(--hh-room-card-bg-height, 80px);object-fit:cover}.hh-room-card__content{display:flex;align-items:center;gap:.75rem;padding:.75rem}.hh-room-card__avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.hh-room-card__info{flex:1;min-width:0}.hh-room-card__title{font-weight:600;font-size:1rem;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hh-room-card__meta{font-size:.85rem;color:var(--hh-text-secondary)}.hh-room-card__count{font-size:.85rem;color:var(--hh-text-muted);white-space:nowrap}.hh-create-dialog{padding:1rem 0}.hh-create-dialog__row{margin-bottom:1rem}.hh-create-dialog__input{width:100%;padding:.5rem .75rem;border:1px solid var(--hh-input-border);border-radius:6px;font-size:1rem;box-sizing:border-box;background:var(--hh-bg);color:var(--hh-text)}.hh-create-dialog__check{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.85rem;color:var(--hh-text);-webkit-user-select:none;user-select:none}.hh-create-dialog__check input[type=checkbox]{accent-color:var(--hh-primary);width:16px;height:16px;cursor:pointer}.hh-create-dialog__field{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--hh-text);width:100%}.hh-create-dialog__field-label{font-weight:600;color:var(--hh-text-muted, var(--hh-text))}.hh-create-dialog__select{padding:.5rem .7rem;border-radius:6px;border:1px solid var(--hh-border-light);background:var(--hh-bg-input, transparent);color:var(--hh-text);font-size:.9rem;cursor:pointer}.hh-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1.1rem;border:1px solid transparent;border-radius:10px;font-size:.9rem;font-weight:600;letter-spacing:.01em;cursor:pointer;box-shadow:0 1px 2px #0000002e,inset 0 1px #ffffff0f;transition:background .15s ease,transform .12s ease,box-shadow .15s ease,opacity .15s ease,border-color .15s ease}.hh-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #00000047,inset 0 1px #ffffff14}.hh-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0000002e,inset 0 1px 2px #0003}.hh-btn:focus-visible{outline:none;border-color:#ffffff80;box-shadow:0 0 0 3px #e3133759,0 4px 12px #00000040}.hh-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.hh-btn--primary{background:var(--hh-primary);color:#fff}.hh-btn--primary:hover:not(:disabled){background:var(--hh-primary-hover)}.hh-btn--secondary{background:var(--hh-btn-secondary-bg);color:var(--hh-btn-secondary-text);border-color:#ffffff0f}.hh-btn--secondary:hover:not(:disabled){background:var(--hh-btn-secondary-hover)}.hh-btn--danger{background:var(--hh-danger);color:#fff}.hh-btn--live{background:var(--hh-danger);color:#fff;animation:hh-live-pulse 1.5s ease-in-out infinite}@keyframes hh-live-pulse{0%,to{box-shadow:0 0 #ff44448c,0 1px 2px #0003}50%{box-shadow:0 0 0 8px #f440,0 1px 2px #0003}}.hh-btn--small{padding:.35rem .7rem;font-size:.8rem}.hh-btn--icon{width:42px;height:42px;padding:0;border-radius:50%;font-size:1.05rem}.hh-start-audio{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:1000;padding:.75rem 1.5rem;background:var(--hh-primary);color:#fff;border:none;border-radius:999px;font-size:.95rem;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #00000040}.hh-start-audio:hover{background:var(--hh-primary-hover)}.hh-room{max-width:100%;margin:0 auto;padding:.6rem .75rem;font-family:system-ui,-apple-system,sans-serif;min-height:100vh;display:flex;flex-direction:column;color:var(--hh-text);position:relative}.hh-room__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;z-index:0;pointer-events:none}.hh-room:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#0000008c,#00000059,#0003 60%,#00000073);z-index:1}.hh-room>*:not(.hh-room__bg){position:relative;z-index:2}.hh-room--embedded{min-height:0;flex:1;width:100%;height:100%;box-sizing:border-box;overflow:hidden}.hh-room__content{display:flex;flex-direction:row;gap:1rem;flex:1;min-height:0}.hh-room__main{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}.hh-room__stage{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;padding-right:.25rem}.hh-room__stage::-webkit-scrollbar{width:6px}.hh-room__stage::-webkit-scrollbar-track{background:transparent}.hh-room__stage::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.hh-room__sidebar{width:320px;max-width:38%;flex-shrink:0;display:flex;flex-direction:column;min-height:0}.hh-room__listeners{width:96px;flex-shrink:0;display:flex;flex-direction:column;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent;padding:.6rem .5rem;background:#14141e8c;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 6px 24px #00000059}.hh-room__listeners:empty{display:none}.hh-room__listeners::-webkit-scrollbar{width:5px}.hh-room__listeners::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:3px}.hh-room__listeners .hh-audience{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0;padding:0;flex:1;display:flex;flex-direction:column}.hh-room__listeners .hh-audience__label{font-size:.6rem;letter-spacing:.1em;margin-bottom:.4rem;text-align:center}.hh-room__listeners .hh-audience__grid{flex-direction:column;align-items:center;gap:.45rem}@media(max-width:768px){.hh-room{padding:.75rem}.hh-room__content{flex-direction:column;gap:.5rem}.hh-room__sidebar{width:100%;max-width:100%;max-height:40vh}}.hh-room__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-shrink:0}.hh-room__title-block{min-width:0;flex:1}.hh-room__title{font-size:1.5rem;font-weight:800;letter-spacing:-.01em;margin:0 0 .25rem;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.75),0 1px 2px rgba(0,0,0,.9)}.hh-room__description{font-size:.9rem;font-weight:500;margin:0;color:#ffffffd9;text-shadow:0 1px 4px rgba(0,0,0,.7);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hh-room__host{font-size:.95rem;font-weight:500;color:#ffffffeb;text-shadow:0 1px 4px rgba(0,0,0,.7),0 1px 2px rgba(0,0,0,.85)}.hh-room__count{font-size:.9rem;font-weight:500;color:#ffffffd9;text-shadow:0 1px 4px rgba(0,0,0,.7)}.hh-room__header-right{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;flex-shrink:0}.hh-room__share{white-space:nowrap}.hh-stage{flex:1;display:flex;flex-direction:column;gap:.6rem;min-height:0;margin-bottom:.75rem}.hh-stage__grid{flex:1;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-auto-rows:minmax(0,1fr);align-content:start;min-height:0}.hh-stage__grid--compact{grid-template-columns:repeat(auto-fit,minmax(120px,160px));grid-auto-rows:auto;flex:0 0 auto;justify-content:start}.hh-stage__cell{cursor:zoom-in;display:block;min-width:0}.hh-stage__cell>.hh-tile{width:100%;height:100%;transition:transform .15s,box-shadow .15s}.hh-stage__cell:hover>.hh-tile{transform:translateY(-1px);box-shadow:0 6px 24px #00000080}.hh-stage__cell--screen{cursor:zoom-in}.hh-stage__cell--screen .hh-screen-share,.hh-stage__cell--screen .hh-room--embedded .hh-screen-share{margin:0;width:100%;aspect-ratio:16 / 9}.hh-stage__cell--screen .hh-screen-share__video,.hh-stage__cell--screen .hh-room--embedded .hh-screen-share__video{width:100%;height:100%;max-height:none;object-fit:cover}.hh-stage__cell--screen .hh-screen-share__bar{font-size:.7rem;padding:.25rem .5rem}.hh-stage__focus{flex:1;min-height:0;min-width:0;position:relative;margin-bottom:.6rem}.hh-stage__focus>.hh-tile{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;aspect-ratio:16 / 9}.hh-stage__screen-thumb{position:absolute;bottom:12px;right:12px;width:220px;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;cursor:zoom-in;z-index:4;box-shadow:0 6px 20px #0000008c;background:#000;border:1px solid rgba(255,255,255,.12)}.hh-stage__screen-thumb .hh-screen-share{margin:0;width:100%;height:100%;border-radius:0;background:#000}.hh-stage__screen-thumb .hh-screen-share__video{max-height:none;width:100%;height:100%;object-fit:cover}.hh-stage__screen-thumb .hh-screen-share__bar{font-size:.65rem;padding:.2rem .4rem}.hh-stage{position:relative}.hh-stage__back-to-grid{position:absolute;top:12px;left:12px;z-index:4;background:#0009;color:#fff;border:none;border-radius:6px;padding:.35rem .65rem;font-size:.78rem;font-weight:600;letter-spacing:.02em;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;transition:background .15s}.hh-stage__back-to-grid:hover{background:#000000d1}.hh-stage__focus--screen{cursor:default}.hh-stage__focus--screen.hh-stage__focus--screen>.hh-screen-share,.hh-stage__focus--screen.hh-stage__focus--screen .hh-room--embedded .hh-screen-share{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;aspect-ratio:16 / 9;background:#000}.hh-stage__focus--screen.hh-stage__focus--screen .hh-screen-share__video,.hh-stage__focus--screen.hh-stage__focus--screen .hh-room--embedded .hh-screen-share__video{width:100%;height:100%;max-height:none;object-fit:cover}.hh-stage--row{flex-direction:row;gap:.6rem;align-items:stretch}.hh-stage--row .hh-stage__focus{margin-bottom:0}.hh-stage--row .hh-stage__grid--compact{display:flex;flex-direction:column;flex:0 0 auto;width:200px;max-height:100%;overflow-y:auto;scrollbar-width:thin;align-content:stretch;gap:.5rem}.hh-stage--row .hh-stage__grid--compact .hh-stage__cell{width:100%}.hh-stage__label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffffffd9;text-shadow:0 1px 3px rgba(0,0,0,.75);margin-bottom:.75rem}.hh-screen-share{position:relative;width:100%;border-radius:12px;overflow:hidden;background:#000;margin-bottom:1rem}.hh-screen-share__video{width:100%;max-height:400px;object-fit:contain}.hh-room--embedded .hh-screen-share__video{max-height:250px}.hh-screen-share__bar{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:.4rem .6rem;background:linear-gradient(transparent,#000000b3)}.hh-screen-share__label{color:#fff;font-size:.8rem}.hh-screen-share__fullscreen{background:#ffffff26;border:none;color:#fff;font-size:1.1rem;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.hh-screen-share__fullscreen:hover{background:#ffffff4d}.hh-screen-share:fullscreen{background:#000;display:flex;align-items:center;justify-content:center}.hh-screen-share:fullscreen .hh-screen-share__video{max-height:100vh;width:100%;height:100%}.hh-audience{flex-shrink:0;padding:.5rem .6rem;background:#00000040;border-radius:10px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hh-audience__label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffffffd9;text-shadow:0 1px 3px rgba(0,0,0,.75);margin-bottom:.4rem}.hh-audience__grid{display:flex;flex-wrap:wrap;gap:.4rem}.hh-tile{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:#1c1c2a8c;cursor:pointer;border:2px solid transparent;transition:border-color .2s,box-shadow .2s;box-shadow:0 2px 12px #00000059}.hh-tile--speaking{border-color:var(--hh-success);box-shadow:0 0 0 3px #22c55e59,0 2px 12px #00000059}.hh-tile__media{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.hh-tile__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:transparent}.hh-tile__placeholder .hh-tile__avatar{width:30%;max-width:96px;aspect-ratio:1 / 1;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.85);box-shadow:0 4px 16px #00000080}.hh-tile__overlay{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:.4rem;padding:.45rem .6rem;background:linear-gradient(180deg,#0000,#000000bf);color:#fff}.hh-tile__overlay .hh-tile__name{font-size:.85rem;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:none;flex:1 1 auto}.hh-tile__overlay .hh-tile__role{font-size:.6rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--hh-primary);color:#fff;padding:.1rem .4rem;border-radius:4px;flex-shrink:0}.hh-tile__mute{font-size:.95rem;flex-shrink:0}.hh-tile--small{display:flex;flex-direction:column;align-items:center;gap:.3rem;width:auto;aspect-ratio:auto;background:transparent;border:none;box-shadow:none;border-radius:0;overflow:visible;padding:.25rem}.hh-tile--small.hh-tile--speaking{box-shadow:none}.hh-tile--small .hh-tile__avatar-wrap{position:relative;width:48px;height:48px}.hh-tile--small .hh-tile__avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid transparent;transition:border-color .2s}.hh-tile--small.hh-tile--speaking .hh-tile__avatar{border-color:var(--hh-success);box-shadow:0 0 0 2px #22c55e59}.hh-tile__video{width:100%;height:100%;object-fit:cover;border-radius:0}.hh-tile--small .hh-tile__video{border-radius:50%}.hh-tile--muted .hh-tile__avatar{opacity:.85}.hh-tile__hand{position:absolute;top:6px;left:6px;font-size:1.1rem;line-height:1;background:#0000008c;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.hh-tile--small .hh-tile__hand{top:-4px;left:-4px;background:transparent;width:auto;height:auto}.hh-tile--small .hh-tile__name{font-size:.72rem;font-weight:600;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.75),0 0 1px rgba(0,0,0,.9)}.hh-tile__role{font-size:.65rem;color:var(--hh-primary);font-weight:600;text-transform:uppercase}.hh-controls{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1rem;border-top:1px solid rgba(255,255,255,.08);margin-top:.75rem;flex-shrink:0;border-radius:12px;background:#14141e8c;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:0 -4px 16px #00000040}.hh-controls__group{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.hh-controls__group--right{margin-left:auto;padding-left:1rem;border-left:1px solid rgba(255,255,255,.18)}@media(max-width:600px){.hh-controls__group--right{margin-left:0;padding-left:0;border-left:none;width:100%;justify-content:center;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.12)}}.hh-end-menu{position:relative}.hh-end-menu__trigger{display:inline-flex;align-items:center;gap:.35rem}.hh-end-menu__chevron{font-size:.7rem;opacity:.85}.hh-end-menu__panel{position:absolute;bottom:calc(100% + 8px);right:0;min-width:220px;max-width:280px;max-height:50vh;overflow-y:auto;background:#14141ef5;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 12px 36px #0000008c;padding:.35rem;display:flex;flex-direction:column;gap:.15rem;z-index:200}.hh-end-menu__heading{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#ffffffa6;padding:.4rem .6rem .25rem}.hh-end-menu__item{display:flex;align-items:center;text-align:left;width:100%;background:transparent;border:none;color:#fff;padding:.55rem .7rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background .15s}.hh-end-menu__item:hover:not(:disabled){background:#ffffff14}.hh-end-menu__item:disabled{opacity:.5;cursor:not-allowed}.hh-end-menu__item--danger{color:#ff7a7a}.hh-end-menu__item--danger:hover:not(:disabled){background:#e539352e}.hh-end-menu__item--subtle{color:#fff9;font-size:.85rem}.hh-end-menu__hint{margin-left:.3rem;font-size:.75rem;color:#ffffff8c}.hh-end-menu__warn{font-size:.8rem;line-height:1.4;color:#ffffffc7;padding:.25rem .7rem .6rem}.hh-tile__menu-btn{position:absolute;top:6px;right:6px;z-index:3;width:28px;height:28px;border-radius:50%;border:none;background:#0000008c;color:#fff;font-size:1rem;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.hh-tile__menu-btn:hover{background:#000000c7}.hh-tile__menu-btn--small{top:-2px;right:-2px;width:22px;height:22px;font-size:.85rem}.hh-host-panel{position:fixed;z-index:100;background:#14141efa;border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 12px 36px #0000008c;padding:.5rem;display:flex;flex-direction:column;gap:.25rem;min-width:180px;max-width:240px;color:#fff}.hh-host-panel--floating{width:220px;z-index:1000}.hh-host-panel__btn{width:100%;text-align:left;padding:.45rem .6rem;border:none;background:none;border-radius:6px;font-size:.85rem;cursor:pointer;color:#ffffffeb}.hh-host-panel__btn:hover:not(:disabled){background:#ffffff14}.hh-host-panel__btn:disabled{opacity:.5;cursor:not-allowed}.hh-host-panel__btn--danger{color:#ff7a7a}.hh-host-panel__btn--danger:hover:not(:disabled){background:#e539352e}.hh-host-panel__row{display:flex;flex-direction:column;gap:.3rem;padding:.35rem .6rem .45rem}.hh-host-panel__row-label{font-size:.75rem;color:#ffffffb3;display:flex;justify-content:space-between;align-items:center}.hh-host-panel__row-value{color:#fffffff2;font-weight:600}.hh-host-panel__slider{width:100%;accent-color:var(--hh-primary)}@media(max-width:768px){.hh-btn--screenshare{display:none}}.hh-controls__layout{position:relative;display:inline-flex;align-items:center;gap:.45rem;padding-left:.85rem;padding-right:.7rem;cursor:pointer}.hh-controls__layout-label{font-size:.78rem;letter-spacing:.02em;opacity:.75}.hh-controls__layout-value{font-size:.88rem;font-weight:600}.hh-controls__layout-chevron{font-size:.7rem;opacity:.85;margin-left:.15rem}.hh-controls__layout-select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:transparent;border:none;color:transparent;font:inherit;cursor:pointer;outline:none;opacity:0;-moz-appearance:none;appearance:none;-webkit-appearance:none}.hh-controls__layout-select option{color:#1a1a1a}.hh-controls__chat-btn{position:relative}.hh-controls__chat-badge{background:var(--hh-primary);color:#fff;font-size:.65rem;font-weight:700;padding:.1rem .4rem;border-radius:10px;margin-left:.25rem;min-width:18px;text-align:center}.hh-chat__header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.hh-chat__title{font-size:.85rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#ffffffd9}.hh-chat__collapse{background:transparent;border:none;color:#ffffffb3;cursor:pointer;font-size:1.4rem;line-height:1;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.hh-chat__collapse:hover{background:#ffffff14;color:#fff}.hh-chat__badge{position:absolute;top:-6px;right:-6px;background:var(--hh-primary);color:#fff;font-size:.65rem;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.hh-chat{border:1px solid rgba(255,255,255,.1);border-radius:12px;display:flex;flex-direction:column;flex:1;min-height:0;background:#14141e99;backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);box-shadow:0 6px 24px #00000059}@media(max-width:768px){.hh-chat{max-height:40vh}}.hh-chat__messages{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;min-height:100px}.hh-chat__empty{text-align:center;color:var(--hh-text-muted);font-size:.85rem;padding:2rem 0}.hh-chat__msg{display:flex;gap:.5rem;align-items:flex-start}.hh-chat__msg-avatar{width:24px;height:24px;border-radius:50%;flex-shrink:0;margin-top:2px}.hh-chat__msg-name{font-size:.8rem;font-weight:600;margin-right:.4rem;color:#fff}.hh-chat__msg-text{font-size:.85rem;color:#ffffffeb}.hh-chat__input{color:#fff}.hh-chat__input::placeholder{color:#ffffff80}.hh-chat__guest-prompt{padding:.7rem .75rem;border-top:1px solid rgba(255,255,255,.08);font-size:.8rem;color:#ffffffc7;text-align:center;background:#ffffff0a}.hh-room__guest-badge{display:inline-flex;align-items:center;gap:.35rem;margin-top:.4rem;padding:.2rem .6rem;font-size:.72rem;font-weight:600;letter-spacing:.02em;color:#fff;background:#00000073;border:1px solid rgba(255,255,255,.18);border-radius:999px;text-shadow:0 1px 2px rgba(0,0,0,.85)}.hh-room__guest-badge svg{flex-shrink:0}.hh-tile__guest-icon{display:inline-flex;align-items:center;justify-content:center;background:#ffffff14;color:#ffffffd9;border:2px dashed rgba(255,255,255,.35);box-sizing:border-box}.hh-tile--guest .hh-tile__name{color:#ffffffb3;font-style:italic}.hh-chat__input-row{display:flex;gap:.5rem;padding:.5rem .75rem;border-top:1px solid var(--hh-border-light)}.hh-chat__input{flex:1;padding:.4rem .6rem;border:1px solid var(--hh-input-border);border-radius:6px;font-size:.85rem;outline:none;background:var(--hh-bg);color:var(--hh-text)}.hh-chat__input:focus{border-color:var(--hh-primary)}.hh-recording-indicator{display:inline-flex;align-items:center;gap:.35rem;font-size:.7rem;font-weight:700;color:var(--hh-danger);text-transform:uppercase;letter-spacing:.05em;background:#ff44441a;padding:.15rem .5rem;border-radius:4px;border:1px solid rgba(255,68,68,.3)}.hh-recording-indicator__dot{width:8px;height:8px;border-radius:50%;background:var(--hh-danger);animation:hh-pulse 1.2s ease-in-out infinite}@keyframes hh-pulse{0%,to{opacity:1}50%{opacity:.3}}.hh-recording-upload{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border:1px solid var(--hh-border);border-radius:8px;background:var(--hh-bg-secondary)}.hh-recording-upload__info{font-size:.85rem;color:var(--hh-text-secondary)}.hh-recording-upload__actions{display:flex;gap:.5rem}.hh-recording-upload__success{font-size:.85rem;color:var(--hh-success);font-weight:600}.hh-recording-upload__link{font-size:.8rem;color:var(--hh-primary);word-break:break-all;text-decoration:underline}.hh-streaming-panel{position:absolute;bottom:calc(100% + .5rem);right:0;z-index:200;background:var(--hh-bg);border:1px solid var(--hh-border);border-radius:10px;box-shadow:0 4px 16px var(--hh-shadow);padding:1rem;display:flex;flex-direction:column;gap:.75rem;width:280px}.hh-streaming-panel--compact{width:220px}.hh-streaming-panel__header{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:.9rem}.hh-streaming-panel__tabs{display:flex;gap:.5rem}.hh-streaming-panel__field{display:flex;flex-direction:column;gap:.25rem}.hh-streaming-panel__label{font-size:.75rem;font-weight:600;color:var(--hh-text-secondary);text-transform:uppercase;letter-spacing:.04em}.hh-streaming-panel__hint{font-weight:400;text-transform:none;letter-spacing:0}.hh-streaming-panel__input{width:100%;padding:.45rem .6rem;border-radius:6px;border:1px solid var(--hh-border);background:var(--hh-bg-secondary);color:var(--hh-text);font-size:.85rem;box-sizing:border-box}.hh-streaming-panel__input:focus{outline:2px solid var(--hh-primary);outline-offset:-1px}.hh-streaming-panel__error{font-size:.8rem;color:var(--hh-danger);margin:0}.hh-streaming-panel__live{display:flex;flex-direction:column;gap:.75rem;align-items:center}.hh-streaming-panel__indicator{font-size:.85rem;font-weight:600;color:var(--hh-danger)}.hh-btn--full{width:100%;justify-content:center}.hh-streaming-panel__viewer-url{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;background:var(--hh-bg-secondary);border:1px solid var(--hh-border);border-radius:6px}.hh-streaming-panel__url-text{flex:1;font-size:.75rem;color:var(--hh-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hh-btn--ghost{background:transparent;color:var(--hh-text-secondary);border:1px solid transparent}.hh-btn--ghost:hover:not(:disabled){background:var(--hh-bg-hover);color:var(--hh-text)}.hh-bg-picker__upload-btn{width:100%;padding:.6rem .75rem;border:1px dashed var(--hh-input-border);border-radius:6px;background:transparent;color:var(--hh-text-secondary);font-size:.9rem;cursor:pointer;text-align:center;transition:border-color .15s,color .15s}.hh-bg-picker__upload-btn:hover:not(:disabled){border-color:var(--hh-primary);color:var(--hh-primary)}.hh-bg-picker__upload-btn:disabled{opacity:.5;cursor:not-allowed}.hh-bg-picker__preview-wrap{display:flex;flex-direction:column;gap:.5rem}.hh-bg-picker__preview{width:100%;aspect-ratio:16 / 9;border-radius:8px;background-size:cover;background-position:center;border:1px solid var(--hh-border);display:flex;align-items:flex-end;padding:.4rem .6rem}.hh-bg-picker__hint{margin:.25rem 0 0;font-size:.75rem;color:var(--hh-text-muted);text-align:center}.hh-bg-picker__preview-label{font-size:.7rem;color:#fff;background:#00000080;padding:.1rem .4rem;border-radius:4px}.hh-bg-picker__actions{display:flex;gap:.5rem;align-items:center}.hh-bg-picker__hint--inline{margin:0 0 0 auto;font-size:.75rem;color:var(--hh-text-muted);text-align:right;line-height:1.2}.hh-bg-picker__error{margin:.25rem 0 0;font-size:.8rem;color:var(--hh-danger)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;min-height:100vh}.hh-app{min-height:100vh;background:var(--hh-bg);color:var(--hh-text);transition:background .2s,color .2s}.hh-app__theme-toggle{position:fixed;top:1rem;right:1rem;z-index:50}.hh-demo-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;animation:hh-demo-fade-in .15s ease}@keyframes hh-demo-fade-in{0%{opacity:0}to{opacity:1}}.hh-demo-modal{position:relative;background:var(--hh-bg);border:1px solid rgba(255,255,255,.08);border-radius:16px;width:min(96vw,1280px);aspect-ratio:16 / 9;max-height:92vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 64px #0009;animation:hh-demo-slide-up .2s ease}@keyframes hh-demo-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.hh-demo-modal>*{flex:1;min-height:0;display:flex;flex-direction:column}@media(max-width:768px){.hh-demo-modal{width:100%;height:100%;aspect-ratio:auto;max-height:100vh;border-radius:0}}