.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%}.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), #7c3aed);box-shadow:var(--neon-primary-glow);color:#fff;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:1px 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:1px 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:1px 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:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}.glass-input{background:var(--glass-bg);border:1px 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);outline:none;box-shadow:0 0 0 3px #b026ff26}.glass-input::placeholder{color:var(--text-tertiary)}.glass-input{width:100%;padding:.625rem .875rem;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:1px 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)}.auth-layout{justify-content:center;align-items:center;min-height:100%;padding:3rem 1rem;display:flex;position:relative}.auth-layout__content{z-index:10;width:100%;max-width:24rem;position:relative}.auth-layout__title{text-align:center;margin-bottom:2rem;font-size:1.5rem;font-weight:600}.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:1px 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:1px 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:1px 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:10;flex-shrink:0;align-items:center;gap:1rem;width:100%;max-width:72rem;margin-inline:auto;padding:1rem;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--room-hidden{display:none}@media (width>=1024px){.app-layout__header--room-hidden{display:flex}}.app-layout__logo{letter-spacing:-.01em;font-size:1.125rem;font-weight:600}.app-layout__nav{color:var(--text-secondary);align-items:center;gap:1rem;font-size:.875rem;display:none}@media (width>=768px){.app-layout__nav{display:flex}}.app-layout__nav-link:hover{color:var(--text-primary)}.app-layout__actions{align-items:center;gap:.75rem;margin-left:auto;display:flex}.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:1px 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__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:1px 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{text-align:left;align-items:center;gap:.5rem;width:100%;padding:.5rem;display:flex}.content-search__thumbnail{object-fit:cover;border-radius:.375rem;flex-shrink:0;width:5rem;height:3rem}.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{color:var(--text-tertiary);font-size:.75rem}.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-hint{color:var(--text-tertiary);font-size:.75rem}.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:1px 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}.dashboard-page__tab{color:var(--text-secondary);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__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}.room-card__top{justify-content:space-between;align-items:center;gap:.5rem;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);background:var(--glass-bg-elevated);border-radius:9999px;flex-shrink:0;padding:.125rem .5rem;font-size:.75rem}.room-card__host{color:var(--text-secondary);font-size:.875rem}.room-card__members{color:var(--text-tertiary);font-size:.75rem}.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}.friends-list{grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem;display:grid}@media (width>=640px){.friends-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.friends-list__empty{color:var(--text-secondary)}.friend-card{flex-direction:column;gap:.75rem;display:flex}.friend-card__header{align-items:center;gap:.75rem;display:flex}.friend-card__name{font-weight:500}.friend-card__name:hover{text-decoration:underline}.friend-card__level{color:var(--text-tertiary);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:.75rem}.friend-progress{flex-direction:column;gap:.25rem;display:flex}.friend-progress__track{background:var(--glass-bg);border-radius:9999px;height:.375rem;overflow:hidden}.friend-progress__fill{background:linear-gradient(90deg, var(--neon-primary), var(--neon-secondary));border-radius:9999px;height:100%}.friend-progress__label{color:var(--text-tertiary);font-size:.75rem}.friends-page{flex-direction:column;gap:1.5rem;padding-block:1.5rem;display:flex}.friends-page__title{font-size:1.25rem;font-weight:600}.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:1px 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__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:1px 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}.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__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)}.profile-card{flex-direction:column;gap:1rem;display:flex}.profile-card__header{align-items:center;gap:.75rem;display:flex}.profile-card__username{font-weight:500}.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:1px 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-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:1px 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{overflow:hidden}@media (height<=600px){.player-view__frame{justify-content:center;display:flex}}.player-view__hint{color:var(--text-tertiary);font-size:.75rem}.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}}.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}.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}.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__message{align-items:flex-end;gap:.5rem;display:flex}.chat-panel__message--own{text-align:right;flex-direction:row-reverse}.chat-panel__message-body{min-width:0}.chat-panel__author{color:var(--text-tertiary);font-size:.75rem}.chat-panel__bubble{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px 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__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:1px 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:1px 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:1px 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__change-video{align-items:center;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:1px 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-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:1px 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);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}.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}.theme-switcher{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:border-color .2s,background .2s}.theme-switcher:hover{border-color:var(--glass-border-hover)}.theme-switcher{border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem;display:flex}.theme-switcher__option{color:var(--text-secondary);background:0 0;border-radius:9999px;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:color .15s,background-color .15s}.theme-switcher__option--active{background:var(--neon-primary);color:#fff}.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}.settings-page{flex-direction:column;gap:1rem;max-width:32rem;margin-inline:auto;padding-block:1.5rem;display:flex}.settings-page__title{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}: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-glow:0 0 20px #b026ff8c;--neon-secondary:#00e5ff;--neon-secondary-glow:0 0 16px #00e5ff80;--neon-danger:#ff2e63;--text-primary:#f5f5f7;--text-secondary:#f5f5f78c;--text-tertiary:#f5f5f752;--blob-opacity:.15;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--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 #00e5ff8c}50%{box-shadow:0 0 0 6px #00e5ff00}}@keyframes float{0%,to{transform:translate(0)scale(1)}50%{transform:translate(3%,-4%)scale(1.05)}}*{box-sizing:border-box}html,body,#root{height:100%}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{letter-spacing:-.02em}