: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;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--hh-border);border-radius:12px;margin-bottom:.75rem;cursor:pointer;transition:background .15s;color:var(--hh-text)}.hh-room-card:hover{background:var(--hh-bg-hover)}.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-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem 1rem;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .15s,opacity .15s}.hh-btn:disabled{opacity:.5;cursor:not-allowed}.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)}.hh-btn--secondary:hover:not(:disabled){background:var(--hh-btn-secondary-hover)}.hh-btn--danger{background:var(--hh-danger);color:#fff}.hh-btn--small{padding:.3rem .6rem;font-size:.8rem}.hh-btn--icon{width:40px;height:40px;padding:0;border-radius:50%}.hh-room{max-width:640px;margin:0 auto;padding:1.5rem;font-family:system-ui,-apple-system,sans-serif;min-height:100vh;display:flex;flex-direction:column;color:var(--hh-text)}.hh-room--embedded{min-height:0;height:100%;overflow:hidden}.hh-room--embedded .hh-room__content{flex:1;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.hh-room--embedded .hh-room__content::-webkit-scrollbar{width:6px}.hh-room--embedded .hh-room__content::-webkit-scrollbar-track{background:transparent}.hh-room--embedded .hh-room__content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.hh-room__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-shrink:0}.hh-room__title{font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.hh-room__host{font-size:.85rem;color:var(--hh-text-secondary)}.hh-room__count{font-size:.85rem;color:var(--hh-text-muted)}.hh-stage{margin-bottom:1.5rem}.hh-stage__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--hh-text-muted);margin-bottom:.75rem}.hh-stage__grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.hh-audience{flex:1;margin-bottom:1.5rem}.hh-audience__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--hh-text-muted);margin-bottom:.75rem}.hh-audience__grid{display:flex;flex-wrap:wrap;gap:.75rem}.hh-tile{display:flex;flex-direction:column;align-items:center;gap:.4rem;position:relative;cursor:pointer}.hh-tile__avatar-wrap{position:relative;width:64px;height:64px}.hh-tile--small .hh-tile__avatar-wrap{width:48px;height:48px}.hh-tile__avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid transparent;transition:border-color .2s}.hh-tile--speaking .hh-tile__avatar{border-color:var(--hh-success);box-shadow:0 0 0 3px #22c55e4d}.hh-tile--muted .hh-tile__avatar{opacity:.7}.hh-tile__hand{position:absolute;top:-4px;right:-4px;font-size:1.1rem;line-height:1}.hh-tile__name{font-size:.75rem;font-weight:500;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--hh-text)}.hh-tile__role{font-size:.65rem;color:var(--hh-primary);font-weight:600;text-transform:uppercase}.hh-controls{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1rem;border-top:1px solid var(--hh-border-light);margin-top:auto;flex-shrink:0;position:sticky;bottom:0;background:var(--hh-bg);z-index:5}.hh-host-panel{position:fixed;z-index:100;background:var(--hh-bg);border:1px solid var(--hh-border);border-radius:8px;box-shadow:0 4px 12px var(--hh-shadow);padding:.5rem;display:flex;flex-direction:column;gap:.25rem;min-width:140px;max-width:200px}.hh-host-panel__btn{width:100%;text-align:left;padding:.4rem .6rem;border:none;background:none;border-radius:4px;font-size:.85rem;cursor:pointer;color:var(--hh-text)}.hh-host-panel__btn:hover{background:var(--hh-bg-hover)}.hh-host-panel__btn--danger{color:var(--hh-primary)}.hh-chat__toggle{position:relative}.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 var(--hh-border);border-radius:12px;margin:.75rem 0;display:flex;flex-direction:column;max-height:300px;background:var(--hh-bg)}.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:var(--hh-text)}.hh-chat__msg-text{font-size:.85rem;color:var(--hh-text)}.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}*{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}