.buro-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);border:1px solid transparent;border-radius:var(--radius-full);font-family:var(--font-family-body);font-weight:var(--font-weight-semibold);cursor:pointer;min-height:var(--touch-target-min);transition:transform var(--transition-fast),background-color var(--transition-base),border-color var(--transition-base),opacity var(--transition-base)}.buro-btn:active:not(:disabled){transform:scale(.97)}.buro-btn:disabled{opacity:.5;cursor:not-allowed}.buro-btn--full{width:100%}.buro-btn--sm{padding:0 var(--space-md);min-height:36px;font-size:var(--font-size-sm)}.buro-btn--md{padding:0 var(--space-lg);font-size:var(--font-size-base)}.buro-btn--lg{padding:0 var(--space-xl);min-height:52px;font-size:var(--font-size-lg)}.buro-btn--primary{background-color:var(--color-btn-primary-bg);color:var(--color-text-on-orange)}.buro-btn--primary:hover:not(:disabled){background-color:var(--color-btn-primary-hover)}.buro-btn--secondary{background-color:var(--color-btn-secondary-bg);color:var(--color-text-primary);border-color:var(--color-border-strong)}.buro-btn--secondary:hover:not(:disabled){background-color:var(--color-btn-secondary-hover)}.buro-btn--ghost{background-color:transparent;color:var(--color-text-primary)}.buro-btn--ghost:hover:not(:disabled){background-color:var(--color-bg-muted)}.buro-btn--danger{background-color:var(--color-btn-danger-bg);color:var(--color-text-on-danger)}.buro-btn--danger:hover:not(:disabled){background-color:var(--color-btn-danger-hover)}.buro-btn__icon{display:inline-flex;align-items:center;font-size:1.1em}.buro-card{border-radius:var(--radius-lg);padding:var(--space-lg)}.buro-card--elevated{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.buro-card--flat{background-color:var(--color-bg-muted);border:1px solid var(--color-border)}.buro-card--cream{background-color:var(--color-bg-cream);color:var(--color-text-on-cream)}.buro-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:.2rem .6rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.4;white-space:nowrap}.buro-badge__dot{width:7px;height:7px;border-radius:var(--radius-full);background-color:currentColor}.buro-badge--neutral{background-color:var(--color-bg-muted);color:var(--color-text-secondary)}.buro-badge--orange{background-color:var(--color-orange-surface);color:var(--color-orange)}.buro-badge--green{background-color:var(--color-live-surface);color:var(--color-green)}.buro-badge--brown{background-color:var(--color-brown-surface);color:var(--color-brown-text)}.buro-badge--danger{background-color:var(--color-danger-surface);color:var(--color-danger)}.buro-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background-color:var(--color-brown);color:var(--color-cream);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);overflow:hidden;flex-shrink:0}.buro-avatar--sm{width:32px;height:32px;font-size:var(--font-size-xs)}.buro-avatar--md{width:44px;height:44px;font-size:var(--font-size-base)}.buro-avatar--lg{width:64px;height:64px;font-size:var(--font-size-lg)}.buro-avatar--speaking{box-shadow:0 0 0 3px var(--color-bg-base),0 0 0 5px var(--color-green)}.buro-avatar__img{width:100%;height:100%;object-fit:cover}.buro-field{display:flex;flex-direction:column;gap:var(--space-xs)}.buro-field__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.buro-field__input{width:100%;min-height:var(--touch-target-min);padding:0 var(--space-md);background-color:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family-body);font-size:var(--font-size-base);transition:border-color var(--transition-base)}.buro-field__input::placeholder{color:var(--color-text-muted)}.buro-field__input:focus{outline:none;border-color:var(--color-orange)}.buro-field__hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.buro-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.buro-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-overlay);animation:buro-fade-in var(--transition-base)}.buro-modal__panel{position:relative;width:100%;max-width:26rem;background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-lg);animation:buro-pop-in var(--transition-base)}.buro-modal__title{font-size:var(--font-size-xl);margin-bottom:var(--space-md)}.buro-modal__footer{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-lg)}@keyframes buro-fade-in{0%{opacity:0}}@keyframes buro-pop-in{0%{opacity:0;transform:scale(.96)}}.buro-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-sheet);display:flex;align-items:flex-end;justify-content:center}.buro-sheet__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-overlay);animation:buro-fade-in var(--transition-base)}.buro-sheet__panel{position:relative;width:100%;max-width:var(--mobile-max-width);background-color:var(--color-bg-elevated);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);border:1px solid var(--color-border);border-bottom:none;padding:var(--space-sm) var(--space-lg) var(--space-2xl);box-shadow:var(--shadow-lg);animation:buro-slide-up var(--transition-base)}.buro-sheet__grabber{width:40px;height:4px;border-radius:var(--radius-full);background-color:var(--color-border-strong);margin:var(--space-sm) auto var(--space-md)}.buro-sheet__title{font-size:var(--font-size-lg);margin-bottom:var(--space-md)}@keyframes buro-slide-up{0%{transform:translateY(100%)}}.buro-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-2xl) var(--space-lg);gap:var(--space-sm)}.buro-empty__icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:var(--space-xs);border-radius:var(--radius-full);background-color:var(--color-bg-muted);color:var(--color-orange);font-size:2rem}.buro-empty__title{font-size:var(--font-size-lg)}.buro-empty__desc{color:var(--color-text-muted);max-width:22rem}.buro-empty__action{margin-top:var(--space-md)}.buro-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xl)}.buro-loading--inline{flex-direction:row;padding:0}.buro-loading__bars{display:inline-flex;align-items:flex-end;gap:3px;height:20px}.buro-loading__bars span{width:4px;height:100%;border-radius:var(--radius-full);background-color:var(--color-orange);animation:buro-eq 1s ease-in-out infinite}.buro-loading__bars span:nth-child(2){animation-delay:.15s}.buro-loading__bars span:nth-child(3){animation-delay:.3s}.buro-loading__bars span:nth-child(4){animation-delay:.45s}.buro-loading__label{font-size:var(--font-size-sm);color:var(--color-text-muted)}@keyframes buro-eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.buro-logo{display:inline-flex;flex-direction:column;gap:4px}.buro-logo__img{display:block;width:auto}.buro-logo__mark{display:block;border-radius:var(--radius-md)}.buro-logo__tagline{font-family:var(--font-family-body);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.buro-logo--sm .buro-logo__tagline{font-size:var(--font-size-xs)}.buro-logo--md .buro-logo__tagline{font-size:var(--font-size-sm)}.buro-logo--lg .buro-logo__tagline{font-size:var(--font-size-base)}.buro-appshell{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);background-color:var(--color-bg-base)}.buro-appshell__trailing{display:flex;align-items:center;gap:var(--space-sm)}.buro-mobile-shell{min-height:100vh;min-height:100dvh;display:flex;justify-content:center;background-color:var(--color-bg-base)}.buro-mobile-shell__frame{position:relative;width:100%;max-width:var(--mobile-max-width);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background-color:var(--color-bg-base)}@media (min-width: 481px){.buro-mobile-shell__frame{border-inline:1px solid var(--color-border)}}.buro-mobile-shell__header{position:sticky;top:0;z-index:var(--z-nav);background-color:var(--color-bg-base)}.buro-mobile-shell__main{flex:1;padding:var(--space-lg)}.buro-mobile-shell__nav{position:sticky;bottom:0;z-index:var(--z-nav)}.buro-bottomnav{display:flex;align-items:stretch;justify-content:space-around;height:var(--bottom-nav-height);background-color:var(--color-nav-bg);border-top:1px solid var(--color-border)}.buro-bottomnav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:var(--touch-target-min);border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-base)}.buro-bottomnav__item.is-active{color:var(--color-nav-active)}.buro-bottomnav__icon{display:inline-flex;align-items:center;justify-content:center;height:24px;line-height:1}.buro-bottomnav__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.buro-bottomnav__item.is-emphasized .buro-bottomnav__icon{width:46px;height:46px;margin-top:-18px;border-radius:var(--radius-full);background-color:var(--color-primary);color:var(--color-charcoal);border:3px solid var(--color-nav-bg);box-shadow:var(--shadow-sm)}.buro-bottomnav__item.is-emphasized:active .buro-bottomnav__icon{transform:scale(.95)}.buro-bottomnav__avatar{border:2px solid transparent}.buro-bottomnav__item.is-active .buro-bottomnav__avatar{border-color:var(--color-primary)}.buro-live-badge__dot{width:7px;height:7px;border-radius:var(--radius-full);background-color:var(--color-green);animation:buro-live-blink 1.4s ease-in-out infinite}@keyframes buro-live-blink{0%,to{opacity:1;box-shadow:var(--shadow-live-pulse)}50%{opacity:.6;box-shadow:var(--shadow-live-pulse-end)}}.buro-mic{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:var(--radius-full);border:2px solid transparent;cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-base)}.buro-mic:active{transform:scale(.95)}.buro-mic--lg{width:88px;height:88px}.buro-mic--md{width:64px;height:64px}.buro-mic--muted{background-color:var(--color-bg-muted);border-color:var(--color-border-strong);color:var(--color-text-secondary)}.buro-mic--live{background-color:var(--color-live-surface);border-color:var(--color-green);color:var(--color-green)}.buro-mic__glyph{display:inline-flex;align-items:center;justify-content:center;line-height:1}.buro-mic__text{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.buro-floating-reaction{position:absolute;bottom:0;font-size:1.5rem;pointer-events:none;z-index:var(--z-floating);animation:buro-float-up 2.4s ease-out forwards}@keyframes buro-float-up{0%{opacity:0;transform:translateY(0) scale(.6)}20%{opacity:1;transform:translateY(-20px) scale(1)}to{opacity:0;transform:translateY(-120px) scale(1.1)}}.auth-page{display:flex;flex-direction:column;gap:var(--space-xl);padding-top:var(--space-lg)}.auth-page__header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-sm)}.auth-page__title{font-size:var(--font-size-xl)}.auth-page__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);max-width:18rem}.auth-form{display:flex;flex-direction:column;gap:var(--space-md)}.auth-form__error{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background-color:var(--color-danger-surface);border:1px solid var(--color-danger-border);color:var(--color-danger-text);font-size:var(--font-size-sm)}.auth-form__footer{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}.auth-form__footer a{color:var(--color-orange);font-weight:var(--font-weight-semibold)}.auth-form__footer a:hover{text-decoration:underline}.auth-form__gender{margin:0;padding:0;border:none;display:flex;flex-direction:column;gap:var(--space-xs)}.auth-form__gender-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.auth-form__gender-options{display:flex;gap:var(--space-sm)}.auth-form__gender-option{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:var(--touch-target-min);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer}.auth-form__gender-option:has(input:checked){border-color:var(--color-primary);background-color:var(--color-surface-muted);color:var(--color-text-primary)}.auth-form__gender-option input{position:absolute;opacity:0;pointer-events:none}.auth-form__avatar-preview{display:flex;justify-content:center;padding:var(--space-sm) 0}.auth-form__avatar-preview-img{border:2px solid var(--color-border);box-shadow:var(--shadow-sm)}.auth-form__optional{padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface-muted)}.auth-form__avatar-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.auth-form__avatar-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-md);border:2px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast)}.auth-form__avatar-card:active{transform:scale(.98)}.auth-form__avatar-card.is-selected{border-color:var(--color-primary);background-color:var(--color-surface-muted);color:var(--color-text-primary)}.auth-form__avatar-card-img{width:64px;height:64px;border-radius:var(--radius-full);background-color:var(--color-bg-base);object-fit:cover}.auth-form__avatar-card-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.profile-setup{display:flex;flex-direction:column;gap:var(--space-xl);padding-top:var(--space-lg)}.profile-setup__header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-sm)}.profile-setup__title{font-size:var(--font-size-xl)}.profile-setup__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);max-width:22rem}.profile-setup__form{display:flex;flex-direction:column;gap:var(--space-md)}.profile-setup__preview{display:flex;justify-content:center;padding:var(--space-md) 0}.profile-setup__preview-img{width:96px;height:96px;border-radius:var(--radius-full);border:2px solid var(--color-border);background-color:var(--color-surface);object-fit:cover}.profile-page{display:flex;flex-direction:column;gap:var(--space-xl)}.profile-page__hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-sm)}.profile-page__name{font-size:var(--font-size-xl)}.profile-page__username{color:var(--color-text-muted);font-size:var(--font-size-sm)}.profile-page__bio{color:var(--color-text-secondary);font-size:var(--font-size-base);max-width:22rem}.profile-page__email{color:var(--color-text-muted);font-size:var(--font-size-sm)}.profile-page__actions{display:flex;flex-direction:column;gap:var(--space-sm)}.profile-page__theme{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);background-color:var(--color-surface);border:1px solid var(--color-border)}.profile-page__theme-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.profile-page__meta{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);border-radius:var(--radius-md);background-color:var(--color-bg-elevated);border:1px solid var(--color-border)}.profile-page__meta-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.profile-page__meta-value{font-size:var(--font-size-sm)}.rooms-page{display:flex;flex-direction:column;gap:var(--space-xl)}.rooms-page__header{display:flex;flex-direction:column;gap:var(--space-md)}.rooms-page__heading{font-size:var(--font-size-xl)}.rooms-page__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:calc(-1 * var(--space-sm))}.rooms-page__section-title{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-sm)}.rooms-page__list{display:flex;flex-direction:column;gap:var(--space-md)}.rooms-page__error{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background-color:var(--color-danger-surface);border:1px solid var(--color-danger-border);color:var(--color-danger-text);font-size:var(--font-size-sm)}.home-hero{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-xl);background-color:var(--color-surface);border:1px solid var(--color-border)}.home-hero__copy{display:flex;flex-direction:column;gap:var(--space-sm);flex:1;min-width:0}.home-hero__heading{font-size:var(--font-size-2xl);line-height:var(--line-height-tight)}.home-hero__accent{color:var(--color-primary)}.home-hero__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-xs)}.home-hero__visual{position:relative;width:96px;height:112px;flex-shrink:0}.home-hero__bubble{position:absolute;border-radius:var(--radius-full);border:2px solid var(--color-border-strong)}.home-hero__bubble--a{width:44px;height:44px;top:8px;left:8px;background-color:var(--color-orange-surface);border-color:var(--color-primary)}.home-hero__bubble--b{width:34px;height:34px;top:40px;right:4px;background-color:var(--color-brown-surface);border-color:var(--color-accent)}.home-hero__bubble--c{width:26px;height:26px;bottom:6px;left:18px;background-color:var(--color-live-surface);border-color:var(--color-live)}.home-hero__wave{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-primary)}.home-hero__chat{position:absolute;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);background-color:var(--color-surface-muted);border:1px solid var(--color-border)}.home-hero__chat--a{top:44px;right:6px;color:var(--color-primary)}.home-hero__chat--b{bottom:4px;left:16px;color:var(--color-accent)}.home-hero__dot{position:absolute;width:8px;height:8px;border-radius:var(--radius-full)}.home-hero__dot--a{top:6px;right:18px;background-color:var(--color-live)}.home-hero__dot--b{bottom:30px;left:4px;background-color:var(--color-primary)}.home-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-sm);padding:var(--space-xl) var(--space-lg);border-radius:var(--radius-xl);background-color:var(--color-surface);border:1px solid var(--color-border)}.home-empty__art{position:relative;width:72px;height:72px;margin-bottom:var(--space-xs)}.home-empty__bubble{position:absolute;border-radius:var(--radius-full)}.home-empty__bubble--a{width:72px;height:72px;top:0;right:0;bottom:0;left:0;background-color:var(--color-orange-surface)}.home-empty__bubble--b{width:28px;height:28px;right:-2px;bottom:-2px;background-color:var(--color-brown-surface);border:2px solid var(--color-accent)}.home-empty__icon{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-flex;align-items:center;justify-content:center;color:var(--color-primary)}.home-empty__title{font-size:var(--font-size-lg)}.home-empty__text{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-sm)}.home-stack{display:flex;align-items:center;gap:var(--space-sm);min-width:0}.home-stack__avatars{display:flex;align-items:center}.home-stack__avatar,.home-stack__bubble,.home-stack__more{border:2px solid var(--color-surface);border-radius:var(--radius-full)}.home-stack__avatar:not(:first-child),.home-stack__bubble,.home-stack__more{margin-left:-10px}.home-stack__bubble{width:32px;height:32px;background-color:var(--color-brown-surface)}.home-stack__more{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 var(--space-sm);background-color:var(--color-surface-muted);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.home-stack__label{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap}.room-card{display:flex;flex-direction:column;gap:var(--space-sm)}.room-card__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.room-card__badges{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.room-card__head{display:flex;align-items:center;gap:var(--space-sm)}.room-card__heading{min-width:0}.room-card__title{font-size:var(--font-size-lg)}.room-card__category{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.room-card__host{font-size:var(--font-size-sm);color:var(--color-text-muted)}.room-card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-top:var(--space-sm)}.live-room{display:flex;flex-direction:column;gap:var(--space-lg)}.live-room__header{display:flex;flex-direction:column;gap:var(--space-sm);text-align:center;align-items:center}.live-room__title-row{display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.live-room__title{font-size:var(--font-size-xl);line-height:var(--line-height-tight);font-weight:var(--font-weight-bold)}.live-room__title-edit{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-surface-muted);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.live-room__title-edit:hover:not(:disabled){color:var(--color-primary)}.live-room__title-edit:active:not(:disabled){transform:scale(.96)}.live-room__title-edit:disabled{opacity:.5;cursor:not-allowed}.live-room__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.live-room__chip{padding:2px var(--space-sm);border-radius:var(--radius-full);background-color:var(--color-surface-muted);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.live-room__host{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-lg);background-color:var(--color-surface);border:1px solid var(--color-border)}.live-room__host-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.live-room__host-info strong{font-size:var(--font-size-base)}.live-room__host-sub{font-size:var(--font-size-xs);color:var(--color-text-muted)}.live-room__participants{display:flex;flex-direction:column;gap:var(--space-sm)}.live-room__people{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md) var(--space-sm)}.live-room__person{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);min-width:0;width:100%}.live-room__person-avatar{position:relative;display:inline-flex}.live-room__person-status{position:absolute;right:-3px;bottom:-3px;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-full);border:2px solid var(--color-bg-base);pointer-events:none}.live-room__person-status--live{background-color:var(--color-live);color:var(--color-charcoal)}.live-room__person-status--muted{background-color:var(--color-surface-muted);color:var(--color-text-muted)}.live-room__person-menu{position:absolute;top:-4px;right:-4px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:2px solid var(--color-bg-base);border-radius:var(--radius-full);background-color:var(--color-surface-muted);color:var(--color-text-secondary);cursor:pointer}.live-room__person-menu:active{transform:scale(.94)}.live-room__person-name{max-width:100%;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-room__person-host{font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--color-primary)}.live-room__host-actions{display:flex;flex-direction:column;gap:var(--space-sm)}.live-room__modal-actions{display:flex;gap:var(--space-sm);justify-content:flex-end}.live-room__report-form{display:flex;flex-direction:column;gap:var(--space-md)}.live-room__report-label{display:flex;flex-direction:column;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.live-room__report-select{min-height:var(--touch-target-min);padding:0 var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-input-border);background-color:var(--color-input-bg);color:var(--color-text-primary);font-family:var(--font-family-body);font-size:var(--font-size-sm)}.live-room__audio-retry{padding:var(--space-xs) var(--space-md);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);background-color:var(--color-bg-muted);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer}.live-room__audio-retry:active{transform:scale(.97)}.live-room__actions{display:flex;flex-direction:column;gap:var(--space-sm)}.live-room__actionbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.live-room__actionbar-right{display:flex;align-items:center;gap:var(--space-sm)}.live-room__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--touch-target-min);height:var(--touch-target-min);border:1px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-surface-muted);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.live-room__icon-btn:active{transform:scale(.96)}.live-room__dock{position:sticky;bottom:0;z-index:var(--z-nav);margin:var(--space-sm) calc(-1 * var(--space-lg)) calc(-1 * var(--space-lg));padding:var(--space-md) var(--space-lg);padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-sm);background-color:var(--color-bg-base);border-top:1px solid var(--color-border)}.live-room__dock-action{display:inline-flex;flex-direction:column;align-items:center;justify-self:start;gap:2px;padding:var(--space-xs) var(--space-sm);border:none;border-radius:var(--radius-md);background-color:transparent;color:var(--color-text-secondary);cursor:pointer}.live-room__dock-action:disabled{opacity:.5;cursor:not-allowed}.live-room__dock-icon{display:inline-flex}.live-room__dock-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.live-room__dock-mic{display:flex;flex-direction:column;align-items:center;justify-self:center;gap:var(--space-xs)}.live-room__dock-status{font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-muted)}.live-room__dock-reactions{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;justify-self:end;gap:5px}.live-room__dock-reaction{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-surface);font-size:1rem;line-height:1;cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast)}.live-room__dock-reaction:hover:not(:disabled){background-color:var(--color-surface-muted)}.live-room__dock-reaction:active:not(:disabled){transform:scale(.9)}.live-room__dock-reaction:disabled{opacity:.5;cursor:not-allowed}.live-room__ended{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);background-color:var(--color-surface-muted);border:1px solid var(--color-border);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.live-room__ended .live-room__state-icon{width:32px;height:32px;color:var(--color-text-muted)}.live-room__state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-md);padding:var(--space-2xl) var(--space-lg);border-radius:var(--radius-xl);background-color:var(--color-surface);border:1px solid var(--color-border)}.live-room__state-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-full);background-color:var(--color-surface-muted);color:var(--color-primary)}.live-room__state-icon--danger{background-color:var(--color-danger-surface);color:var(--color-danger)}.live-room__state-text{font-size:var(--font-size-base);color:var(--color-text-secondary)}.live-room__edit-form,.start-room-sheet__form{display:flex;flex-direction:column;gap:var(--space-md)}.start-room-sheet__row{display:flex;align-items:center;gap:var(--space-sm)}.start-room-sheet__center{flex:1;min-width:0}.start-room-sheet__title-prompt{width:100%;text-align:left;padding:var(--space-sm) 0;background-color:transparent;border:none;color:var(--color-text-secondary);font-size:var(--font-size-base);cursor:pointer}.start-room-sheet__title-prompt:disabled{opacity:.5;cursor:not-allowed}.start-room-sheet__title-input{width:100%;padding:var(--space-sm) 0;background-color:transparent;border:none;border-bottom:1px solid var(--color-border-strong);color:var(--color-text-primary);font-family:var(--font-family-body);font-size:var(--font-size-base)}.start-room-sheet__title-input::placeholder{color:var(--color-text-muted)}.start-room-sheet__title-input:focus{outline:none;border-bottom-color:var(--color-orange)}.start-room-sheet__category-add-btn{display:inline-flex;align-items:center;gap:var(--space-xs);flex-shrink:0;padding:var(--space-xs) var(--space-sm);background-color:transparent;border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-xs);cursor:pointer}.start-room-sheet__category-add-btn:disabled{opacity:.5;cursor:not-allowed}.start-room-sheet__plus{font-size:var(--font-size-base);color:var(--color-orange);line-height:1}.start-room-sheet__category-input{width:100%;min-height:var(--touch-target-min);padding:0 var(--space-md);background-color:var(--color-bg-base);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family-body);font-size:var(--font-size-sm)}.start-room-sheet__category-input::placeholder{color:var(--color-text-muted)}.start-room-sheet__category-input:focus{outline:none;border-color:var(--color-orange)}.start-room-sheet__actions{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-sm)}.live-room--with-reactions{position:relative}.live-room__reactions-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:var(--z-floating)}.live-room__chat-layer{position:absolute;left:0;right:0;bottom:150px;height:200px;pointer-events:none;overflow:hidden;z-index:var(--z-floating)}.live-room__chat-preview{position:absolute;bottom:0;display:inline-flex;align-items:baseline;gap:var(--space-xs);max-width:70%;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);background-color:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);font-size:var(--font-size-xs);white-space:nowrap;transform:translate(-50%);animation:floatChatPreview 3.6s ease-out forwards}.live-room__chat-preview-name{flex-shrink:0;font-weight:var(--font-weight-semibold);color:var(--color-primary)}.live-room__chat-preview-body{min-width:0;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis}@keyframes floatChatPreview{0%{opacity:0;transform:translate(-50%,12px) scale(.96)}15%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--chat-drift, 0px)),-40px) scale(1)}}.room-chat{display:flex;flex-direction:column;gap:var(--space-md);min-height:300px;max-height:55vh}.room-chat__list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-md);padding-right:var(--space-xs)}.room-chat__list>*{flex-shrink:0}.room-chat__message{display:flex;align-items:flex-start;gap:var(--space-sm)}.room-chat__bubble{flex:1;min-width:0;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background-color:var(--color-surface);border:1px solid var(--color-border)}.room-chat__sender{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:2px}.room-chat__body{font-size:var(--font-size-sm);line-height:var(--line-height-base);color:var(--color-text-primary);word-break:break-word}.room-chat__composer{display:flex;align-items:center;gap:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-border)}.room-chat__input{flex:1;min-height:var(--touch-target-min);padding:0 var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-input-border);background-color:var(--color-input-bg);color:var(--color-text-primary);font-family:var(--font-family-body);font-size:var(--font-size-sm)}.room-chat__input::placeholder{color:var(--color-text-muted)}.room-chat__input:focus{outline:none;border-color:var(--color-orange)}.room-chat__input:disabled{opacity:.5}.admin-page{display:flex;flex-direction:column;gap:var(--space-lg)}.admin-page__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.admin-page__heading{display:flex;align-items:center;gap:var(--space-sm)}.admin-page__title{font-size:var(--font-size-xl)}.admin-page__link{font-size:var(--font-size-sm);color:var(--color-orange);text-decoration:none}.admin-page__empty{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.admin-page__list{display:flex;flex-direction:column;gap:var(--space-md)}.admin-page__input{width:100%;min-height:var(--touch-target-min);padding:0 var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background-color:var(--color-bg-base);color:var(--color-text-primary);font-family:var(--font-family-body);font-size:var(--font-size-sm)}.admin-card{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);background-color:var(--color-bg-elevated);border:1px solid var(--color-border)}.admin-card__meta{font-size:var(--font-size-xs);color:var(--color-text-muted)}.admin-card__body{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.admin-card__subtitle{font-size:var(--font-size-sm)}.admin-card__actions{display:flex;flex-wrap:wrap;gap:var(--space-xs)}:root{--color-charcoal: #171717;--color-orange: #f59e0b;--color-brown: #7a4a1d;--color-cream: #fff7e8;--color-green: #22c55e;--color-red: #ef4444;--font-family-heading: "Sora", system-ui, -apple-system, "Segoe UI", sans-serif;--font-family-body: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.75rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.15;--line-height-base: 1.5;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--touch-target-min: 44px;--mobile-max-width: 480px;--bottom-nav-height: 64px;--transition-fast: .12s ease;--transition-base: .2s ease;--z-modal: 1000;--z-sheet: 1000;--z-nav: 100;--z-floating: 200}:root,[data-theme=dark]{--color-brand-primary: var(--color-orange);--color-brand-accent: var(--color-brown);--color-primary: var(--color-orange);--color-primary-strong: #ffb31f;--color-accent: var(--color-brown);--color-bg-base: var(--color-charcoal);--color-bg-elevated: #1f1d1a;--color-bg-muted: #2a2723;--color-bg-cream: var(--color-cream);--color-surface: var(--color-bg-elevated);--color-surface-muted: var(--color-bg-muted);--color-text-primary: var(--color-cream);--color-text-secondary: #d9cdba;--color-text-muted: #9a8f7e;--color-text-on-orange: #2a1a05;--color-text-on-cream: var(--color-charcoal);--color-text-on-danger: #ffffff;--color-live: var(--color-green);--color-danger: var(--color-red);--color-muted-state: #8a8a8a;--color-border: #3a352e;--color-border-strong: #4a443b;--color-focus: var(--color-orange);--color-btn-primary-bg: var(--color-orange);--color-btn-primary-hover: #ffb31f;--color-btn-secondary-bg: var(--color-bg-muted);--color-btn-secondary-hover: #34302a;--color-btn-danger-bg: var(--color-danger);--color-btn-danger-hover: #f25c5c;--color-input-bg: var(--color-bg-base);--color-input-border: var(--color-border-strong);--color-nav-bg: var(--color-bg-elevated);--color-nav-active: var(--color-orange);--color-live-surface: rgba(34, 197, 94, .16);--color-orange-surface: rgba(245, 158, 11, .16);--color-brown-surface: rgba(122, 74, 29, .28);--color-brown-text: #d8a26a;--color-danger-surface: rgba(239, 68, 68, .12);--color-danger-border: rgba(239, 68, 68, .35);--color-danger-text: #fca5a5;--color-overlay: rgba(0, 0, 0, .6);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);--shadow-md: 0 4px 16px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .45);--shadow-glow: 0 0 0 4px rgba(245, 158, 11, .25);--shadow-live-pulse: 0 0 0 0 rgba(34, 197, 94, .6);--shadow-live-pulse-end: 0 0 0 4px rgba(34, 197, 94, 0)}[data-theme=light]{--color-brand-primary: var(--color-orange);--color-brand-accent: var(--color-brown);--color-primary: var(--color-orange);--color-primary-strong: #d97706;--color-accent: var(--color-brown);--color-bg-base: var(--color-cream);--color-bg-elevated: #fffdf8;--color-bg-muted: #f5ead8;--color-bg-cream: var(--color-cream);--color-surface: var(--color-bg-elevated);--color-surface-muted: var(--color-bg-muted);--color-text-primary: var(--color-charcoal);--color-text-secondary: #4a443b;--color-text-muted: #7a7268;--color-text-on-orange: #2a1a05;--color-text-on-cream: var(--color-charcoal);--color-text-on-danger: #ffffff;--color-live: var(--color-green);--color-danger: var(--color-red);--color-muted-state: #9a9a9a;--color-border: #e8dcc8;--color-border-strong: #d4c4a8;--color-focus: var(--color-orange);--color-btn-primary-bg: var(--color-orange);--color-btn-primary-hover: #d97706;--color-btn-secondary-bg: var(--color-bg-muted);--color-btn-secondary-hover: #ebe0cc;--color-btn-danger-bg: var(--color-danger);--color-btn-danger-hover: #dc2626;--color-input-bg: #ffffff;--color-input-border: var(--color-border-strong);--color-nav-bg: var(--color-bg-elevated);--color-nav-active: var(--color-orange);--color-live-surface: rgba(34, 197, 94, .12);--color-orange-surface: rgba(245, 158, 11, .14);--color-brown-surface: rgba(122, 74, 29, .12);--color-brown-text: var(--color-brown);--color-danger-surface: rgba(239, 68, 68, .1);--color-danger-border: rgba(239, 68, 68, .3);--color-danger-text: #b91c1c;--color-overlay: rgba(23, 23, 23, .45);--shadow-sm: 0 1px 2px rgba(23, 23, 23, .08);--shadow-md: 0 4px 16px rgba(23, 23, 23, .1);--shadow-lg: 0 12px 32px rgba(23, 23, 23, .12);--shadow-glow: 0 0 0 4px rgba(245, 158, 11, .2);--shadow-live-pulse: 0 0 0 0 rgba(34, 197, 94, .4);--shadow-live-pulse-end: 0 0 0 4px rgba(34, 197, 94, 0)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{min-height:100vh;font-family:var(--font-family-body);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary);background-color:var(--color-bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}h1,h2,h3,h4{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}button{font-family:inherit}a{color:inherit;text-decoration:none}:where(button,a,input,[tabindex]):focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}.u-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}