.toast-viewport{z-index:100;pointer-events:none;flex-direction:column;align-items:flex-end;gap:.5rem;display:flex;position:fixed;top:1rem;left:1rem;right:1rem}@media (width>=640px){.toast-viewport{width:22rem;left:auto}}.toast{background:var(--glass-bg-elevated);-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--panel-border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);pointer-events:auto;align-items:flex-start;gap:.5rem;width:100%;padding:.75rem 1rem;animation:.18s ease-out page-fade-in;display:flex}.toast--error{border-color:var(--neon-danger)}.toast--success{border-color:var(--neon-secondary)}.toast__message{flex:1;font-size:.875rem}.toast__close{color:var(--text-secondary);flex-shrink:0;font-size:1.125rem;line-height:1}.toast__close:hover{color:var(--text-primary)}.avatar{width:var(--avatar-size);height:var(--avatar-size);flex-shrink:0;position:relative}.avatar__circle{width:100%;height:100%;font-weight:500;font-size:var(--avatar-font-size);background:var(--glass-bg-elevated);border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.avatar__image{object-fit:cover;width:100%;height:100%}.avatar__badge{background:var(--neon-secondary);box-shadow:var(--neon-secondary-glow);width:calc(var(--avatar-size) * .3);height:calc(var(--avatar-size) * .3);border:2px solid var(--bg-base);border-radius:50%;position:absolute;bottom:-.125rem;right:-.125rem}.background-blobs__blob{filter:blur(80px);opacity:var(--blob-opacity);pointer-events:none;z-index:0;border-radius:50%;animation:20s ease-in-out infinite float;position:fixed}.background-blobs__blob--primary{background:var(--neon-primary);width:45vw;height:45vw;top:-10%;left:-10%}.background-blobs__blob--secondary{background:var(--neon-secondary);width:40vw;height:40vw;animation-delay:-8s;bottom:-15%;right:-10%}.beam-logo{align-items:center;gap:.5rem;display:inline-flex}.beam-logo__mark{flex-shrink:0}.beam-logo__mark rect{fill:var(--neon-primary)}.beam-logo__wordmark{letter-spacing:-.02em;font-weight:800}.glass-button{border-radius:var(--radius-md);padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:color .15s,background-color .15s,border-color .15s}.glass-button:disabled{cursor:not-allowed}.glass-button--primary{background:linear-gradient(135deg, var(--neon-primary), var(--neon-primary-2));box-shadow:var(--neon-primary-glow);color:var(--on-neon-primary);border-radius:var(--radius-md);transition:transform .15s,box-shadow .15s}.glass-button--primary:hover{transform:translateY(-1px)}.glass-button--primary:active{transform:translateY(0)}.glass-button--primary:disabled{opacity:.5;box-shadow:none;cursor:not-allowed;transform:none}.glass-button--ghost{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--panel-border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:border-color .2s,background .2s}.glass-button--ghost:hover{border-color:var(--glass-border-hover)}.glass-button--ghost{border-radius:var(--radius-md);color:var(--text-primary)}.glass-button--danger{border-radius:var(--radius-md);border:var(--panel-border-width) solid var(--neon-danger);color:var(--neon-danger);background:0 0}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--panel-border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:border-color .2s,background .2s}.glass-card:hover{border-color:var(--glass-border-hover)}.glass-card{padding:1.25rem}.glass-card--elevated{background:var(--glass-bg-elevated);-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--panel-border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}.glass-input{background:var(--glass-bg);border:var(--panel-border-width) solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);transition:border-color .15s}.glass-input:focus{border-color:var(--neon-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--neon-primary) 15%, transparent);outline:none}.glass-input::placeholder{color:var(--text-tertiary)}.glass-input{width:100%;padding:.625rem .875rem;font-size:.875rem}.confetti{z-index:200;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti__piece{border-radius:1px;animation-name:confetti-fall;animation-timing-function:ease-in;animation-fill-mode:forwards;position:absolute;top:-5vh}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:.625rem;padding:2rem 1rem;display:flex}.empty-state__icon{color:var(--text-tertiary);opacity:.6}.empty-state__message{color:var(--text-secondary);max-width:22rem;font-size:.875rem}.glass-modal{z-index:50;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.glass-modal__panel{background:var(--glass-bg-elevated);-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--panel-border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);width:100%;max-width:28rem;padding:1.5rem}.glass-modal__header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.glass-modal__title{font-size:1.125rem;font-weight:600}.glass-modal__close{color:var(--text-secondary);margin-left:auto;font-size:1.25rem;line-height:1}.glass-modal__close:hover{color:var(--text-primary)}.premium-badge{color:#4a2c00;background:linear-gradient(135deg,#ffd23f,#ff9d2e);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1rem;height:1rem;font-size:.625rem;line-height:1;display:inline-flex;box-shadow:0 0 6px #ffb42880}.premium-badge--md{width:1.375rem;height:1.375rem;font-size:.8125rem}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--glass-bg-elevated) 25%, var(--glass-border-hover) 50%, var(--glass-bg-elevated) 75%);background-size:250% 100%;width:100%;animation:1.6s ease-in-out infinite shimmer}.auth-layout{justify-content:center;align-items:center;min-height:100%;padding:3rem 1rem;display:flex;position:relative}.auth-layout__content{z-index:10;text-align:center;width:100%;max-width:24rem;position:relative}.auth-layout__title{margin-bottom:2rem;font-size:1.75rem}.install-guide__body{flex-direction:column;gap:1rem;display:flex}.install-guide__tabs{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--panel-border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:border-color .2s,background .2s}.install-guide__tabs:hover{border-color:var(--glass-border-hover)}.install-guide__tabs{display:flex}.install-guide__tab{color:var(--text-secondary);flex:1;padding:.625rem 0;font-size:.875rem;font-weight:500;transition:color .15s}.install-guide__tab--active{color:var(--text-primary);box-shadow:inset 0 -2px 0 var(--neon-primary)}.install-guide__steps{flex-direction:column;gap:.75rem;display:flex}.install-guide__step{align-items:center;gap:.75rem;display:flex}.install-guide__step-icon{background:var(--glass-bg-elevated);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.install-guide__step-text{color:var(--text-secondary);font-size:.875rem}.install-guide__submit{width:100%}.install-prompt__button{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--panel-border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:border-color .2s,background .2s}.install-prompt__button:hover{border-color:var(--glass-border-hover)}.install-prompt__button{width:2.25rem;height:2.25rem;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.offline-banner{top:0;z-index:60;text-align:center;color:#fff;background:var(--neon-danger);padding-block:.5rem;font-size:.875rem;position:fixed;inset-inline:0}.bottom-nav{background:var(--glass-bg-elevated);-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--panel-border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);z-index:40;border-radius:9999px;flex-shrink:0;align-items:center;gap:.125rem;width:fit-content;max-width:calc(100vw - 1.5rem);margin:.5rem auto 1rem;padding:.375rem;display:flex}@media (height<=600px){.bottom-nav{margin-block:.25rem;padding:.25rem}}@media (width>=768px){.bottom-nav{display:none}}.bottom-nav__item{color:var(--text-tertiary);border-radius:9999px;flex-direction:column;align-items:center;gap:.125rem;padding:.375rem .75rem;font-size:10px;transition:color .15s;display:flex}.bottom-nav__item--active{color:var(--text-primary)}.app-layout{flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.app-layout__header{z-index:15;background:var(--glass-bg);width:100%;max-width:72rem;-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:none;flex-shrink:0;align-items:center;gap:1rem;margin-inline:auto;padding:1rem;transition:padding .18s,background-color .18s;display:flex;position:relative}@media (height<=600px){.app-layout__header{padding-block:.5rem}}@media (width>=640px){.app-layout__header{padding-inline:1.5rem}}.app-layout__header--scrolled{background:var(--glass-bg-elevated);padding-block:.5rem}@media (height<=600px){.app-layout__header--scrolled{padding-block:.375rem}}.app-layout__header--room-hidden{display:none}@media (width>=1024px){.app-layout__header--room-hidden{display:flex}}.app-layout__header--pwa-hidden{display:none}@media (width>=1024px){.app-layout__header--pwa-hidden{display:flex}}.app-layout__logo{flex-shrink:0;font-size:1.125rem}.app-layout__nav{color:var(--text-secondary);align-items:center;gap:1.25rem;font-size:.875rem;display:none}@media (width>=768px){.app-layout__nav{display:flex}}.app-layout__nav-link{border-bottom:2px solid #0000;padding-block:.25rem;transition:color .15s,border-color .15s}.app-layout__nav-link:hover{color:var(--text-primary)}.app-layout__nav-link--active{color:var(--text-primary);border-bottom-color:var(--neon-primary)}.app-layout__actions{align-items:center;gap:.75rem;margin-left:auto;display:flex}.app-layout__user-menu{position:relative}.app-layout__user-menu-trigger{outline-offset:2px;border-radius:50%;outline:2px solid #0000;transition:outline-color .15s;display:flex}.app-layout__user-menu-trigger:hover,.app-layout__user-menu-trigger:focus-visible{outline-color:var(--glass-border-hover)}.app-layout__user-menu-dropdown{background:var(--glass-bg-elevated);-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--panel-border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);z-index:20;flex-direction:column;gap:.125rem;min-width:11rem;padding:.5rem;display:flex;position:absolute;top:calc(100% + .5rem);right:0}.app-layout__user-menu-name{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;padding:.375rem .625rem;font-size:.75rem;overflow:hidden}.app-layout__user-menu-item{border-radius:var(--radius-sm);text-align:left;width:100%;color:var(--text-primary);padding:.5rem .625rem;font-size:.875rem;transition:background-color .15s;display:block}.app-layout__user-menu-item:hover{background:var(--glass-bg-elevated)}.app-layout__user-menu-item--danger:hover{color:var(--neon-danger)}.app-layout__notification{z-index:50;width:100%;max-width:24rem;position:fixed;top:1rem;right:1rem}.app-layout__notification-card{background:var(--glass-bg-elevated);-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--panel-border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.app-layout__notification-dot{background:var(--neon-secondary);box-shadow:var(--neon-secondary-glow);border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem;margin-top:.25rem}.app-layout__notification-text{flex:1;font-size:.875rem}.app-layout__notification-close{color:var(--text-tertiary)}.app-layout__notification-close:hover{color:var(--text-primary)}.app-layout__page-transition{height:100%;animation:.22s ease-out page-fade-in}@media (prefers-reduced-motion:reduce){.app-layout__page-transition{animation:none}}.app-layout__main{z-index:10;flex:1;width:100%;max-width:72rem;min-height:0;margin-inline:auto;padding:0 1rem 1.5rem;position:relative;overflow-y:auto}@media (width>=640px){.app-layout__main{padding-inline:1.5rem}}.protected-route__loading{color:var(--text-secondary);justify-content:center;align-items:center;min-height:60vh;display:flex}.content-search{flex-direction:column;gap:.75rem;display:flex}.content-search__form{gap:.5rem;display:flex}.content-search__status{color:var(--text-secondary);font-size:.875rem}.content-search__status--error{color:var(--neon-danger)}.content-search__results{flex-direction:column;gap:.375rem;max-height:18rem;display:flex;overflow-y:auto}.content-search__result{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--panel-border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:border-color .2s,background .2s}.content-search__result:hover{border-color:var(--glass-border-hover)}.content-search__result{align-items:center;gap:.25rem;width:100%;padding:.5rem;display:flex}.content-search__result-select{text-align:left;flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.content-search__bookmark{color:var(--text-tertiary);flex-shrink:0;padding:.375rem}.content-search__bookmark:hover,.content-search__bookmark--saved{color:var(--neon-primary)}.content-search__bookmark:disabled{cursor:not-allowed}.content-search__thumbnail-wrap{flex-shrink:0;position:relative}.content-search__thumbnail{object-fit:cover;border-radius:.375rem;width:5rem;height:3rem}.content-search__duration{color:#fff;background:#000000b3;border-radius:.25rem;padding:.0625rem .25rem;font-size:.625rem;position:absolute;bottom:.25rem;right:.25rem}.content-search__info{min-width:0}.content-search__title{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;overflow:hidden}.content-search__author{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.create-room-modal{flex-direction:column;gap:1rem;display:flex}.create-room-modal__tabs{gap:.5rem;display:flex}.create-room-modal__tab{border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);flex:1;padding:.5rem .75rem;font-size:.875rem;transition:color .15s,border-color .15s}.create-room-modal__tab--active{border-color:var(--neon-primary);color:var(--text-primary)}.create-room-modal__field{flex-direction:column;gap:.375rem;display:flex}.create-room-modal__label{color:var(--text-secondary);font-size:.75rem}.create-room-modal__preview{align-items:center;gap:.75rem;display:flex}.create-room-modal__preview-thumbnail{border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;width:4.5rem;height:2.5rem}.create-room-modal__preview-url{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.create-room-modal__visibility-options{gap:.5rem;display:flex}.create-room-modal__visibility-option{border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);flex:1;padding:.5rem .75rem;font-size:.875rem;transition:color .15s,border-color .15s}.create-room-modal__visibility-option--active{border-color:var(--neon-primary);color:var(--text-primary)}.create-room-modal__visibility-option--locked{opacity:.55}.create-room-modal__visibility-hint{color:var(--text-tertiary);font-size:.75rem}.create-room-modal__schedule-toggle{color:var(--text-primary);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.create-room-modal__schedule-input{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--panel-border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:border-color .2s,background .2s}.create-room-modal__schedule-input:hover{border-color:var(--glass-border-hover)}.create-room-modal__schedule-input{color:var(--text-primary);background:var(--glass-bg);border:none;padding:.5rem .75rem;font-size:.875rem}.create-room-modal__schedule-input::-webkit-calendar-picker-indicator{filter:invert(.6)}.create-room-modal__error{color:var(--neon-danger);font-size:.875rem}.create-room-modal__submit{width:100%}.dashboard-page{flex-direction:column;gap:1rem;padding-block:1.5rem;display:flex}.dashboard-page__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.dashboard-page__title{font-size:1.25rem;font-weight:600}.dashboard-page__tabs{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--panel-border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:border-color .2s,background .2s}.dashboard-page__tabs:hover{border-color:var(--glass-border-hover)}.dashboard-page__tabs{display:flex;overflow:hidden}.dashboard-page__tab{color:var(--text-secondary);background:var(--glass-bg);text-align:center;border:none;flex:1;padding:.75rem 0;font-size:.875rem;font-weight:500;transition:color .15s}.dashboard-page__tab--active{color:var(--text-primary);box-shadow:inset 0 -2px 0 var(--neon-primary)}.dashboard-page__empty{color:var(--text-secondary)}.dashboard-page__filters{flex-direction:column;gap:.625rem;display:flex}.dashboard-page__source-filters{flex-wrap:wrap;gap:.375rem;display:flex}.dashboard-page__source-filter{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--panel-border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:border-color .2s,background .2s}.dashboard-page__source-filter:hover{border-color:var(--glass-border-hover)}.dashboard-page__source-filter{color:var(--text-secondary);border-radius:9999px;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:color .15s,background-color .15s}.dashboard-page__source-filter--active{background:var(--neon-primary);color:var(--on-neon-primary);border-color:#0000}.dashboard-page__scheduled{flex-direction:column;gap:.5rem;display:flex}.dashboard-page__scheduled-title{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.dashboard-page__scheduled-list{gap:.625rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.dashboard-page__friends-watching{flex-direction:column;gap:.5rem;display:flex}.dashboard-page__friends-watching-title{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.dashboard-page__friends-watching-list{gap:.625rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.dashboard-page__grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem;display:grid}@media (width>=640px){.dashboard-page__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.dashboard-page__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.room-card{cursor:pointer;flex-direction:column;gap:.5rem;display:flex;position:relative;overflow:hidden}.room-card__thumbnail{object-fit:cover;background:var(--glass-bg-elevated);width:calc(100% + 2.5rem);height:8.5rem;margin:-1.25rem -1.25rem 0}.room-card__thumbnail--placeholder{background:linear-gradient(135deg, var(--glass-bg-elevated), var(--glass-bg))}.room-card__body{flex-direction:column;gap:.25rem;display:flex}.room-card__title{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:500;overflow:hidden}.room-card__badge{color:var(--text-tertiary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border-radius:9999px;padding:.125rem .5rem;font-size:.75rem;position:absolute;top:.75rem;right:.75rem}.room-card__host{color:var(--text-secondary);font-size:.875rem}.room-card__members{color:var(--text-tertiary);font-size:.75rem}.scheduled-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--panel-border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:border-color .2s,background .2s}.scheduled-card:hover{border-color:var(--glass-border-hover)}.scheduled-card{flex-shrink:0;align-items:center;gap:.5rem;max-width:14rem;padding:.5rem .875rem .5rem .5rem;display:flex}.scheduled-card__info{text-align:left;min-width:0}.scheduled-card__title{white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:500;overflow:hidden}.scheduled-card__time{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.friend-watching-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--panel-border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:border-color .2s,background .2s}.friend-watching-card:hover{border-color:var(--glass-border-hover)}.friend-watching-card{flex-shrink:0;align-items:center;gap:.5rem;max-width:12rem;padding:.5rem .875rem .5rem .5rem;display:flex}.friend-watching-card__info{text-align:left;min-width:0}.friend-watching-card__friend{white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:500;overflow:hidden}.friend-watching-card__room{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.add-friend-form{gap:.5rem;display:flex}.add-friend-form__status{align-self:center;font-size:.75rem}.add-friend-form__status--error{color:var(--neon-danger)}.add-friend-form__status--success{color:var(--text-secondary)}.incoming-requests{flex-direction:column;gap:.5rem;display:flex}.incoming-requests__title{color:var(--text-secondary);font-size:.875rem;font-weight:500}.incoming-requests__item{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.incoming-requests__actions{gap:.5rem;display:flex}.dialogs-page{flex-direction:column;gap:.75rem;height:100%;min-height:0;padding-block:.75rem;display:flex}@media (width>=1024px){.dialogs-page{flex-direction:row;gap:1rem;height:calc(100dvh - 8rem);padding-block:1.5rem}}.dialogs-page__list{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--panel-border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:border-color .2s,background .2s}.dialogs-page__list:hover{border-color:var(--glass-border-hover)}.dialogs-page__list{flex-direction:column;flex:1;gap:.75rem;min-height:0;padding:.875rem;display:flex}@media (width>=1024px){.dialogs-page__list{flex-shrink:0;width:22.5rem}}.dialogs-page__list-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.dialogs-page__title{font-size:1.125rem;font-weight:600}.dialogs-page__add-button{background:var(--neon-primary);width:2rem;height:2rem;color:var(--on-neon-primary);box-shadow:var(--neon-primary-glow);border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;line-height:1;display:flex}.dialogs-page__conversations{flex-direction:column;gap:.25rem;display:flex;overflow-y:auto}.dialogs-page__placeholder{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--panel-border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:border-color .2s,background .2s}.dialogs-page__placeholder:hover{border-color:var(--glass-border-hover)}.dialogs-page__placeholder{color:var(--text-tertiary);flex:1;justify-content:center;align-items:center;font-size:.875rem;display:none}@media (width>=1024px){.dialogs-page__placeholder{display:flex}}.conversation-row{border-radius:var(--radius-md);text-align:left;align-items:center;gap:.625rem;padding:.5rem;transition:background-color .15s;display:flex}.conversation-row:hover{background:var(--glass-bg-elevated)}.conversation-row--active{background:var(--glass-bg-elevated);box-shadow:inset 2px 0 0 var(--neon-primary)}.conversation-row__info{flex:1;min-width:0}.conversation-row__name-line{align-items:baseline;gap:.375rem;display:flex}.conversation-row__name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.875rem;font-weight:500;overflow:hidden}.conversation-row__level{color:var(--text-tertiary);flex-shrink:0;font-size:.6875rem}.conversation-row__preview{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.conversation-row__badge{background:var(--neon-primary);min-width:1.25rem;height:1.25rem;color:var(--on-neon-primary);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;padding-inline:.25rem;font-size:.6875rem;font-weight:600;display:flex}.conversation-thread{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--panel-border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:border-color .2s,background .2s}.conversation-thread:hover{border-color:var(--glass-border-hover)}.conversation-thread{flex-direction:column;flex:1;min-height:0;display:flex}.conversation-thread__header{border-bottom:1px solid var(--glass-border);align-items:center;gap:.625rem;padding:.75rem;display:flex}.conversation-thread__back{width:1.75rem;height:1.75rem;color:var(--text-secondary);justify-content:center;align-items:center;font-size:1.5rem;display:flex}@media (width>=1024px){.conversation-thread__back{display:none}}.conversation-thread__header-info{min-width:0}.conversation-thread__name{align-items:center;gap:.375rem;font-weight:600;display:flex}.conversation-thread__presence{color:var(--text-tertiary);font-size:.75rem}.conversation-thread__messages{flex-direction:column;flex:1;gap:.5rem;padding:.75rem;display:flex;overflow-y:auto}.conversation-thread__loading-more{color:var(--text-tertiary);align-self:center;font-size:.75rem}.conversation-thread__message{flex-direction:column;align-items:flex-start;gap:.125rem;display:flex}.conversation-thread__message--own{align-items:flex-end}.conversation-thread__message-body{flex-direction:column;max-width:80%;display:flex}.conversation-thread__message--own .conversation-thread__message-body{align-items:flex-end}.conversation-thread__bubble{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--panel-border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:border-color .2s,background .2s}.conversation-thread__bubble:hover{border-color:var(--glass-border-hover)}.conversation-thread__bubble{cursor:pointer;-webkit-user-select:none;user-select:none;padding:.375rem .75rem;font-size:.875rem;display:inline-block}.conversation-thread__meta{align-items:center;gap:.375rem;padding-inline:.25rem;display:flex}.conversation-thread__time{color:var(--text-tertiary);font-size:.6875rem}.conversation-thread__read-tick{color:var(--neon-primary);font-size:.625rem;font-weight:500}.conversation-thread__form{gap:.5rem;padding:.75rem;display:flex}.auth-form,.auth-form__form{flex-direction:column;gap:1rem;display:flex}.auth-form__field{flex-direction:column;gap:.375rem;display:flex}.auth-form__label{color:var(--text-secondary);font-size:.75rem}.auth-form__label-row{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.auth-form__forgot-link{color:var(--text-tertiary);font-size:.75rem}.auth-form__forgot-link:hover{color:var(--text-primary)}.auth-form__intro{color:var(--text-secondary);font-size:.875rem}.auth-form__notice{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.auth-form__error{color:var(--neon-danger);font-size:.875rem}.auth-form__submit{width:100%}.auth-form__footer{color:var(--text-secondary);text-align:center;font-size:.875rem}.auth-form__footer-link{color:var(--neon-secondary)}.leaderboard-page{flex-direction:column;gap:1rem;padding-block:1.5rem;display:flex}.leaderboard-page__title{font-size:1.25rem;font-weight:600}.leaderboard-page__tabs{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--panel-border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:border-color .2s,background .2s}.leaderboard-page__tabs:hover{border-color:var(--glass-border-hover)}.leaderboard-page__tabs{display:flex}.leaderboard-page__tab{color:var(--text-secondary);flex:1;padding:.75rem 0;font-size:.875rem;font-weight:500;transition:color .15s}.leaderboard-page__tab--active{color:var(--text-primary);box-shadow:inset 0 -2px 0 var(--neon-primary)}.leaderboard-page__period{align-self:flex-start;gap:.5rem;display:flex}.leaderboard-page__period-option{border:1px solid var(--glass-border);color:var(--text-secondary);border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;transition:color .15s,border-color .15s}.leaderboard-page__period-option--active{border-color:var(--neon-primary);color:var(--text-primary)}.leaderboard-page__list{flex-direction:column;gap:.5rem;display:flex}.leaderboard-page__empty{color:var(--text-secondary);font-size:.875rem}.rank-badge{background:var(--glass-bg-elevated);width:2rem;height:2rem;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.rank-badge--gold{color:var(--neon-primary)}.rank-badge--silver{color:var(--neon-secondary)}.leaderboard-entry{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--panel-border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:border-color .2s,background .2s}.leaderboard-entry:hover{border-color:var(--glass-border-hover)}.leaderboard-entry{align-items:center;gap:.75rem;padding:.625rem 1.25rem;display:flex}.leaderboard-entry__name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:500;overflow:hidden}.leaderboard-entry__name:hover{text-decoration:underline}.leaderboard-entry__stat{color:var(--text-secondary);flex-shrink:0;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:.875rem}.leaderboard-entry__pair{flex:1;align-items:center;gap:.375rem;min-width:0;display:flex;overflow:hidden}.leaderboard-entry__pair-name{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.leaderboard-entry__pair-name:hover{text-decoration:underline}.leaderboard-entry__separator{color:var(--text-tertiary);flex-shrink:0}.leaderboard-entry__level{text-align:right;flex-shrink:0}.leaderboard-entry__level-value{color:var(--neon-primary);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:.875rem}.leaderboard-entry__level-detail{color:var(--text-tertiary);font-size:.75rem}.profile-card{flex-direction:column;gap:1rem;display:flex}.profile-card__header{align-items:center;gap:.75rem;display:flex}.profile-card__username{align-items:center;gap:.375rem;font-weight:500;display:flex}.profile-card__joined{color:var(--text-tertiary);font-size:.75rem}.profile-card__stats{text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.profile-card__stat{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--panel-border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:border-color .2s,background .2s}.profile-card__stat:hover{border-color:var(--glass-border-hover)}.profile-card__stat{padding:.75rem}.profile-card__stat-value{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:1.25rem}.profile-card__stat-value--text{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.profile-card__stat-label{color:var(--text-tertiary);font-size:.75rem}.profile-card__achievements{flex-wrap:wrap;gap:.5rem;display:flex}.achievement-badge{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--panel-border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:border-color .2s,background .2s}.achievement-badge:hover{border-color:var(--glass-border-hover)}.achievement-badge{align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.75rem;transition:opacity .15s;display:flex}.achievement-badge__icon{font-size:.9375rem}.achievement-badge--locked{opacity:.35;filter:grayscale()}.profile-page{flex-direction:column;gap:1rem;max-width:32rem;margin-inline:auto;padding-block:1.5rem;display:flex}.profile-page__friendship-card{flex-direction:column;gap:.5rem;display:flex}.profile-page__friendship-header{justify-content:space-between;align-items:center;display:flex}.profile-page__friendship-title{font-weight:500}.profile-page__friendship-level{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:.875rem}.profile-page__progress-track{background:var(--glass-bg);border-radius:9999px;height:.5rem;overflow:hidden}.profile-page__progress-fill{background:linear-gradient(90deg, var(--neon-primary), var(--neon-secondary));border-radius:9999px;height:100%}.profile-page__progress-label{color:var(--text-tertiary);font-size:.75rem}.player-view{z-index:10;flex-direction:column;gap:.75rem;display:flex;position:sticky;top:0}@media (width>=1024px){.player-view{position:static}}.player-view__frame{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--panel-border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:border-color .2s,background .2s}.player-view__frame:hover{border-color:var(--glass-border-hover)}.player-view__frame{position:relative;overflow:hidden}@media (height<=600px){.player-view__frame{justify-content:center;display:flex}}.player-view__reaction-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.player-view__floating-reaction{font-size:1.75rem;line-height:1;animation:2.2s ease-out forwards player-reaction-float;position:absolute;bottom:4rem}@media (prefers-reduced-motion:reduce){.player-view__floating-reaction{animation:2.2s ease-out forwards player-reaction-fade}}.player-view__reaction-bar{-webkit-backdrop-filter:blur(6px);background:#00000073;border-radius:9999px;gap:.25rem;padding:.375rem .5rem;display:flex;position:absolute;bottom:.75rem;left:50%;transform:translate(-50%)}.player-view__reaction-button{background:0 0;border-radius:9999px;padding:.25rem .375rem;font-size:1.125rem;line-height:1;transition:transform .15s}.player-view__reaction-button:hover{transform:scale(1.2)}.player-view__reaction-button:active{transform:scale(.95)}.player-view__hint{color:var(--text-tertiary);font-size:.75rem}.player-view__next-up{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.player-view__next-up-label{color:var(--text-tertiary);font-weight:500}.player-view__placeholder{color:var(--text-secondary);aspect-ratio:16/9;justify-content:center;align-items:center;display:flex}.player-view__media{aspect-ratio:16/9;background:#000;border:0;width:100%}@media (height<=600px){.player-view__media{width:auto;height:26vh}}@keyframes player-reaction-float{0%{opacity:0;transform:translate(-50%)scale(.6)}15%{opacity:1;transform:translate(-50%,-12px)scale(1.15)}to{opacity:0;transform:translate(-50%,-150px)scale(1)}}@keyframes player-reaction-fade{0%{opacity:0;transform:translate(-50%)}15%{opacity:1}to{opacity:0;transform:translate(-50%)}}.room-queue{flex-direction:column;gap:.75rem;height:100%;padding:.875rem;display:flex;overflow-y:auto}.room-queue__list{flex-direction:column;gap:.5rem;display:flex}.room-queue__empty{color:var(--text-tertiary);font-size:.8125rem}.room-queue__item{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--panel-border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:border-color .2s,background .2s}.room-queue__item:hover{border-color:var(--glass-border-hover)}.room-queue__item{align-items:center;gap:.625rem;padding:.5rem;display:flex}.room-queue__item-thumbnail{border-radius:var(--radius-sm);object-fit:cover;background:var(--glass-bg-elevated);flex-shrink:0;width:3.25rem;height:2rem}.room-queue__item-thumbnail--placeholder{background:linear-gradient(135deg, var(--glass-bg-elevated), var(--glass-bg))}.room-queue__item-info{flex:1;min-width:0}.room-queue__item-title{white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:500;overflow:hidden}.room-queue__item-added-by{color:var(--text-tertiary);font-size:.6875rem}.room-queue__item-remove{color:var(--text-tertiary);flex-shrink:0;padding:.125rem .375rem;font-size:1.125rem;line-height:1}.room-queue__item-remove:hover{color:var(--neon-danger)}.room-queue__history{border-top:1px solid var(--glass-border);flex-direction:column;gap:.5rem;padding-top:.75rem;display:flex}.room-queue__history-toggle{color:var(--text-secondary);text-align:left;font-size:.8125rem;font-weight:500}.room-queue__history-list{flex-direction:column;gap:.375rem;display:flex}.room-queue__history-item{opacity:.7;align-items:center;gap:.625rem;padding:.375rem .5rem;display:flex}.room-queue__history-title{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.8125rem;overflow:hidden}.room-queue__add-panel{flex-direction:column;align-items:stretch;gap:.5rem;display:flex}.room-queue__add-tabs{gap:.5rem;display:flex}.room-queue__add-tab{border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);flex:1;padding:.375rem .625rem;font-size:.8125rem;transition:color .15s,border-color .15s}.room-queue__add-tab--active{border-color:var(--neon-primary);color:var(--text-primary)}.room-queue__manual{gap:.5rem;display:flex}.voice-panel{flex-direction:column;gap:.75rem;padding:.75rem;display:flex}.voice-panel__participants{flex-wrap:wrap;gap:.75rem;display:flex}.voice-panel__actions{gap:.5rem;display:flex}.voice-panel__ptt-toggle{color:var(--text-tertiary);cursor:pointer;align-items:center;gap:.375rem;font-size:.75rem;display:flex}.participant-chip{flex-direction:column;align-items:center;gap:.25rem;display:flex}.participant-chip__avatar{border-radius:50%}.participant-chip__avatar--speaking{animation:1.4s ease-in-out infinite speaking-pulse}.participant-chip__label{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:5rem;font-size:.75rem;overflow:hidden}.user-preview-popover{background:var(--glass-bg-elevated);-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--panel-border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);z-index:60;padding:1rem;animation:.12s ease-out user-preview-in;position:fixed}@keyframes user-preview-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.user-preview{flex-direction:column;gap:.875rem;display:flex}.user-preview__header{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.user-preview__name{align-items:center;gap:.375rem;font-size:1rem;font-weight:600;display:flex}.user-preview__stats{justify-content:space-between;gap:.5rem;display:flex}.user-preview__stat{text-align:center;flex-direction:column;flex:1;align-items:center;gap:.125rem;display:flex}.user-preview__stat dt{color:var(--text-tertiary);font-size:.6875rem}.user-preview__stat dd{color:var(--text-primary);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:.9375rem}.user-preview__actions{gap:.5rem;display:flex}.user-preview__actions .glass-button{flex:1}.message-reactions{gap:.25rem;margin-top:.25rem;display:flex}.message-reactions--own{justify-content:flex-end}.message-reactions__button{border:1px solid var(--glass-border);background:0 0;border-radius:9999px;align-items:center;gap:.125rem;padding:.125rem .375rem;font-size:.75rem;line-height:1;transition:background-color .15s,border-color .15s;display:flex}.message-reactions__button--active{border-color:var(--neon-primary);background:var(--glass-bg-elevated)}.message-reactions__count{color:var(--text-tertiary)}.chat-panel{flex-direction:column;height:100%;display:flex}.chat-panel__messages{flex-direction:column;flex:1;gap:.5rem;padding:.75rem;display:flex;overflow-y:auto}.chat-panel__pinned{border-bottom:1px solid var(--glass-border);background:var(--glass-bg-elevated);align-items:flex-start;gap:.5rem;padding:.625rem .75rem;display:flex}.chat-panel__pinned-icon{flex-shrink:0;font-size:.875rem}.chat-panel__pinned-body{flex:1;min-width:0}.chat-panel__pinned-author{color:var(--text-tertiary);align-items:center;gap:.25rem;font-size:.6875rem;display:flex}.chat-panel__pinned-content{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8125rem;display:-webkit-box;overflow:hidden}.chat-panel__pinned-close{color:var(--text-tertiary);flex-shrink:0;font-size:1.125rem;line-height:1}.chat-panel__pinned-close:hover{color:var(--neon-danger)}.chat-panel__message{align-items:flex-end;gap:.5rem;display:flex}.chat-panel__message--own{text-align:right;flex-direction:row-reverse}.chat-panel__avatar-button{border-radius:50%;flex-shrink:0}.chat-panel__avatar-button:focus-visible{outline:2px solid var(--neon-primary);outline-offset:2px}.chat-panel__message-body{min-width:0}.chat-panel__message-header{align-items:center;gap:.25rem;display:flex}.chat-panel__message--own .chat-panel__message-header{justify-content:flex-end}.chat-panel__author{color:var(--text-tertiary);font-size:.75rem}.chat-panel__pin-button{opacity:.35;font-size:.6875rem;line-height:1;transition:opacity .15s}.chat-panel__pin-button:hover,.chat-panel__pin-button--active{opacity:1}.chat-panel__bubble{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--panel-border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:border-color .2s,background .2s}.chat-panel__bubble:hover{border-color:var(--glass-border-hover)}.chat-panel__bubble{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;padding:.375rem .75rem;font-size:.875rem;display:inline-block}.chat-panel__read-receipts{justify-content:flex-end;gap:.125rem;margin-top:.25rem;display:flex}.chat-panel__typing{color:var(--text-tertiary);padding:0 .75rem;font-size:.75rem}.chat-panel__form{gap:.5rem;padding:.75rem;display:flex}@media (height<=600px){.chat-panel__form{padding:.375rem}}.room-header__desktop{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--panel-border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:border-color .2s,background .2s}.room-header__desktop:hover{border-color:var(--glass-border-hover)}.room-header__desktop{flex-direction:column;gap:.75rem;padding:1rem;display:none}@media (width>=1024px){.room-header__desktop{display:flex}}.room-header__desktop-top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.room-header__title{font-weight:600}.room-header__actions{gap:.5rem;display:flex}.room-header__mobile-bar{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--panel-border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:border-color .2s,background .2s}.room-header__mobile-bar:hover{border-color:var(--glass-border-hover)}.room-header__mobile-bar{align-items:center;gap:.5rem;padding:.75rem;display:flex}@media (height<=600px){.room-header__mobile-bar{padding:.375rem}}@media (width>=1024px){.room-header__mobile-bar{display:none}}.room-header__mobile-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:600;overflow:hidden}.room-header__icon-button{width:2rem;height:2rem;color:var(--text-secondary);background:var(--glass-bg-elevated);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.room-header__modal-body{flex-direction:column;gap:.75rem;display:flex}.room-header__modal-actions{flex-wrap:wrap;gap:.5rem;display:flex}.room-header__invite-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--panel-border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:border-color .2s,background .2s}.room-header__invite-panel:hover{border-color:var(--glass-border-hover)}.room-header__invite-panel{flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.room-header__invite-empty{color:var(--text-tertiary);font-size:.75rem}.room-header__invite-item{text-align:left;border-radius:.25rem;width:100%;padding:.25rem .5rem;font-size:.875rem;display:block}.room-header__invite-item:hover{background:var(--glass-bg-elevated)}.room-header__picking-hint{color:var(--text-tertiary);font-size:.75rem;font-style:italic}.room-header__change-video{flex-direction:column;align-items:stretch;gap:.5rem;display:flex}.room-header__change-video-tabs{gap:.5rem;display:flex}.room-header__change-video-tab{border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);flex:1;padding:.375rem .625rem;font-size:.8125rem;transition:color .15s,border-color .15s}.room-header__change-video-tab--active{border-color:var(--neon-primary);color:var(--text-primary)}.room-header__change-video-manual{gap:.5rem;display:flex}.room-header__members{flex-wrap:wrap;gap:.5rem;display:flex}.room-header__member{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--panel-border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:border-color .2s,background .2s}.room-header__member:hover{border-color:var(--glass-border-hover)}.room-header__member{align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.75rem;display:flex}.room-header__member-role,.room-header__member-kick{color:var(--text-tertiary)}.room-header__member-kick:hover{color:var(--neon-danger)}.room-header__member-transfer{color:var(--text-tertiary);display:flex}.room-header__member-transfer:hover{color:var(--neon-primary)}.room-page__error{text-align:center;color:var(--neon-danger);padding:3rem 0}.room-page__layout{flex-direction:column;gap:.75rem;height:100%;min-height:0;padding-block:.75rem;display:flex}@media (height<=600px){.room-page__layout{gap:.375rem;padding-block:.375rem}}@media (width>=1024px){.room-page__layout{flex-direction:row;gap:1rem;padding-block:1.5rem}}.room-page__player-column{flex-direction:column;flex-shrink:0;gap:.75rem;display:flex}@media (height<=600px){.room-page__player-column{gap:.375rem}}@media (width>=1024px){.room-page__player-column{flex:1;gap:1rem;min-width:0;overflow-y:auto}}.room-page__side{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--panel-border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:border-color .2s,background .2s}.room-page__side:hover{border-color:var(--glass-border-hover)}.room-page__side{flex-direction:column;flex:1;min-height:0;display:flex}@media (width>=1024px){.room-page__side{flex-shrink:0;width:22.5rem}}.room-page__tabs{border-bottom:1px solid var(--glass-border);display:flex}.room-page__tab{color:var(--text-secondary);text-align:center;flex:1;padding:.75rem 0;font-size:.875rem;font-weight:500;transition:color .15s}@media (height<=600px){.room-page__tab{padding-block:.375rem}}.room-page__tab--active{color:var(--text-primary);box-shadow:inset 0 -2px 0 var(--neon-primary)}.room-page__panel{flex:1;min-height:0}.account-settings-form{flex-direction:column;gap:1rem;display:flex}.account-settings-form__field{flex-direction:column;gap:.375rem;display:flex}.account-settings-form__label{color:var(--text-secondary);font-size:.75rem}.account-settings-form__error{color:var(--neon-danger);font-size:.875rem}.delete-account{flex-direction:column;gap:1rem;display:flex}.delete-account__warning{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.delete-account__field{flex-direction:column;gap:.375rem;display:flex}.delete-account__label{color:var(--text-secondary);font-size:.75rem}.delete-account__error{color:var(--neon-danger);font-size:.875rem}.delete-account__actions{justify-content:flex-end;gap:.5rem;display:flex}.avatar-crop{flex-direction:column;align-items:center;gap:1rem;display:flex}.avatar-crop__viewport{border-radius:var(--radius-md);touch-action:none;cursor:grab;background:#000;position:relative;overflow:hidden}.avatar-crop__viewport:active{cursor:grabbing}.avatar-crop__image{-webkit-user-select:none;user-select:none;max-width:none;position:absolute;top:0;left:0}.avatar-crop__ring{pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 9999px #00000080}.avatar-crop__zoom{width:100%;accent-color:var(--neon-primary)}.avatar-crop__actions{justify-content:flex-end;gap:.5rem;width:100%;display:flex}.avatar-uploader{align-items:center;gap:1rem;display:flex}.avatar-uploader__preview{background:var(--neon-primary);width:4rem;height:4rem;box-shadow:var(--neon-primary-glow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;font-weight:600;display:flex;overflow:hidden}.avatar-uploader__image{object-fit:cover;width:100%;height:100%}.avatar-uploader__actions{flex-direction:column;gap:.25rem;display:flex}.avatar-uploader__input{display:none}.avatar-uploader__error{color:var(--neon-danger);font-size:.75rem}.beam-plus{flex-direction:column;gap:.875rem;display:flex}.beam-plus__header{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.beam-plus__mark{color:#4a2c00;background:linear-gradient(135deg,#ffd23f,#ff9d2e);border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.8125rem;font-weight:700;display:inline-flex}.beam-plus__status{color:var(--text-secondary);font-size:.8125rem}.beam-plus__status--active{color:var(--neon-primary);font-weight:600}.beam-plus__perks{color:var(--text-secondary);flex-direction:column;gap:.375rem;padding-left:1.125rem;font-size:.875rem;list-style:outside;display:flex}.beam-plus__hint{color:var(--text-tertiary);font-size:.8125rem}.beam-plus__streak{border-top:1px solid var(--glass-border);flex-direction:column;gap:.5rem;padding-top:.875rem;display:flex}.beam-plus__streak-label{color:var(--text-secondary);font-size:.8125rem}.beam-plus__streak-track{gap:.375rem;display:flex}.beam-plus__streak-day{background:var(--glass-bg-elevated);border:1px solid var(--glass-border);border-radius:9999px;flex:1;height:.5rem}.beam-plus__streak-day--filled{background:linear-gradient(135deg,#ffd23f,#ff9d2e);border-color:#0000}.beam-plus__streak-count{color:var(--text-tertiary);font-size:.75rem}.notification-settings{flex-direction:column;gap:.75rem;display:flex}.notification-settings__row{justify-content:space-between;align-items:center;gap:1rem;font-size:.875rem;display:flex}.notification-settings__row input{accent-color:var(--neon-primary);flex-shrink:0}.notification-settings__hint{color:var(--text-tertiary);font-size:.75rem}.theme-switcher{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:.75rem;display:grid}.theme-switcher__option{border-radius:var(--radius-md);background:0 0;flex-direction:column;align-items:center;gap:.5rem;padding:.375rem;transition:transform .15s,opacity .15s;display:flex}.theme-switcher__option:hover{transform:translateY(-2px)}.theme-switcher__option--active .theme-switcher__swatch{outline:2px solid var(--neon-primary);outline-offset:3px}.theme-switcher__option--active .theme-switcher__label{color:var(--text-primary);font-weight:700}.theme-switcher__option--locked .theme-switcher__swatch{opacity:.55}.theme-switcher__swatch{justify-content:center;align-items:center;width:100%;height:56px;transition:outline-offset .15s,opacity .15s;display:flex;position:relative}.theme-switcher__swatch-lock{color:#4a2c00;background:linear-gradient(135deg,#ffd23f,#ff9d2e);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.6rem;display:flex;position:absolute;top:-6px;right:-6px}.theme-switcher__swatch-panel{justify-content:center;align-items:center;gap:.3rem;width:68%;height:62%;display:flex}.theme-switcher__swatch-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.theme-switcher__option--active .theme-switcher__swatch:after{content:"✓";background:var(--neon-primary);width:18px;height:18px;color:var(--on-neon-primary);text-align:center;border-radius:50%;font-size:.65rem;line-height:18px;position:absolute;top:-6px;right:-6px}.theme-switcher__label{color:var(--text-secondary);font-size:.75rem;font-weight:500;transition:color .15s}.watch-history{flex-direction:column;gap:.75rem;display:flex}.watch-history__title{color:var(--text-secondary);font-size:.875rem;font-weight:500}.watch-history__status{color:var(--text-secondary);font-size:.875rem}.watch-history__list{flex-direction:column;gap:.5rem;max-height:18rem;display:flex;overflow-y:auto}.watch-history__item{justify-content:space-between;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.watch-history__info{min-width:0}.watch-history__item-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.watch-history__meta{color:var(--text-tertiary);font-size:.75rem}.watch-history__date{color:var(--text-tertiary);flex-shrink:0;font-size:.75rem}.watch-history__remove{color:var(--text-tertiary);flex-shrink:0}.watch-history__remove:hover{color:var(--neon-danger)}.watchlist{flex-direction:column;gap:.75rem;display:flex}.watchlist__title{color:var(--text-secondary);font-size:.875rem;font-weight:500}.watchlist__status{color:var(--text-secondary);font-size:.875rem}.watchlist__list{flex-direction:column;gap:.5rem;display:flex}.watchlist-item{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.watchlist-item__thumbnail{border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;width:4.5rem;height:2.75rem}.watchlist-item__thumbnail--placeholder{background:linear-gradient(135deg, var(--glass-bg-elevated), var(--glass-bg))}.watchlist-item__info{flex:1;min-width:0}.watchlist-item__title{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;overflow:hidden}.watchlist-item__remove{color:var(--text-tertiary);flex-shrink:0}.watchlist-item__remove:hover{color:var(--neon-danger)}.watchlist-item__solo{color:var(--text-tertiary);flex-shrink:0}.watchlist-item__solo:hover{color:var(--neon-primary)}.settings-page{grid-template-columns:1fr;gap:1rem;padding-block:1.5rem;display:grid}@media (width>=768px){.settings-page{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.settings-page{grid-template-columns:repeat(3,minmax(0,1fr))}}.settings-page__title{grid-column:1/-1;font-size:1.25rem;font-weight:600}.settings-page__section{flex-direction:column;gap:.75rem;display:flex}.settings-page__section-title{color:var(--text-secondary);font-size:.875rem;font-weight:500}.settings-page__wide-group{flex-direction:column;grid-column:1/-1;gap:1rem;display:flex}.solo-watch{flex-direction:column;gap:.75rem;padding-block:1.5rem;display:flex}.solo-watch__title{font-size:1.125rem;font-weight:600}.solo-watch__frame{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--panel-border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:border-color .2s,background .2s}.solo-watch__frame:hover{border-color:var(--glass-border-hover)}.solo-watch__frame{overflow:hidden}.solo-watch__media{aspect-ratio:16/9;background:#000;border:0;width:100%}.solo-watch__empty{color:var(--text-secondary)}.solo-watch__back{color:var(--neon-secondary);align-self:flex-start}:root{--bg-base:#06060a;--bg-gradient:radial-gradient(ellipse at top left, #12131f 0%, #06060a 55%), radial-gradient(ellipse at bottom right, #0d0a1a 0%, #06060a 60%);--glass-bg:#ffffff0a;--glass-bg-elevated:#ffffff12;--glass-border:#ffffff1a;--glass-border-hover:#ffffff2e;--glass-blur:20px;--glass-shadow:0 8px 32px #0000008c;--neon-primary:#b026ff;--neon-primary-2:#7c3aed;--on-neon-primary:#fff;--neon-primary-glow:0 0 12px #b026ff59;--neon-secondary:#00e5ff;--neon-secondary-glow:0 0 10px #00e5ff52;--neon-danger:#ff2e63;--text-primary:#f5f5f7;--text-secondary:#f5f5f78c;--text-tertiary:#f5f5f752;--blob-opacity:.1;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--panel-border-width:1px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@keyframes speaking-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--neon-secondary) 55%, transparent)}50%{box-shadow:0 0 0 6px #0000}}@keyframes float{0%,to{transform:translate(0)scale(1)}50%{transform:translate(3%,-4%)scale(1.05)}}@keyframes shimmer{0%{background-position:-150% 0}to{background-position:150% 0}}@keyframes confetti-fall{to{opacity:.3;transform:translateY(110vh)rotate(720deg)}}@keyframes page-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box}html,body,#root{height:100%}html{touch-action:pan-x pan-y}body{background-color:var(--bg-base);background-image:var(--bg-gradient);color:var(--text-primary);letter-spacing:-.01em;background-attachment:fixed;margin:0;font-family:Inter,Manrope,ui-sans-serif,system-ui,-apple-system,sans-serif;transition:background-color .25s,color .25s}h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3{letter-spacing:-.02em}a,a:visited,a:hover,a:active{color:inherit;text-decoration:none;transition:color .25s}button,input,textarea,select{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;text-align:inherit;background:0 0;border:none;padding:0}button:disabled{cursor:not-allowed}img,svg{max-width:100%;display:block}*{scrollbar-width:thin;scrollbar-color:var(--glass-border-hover) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--glass-border-hover);background-clip:padding-box;border:2px solid #0000;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background-color:var(--neon-primary);background-clip:padding-box}:root[data-theme=vhs]:before{content:"";z-index:0;pointer-events:none;background-image:repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 3px);position:fixed;inset:0}:root[data-theme=vhs] body{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace}:root[data-theme=vhs] .glass-button{text-transform:uppercase;letter-spacing:.04em}:root[data-theme=vhs] .glass-button--primary:hover,:root[data-theme=vhs] .glass-button--ghost:hover{text-shadow:2px 0 #ff2255b3,-2px 0 #29e6d6b3}:root[data-theme=zine] .glass-card{transform:rotate(-.6deg)}:root[data-theme=zine] .glass-card:hover{transform:rotate(0)translateY(-2px)}:root[data-theme=zine] .glass-card:nth-child(2n){transform:rotate(.6deg)}:root[data-theme=zine] .glass-card:nth-child(2n):hover{transform:rotate(0)translateY(-2px)}:root[data-theme=zine] .glass-button{text-transform:uppercase;letter-spacing:-.01em;font-weight:800}:root[data-theme=rave] .glass-button{text-transform:uppercase;font-weight:800}:root[data-theme=rave] .glass-button--primary:hover{transform:translateY(-1px)rotate(-1.5deg)scale(1.03)}@media (prefers-reduced-motion:reduce){:root[data-theme=zine] .glass-card,:root[data-theme=zine] .glass-card:hover,:root[data-theme=rave] .glass-button--primary:hover{transform:none}}