.app-call-dock{display:none}@media(max-width:640px){.app-shell--call-dock .home-view{padding-bottom:calc(194px + env(safe-area-inset-bottom))}.app-shell--call-dock .home-view--chat-detail-open{padding:0}.app-shell--call-dock .home-view--chat-detail-open .v-chat__messages{padding-bottom:96px}.app-shell--call-dock .settings-shell__content{padding-bottom:126px}.app-call-dock{position:fixed;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));left:12px;z-index:79;display:grid}.app-call-dock--home{bottom:calc(96px + env(safe-area-inset-bottom))}.app-call-dock .call-card__actions{min-height:58px;padding:8px 8px 8px 12px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 94%,var(--md-sys-color-primary-container))}.app-call-dock .call-card__controls{gap:2px}.app-call-dock .call-card__icon-button{width:40px;height:40px}.app-call-dock .call-card__icon-button img{width:25px;height:25px}}:root{color-scheme:dark;--md-sys-color-primary: #b79bd4;--md-sys-color-on-primary: #241633;--md-sys-color-primary-container: #453255;--md-sys-color-on-primary-container: #dcc8ec;--md-sys-color-secondary: #bfb1c7;--md-sys-color-on-secondary: #27212d;--md-sys-color-secondary-container: #403846;--md-sys-color-on-secondary-container: #ddd0e4;--md-sys-color-error: #ffb4ab;--md-sys-color-on-error: #690005;--md-sys-color-error-container: #93000a;--md-sys-color-on-error-container: #ffdad6;--md-sys-color-surface: #141218;--md-sys-color-on-surface: #ddd6df;--md-sys-color-on-surface-variant: #bdb2c1;--md-sys-color-surface-container-low: #1d1a22;--md-sys-color-surface-container: #221f27;--md-sys-color-surface-container-high: #2d2932;--md-sys-color-surface-container-highest: #38343d;--md-sys-color-outline: #817586;--md-sys-color-outline-variant: #423b47;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-extra-large: 28px;--md-sys-shape-corner-full: 9999px;--md-sys-typescale-font: Inter, "Trebuchet MS", Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--md-sys-motion-emphasized: cubic-bezier(.2, 0, 0, 1);--md-sys-motion-standard: cubic-bezier(.2, 0, 0, 1);--vysteria-sketch-line-thin: 2px;--vysteria-sketch-line: 3px;--vysteria-sketch-line-heavy: 4px;--vysteria-sketch-radius: 18px 15px 21px 14px;--vysteria-sketch-radius-small: 12px 10px 14px 11px;--vysteria-sketch-radius-large: 24px 19px 28px 20px;--vysteria-sketch-ink: color-mix(in srgb, var(--md-sys-color-on-surface) 72%, var(--md-sys-color-primary-container));--vysteria-sketch-line-color: color-mix(in srgb, var(--md-sys-color-outline) 86%, var(--md-sys-color-primary-container));--vysteria-sketch-line-muted: color-mix(in srgb, var(--md-sys-color-outline-variant) 88%, var(--md-sys-color-primary-container));--vysteria-sketch-shadow-color: color-mix( in srgb, var(--md-sys-color-primary-container) 78%, var(--md-sys-color-surface-container-highest) );--vysteria-sketch-shadow-color-soft: color-mix(in srgb, var(--vysteria-sketch-shadow-color) 74%, transparent);--vysteria-sketch-shadow: 4px 4px 10px -6px var(--vysteria-sketch-shadow-color);--vysteria-sketch-shadow-soft: 3px 3px 12px -8px var(--vysteria-sketch-shadow-color-soft);--vysteria-sketch-shadow-active: 1px 1px 8px -6px var(--vysteria-sketch-shadow-color);--vysteria-sketch-focus: 0 0 0 3px color-mix(in srgb, var(--md-sys-color-primary) 30%, transparent);--vysteria-surface-shadow-soft: none;--vysteria-surface-shadow: none;--vysteria-surface-shadow-strong: none;--vysteria-modal-backdrop: color-mix(in srgb, #000 42%, transparent);--vysteria-font-weight-body: 560;--vysteria-font-weight-ui: 780;--vysteria-font-weight-display: 860;--vysteria-body-background: color-mix(in srgb, var(--md-sys-color-surface) 97%, #fff);--vysteria-app-background: var(--md-sys-color-surface)}:root[data-theme=dark]{color-scheme:dark;--md-sys-color-primary: #b79bd4;--md-sys-color-on-primary: #241633;--md-sys-color-primary-container: #453255;--md-sys-color-on-primary-container: #dcc8ec;--md-sys-color-secondary: #bfb1c7;--md-sys-color-on-secondary: #27212d;--md-sys-color-secondary-container: #403846;--md-sys-color-on-secondary-container: #ddd0e4;--md-sys-color-error: #ffb4ab;--md-sys-color-on-error: #690005;--md-sys-color-error-container: #93000a;--md-sys-color-on-error-container: #ffdad6;--md-sys-color-surface: #141218;--md-sys-color-on-surface: #ddd6df;--md-sys-color-on-surface-variant: #bdb2c1;--md-sys-color-surface-container-low: #1d1a22;--md-sys-color-surface-container: #221f27;--md-sys-color-surface-container-high: #2d2932;--md-sys-color-surface-container-highest: #38343d;--md-sys-color-outline: #817586;--md-sys-color-outline-variant: #423b47;--vysteria-sketch-ink: color-mix(in srgb, var(--md-sys-color-on-surface) 72%, var(--md-sys-color-primary-container));--vysteria-sketch-line-color: color-mix(in srgb, var(--md-sys-color-outline) 86%, var(--md-sys-color-primary-container));--vysteria-sketch-line-muted: color-mix(in srgb, var(--md-sys-color-outline-variant) 88%, var(--md-sys-color-primary-container));--vysteria-sketch-shadow-color: color-mix( in srgb, var(--md-sys-color-primary-container) 78%, var(--md-sys-color-surface-container-highest) );--vysteria-sketch-shadow-color-soft: color-mix(in srgb, var(--vysteria-sketch-shadow-color) 74%, transparent);--vysteria-sketch-focus: 0 0 0 3px color-mix(in srgb, var(--md-sys-color-primary) 30%, transparent);--vysteria-surface-shadow-soft: none;--vysteria-surface-shadow: none;--vysteria-surface-shadow-strong: none;--vysteria-modal-backdrop: color-mix(in srgb, #000 42%, transparent);--vysteria-body-background: color-mix(in srgb, var(--md-sys-color-surface) 97%, #fff);--vysteria-app-background: var(--md-sys-color-surface)}@media(prefers-color-scheme:light){:root{color-scheme:light;--md-sys-color-primary: #6f3fa1;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #ecd7ff;--md-sys-color-on-primary-container: #28004f;--md-sys-color-secondary: #655a6d;--md-sys-color-on-secondary: #ffffff;--md-sys-color-secondary-container: #edddf4;--md-sys-color-on-secondary-container: #211729;--md-sys-color-surface: #fff7ff;--md-sys-color-on-surface: #1e1a22;--md-sys-color-on-surface-variant: #4d4552;--md-sys-color-surface-container-low: #f8eef8;--md-sys-color-surface-container: #f2e8f2;--md-sys-color-surface-container-high: #ece2ec;--md-sys-color-surface-container-highest: #e6dce6;--md-sys-color-outline: #7e7483;--md-sys-color-outline-variant: #d0c3d3;--vysteria-sketch-ink: color-mix(in srgb, var(--md-sys-color-on-surface) 82%, var(--md-sys-color-primary));--vysteria-sketch-line-color: color-mix(in srgb, var(--md-sys-color-outline) 72%, var(--md-sys-color-primary));--vysteria-sketch-line-muted: color-mix(in srgb, var(--md-sys-color-outline-variant) 78%, var(--md-sys-color-primary));--vysteria-sketch-shadow-color: color-mix(in srgb, var(--md-sys-color-primary) 54%, var(--md-sys-color-on-surface));--vysteria-sketch-shadow-color-soft: color-mix(in srgb, var(--vysteria-sketch-shadow-color) 66%, transparent);--vysteria-sketch-focus: 0 0 0 3px color-mix(in srgb, var(--md-sys-color-primary) 48%, transparent);--vysteria-surface-shadow-soft: none;--vysteria-surface-shadow: none;--vysteria-surface-shadow-strong: none;--vysteria-modal-backdrop: color-mix(in srgb, #000 42%, transparent);--vysteria-body-background: color-mix(in srgb, var(--md-sys-color-surface) 98%, #000);--vysteria-app-background: var(--md-sys-color-surface)}}:root[data-theme=light]{color-scheme:light;--md-sys-color-primary: #6f3fa1;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #ecd7ff;--md-sys-color-on-primary-container: #28004f;--md-sys-color-secondary: #655a6d;--md-sys-color-on-secondary: #ffffff;--md-sys-color-secondary-container: #edddf4;--md-sys-color-on-secondary-container: #211729;--md-sys-color-error: #ba1a1a;--md-sys-color-on-error: #ffffff;--md-sys-color-error-container: #ffdad6;--md-sys-color-on-error-container: #410002;--md-sys-color-surface: #fff7ff;--md-sys-color-on-surface: #1e1a22;--md-sys-color-on-surface-variant: #4d4552;--md-sys-color-surface-container-low: #f8eef8;--md-sys-color-surface-container: #f2e8f2;--md-sys-color-surface-container-high: #ece2ec;--md-sys-color-surface-container-highest: #e6dce6;--md-sys-color-outline: #7e7483;--md-sys-color-outline-variant: #d0c3d3;--vysteria-sketch-ink: color-mix(in srgb, var(--md-sys-color-on-surface) 82%, var(--md-sys-color-primary));--vysteria-sketch-line-color: color-mix(in srgb, var(--md-sys-color-outline) 72%, var(--md-sys-color-primary));--vysteria-sketch-line-muted: color-mix(in srgb, var(--md-sys-color-outline-variant) 78%, var(--md-sys-color-primary));--vysteria-sketch-shadow-color: color-mix(in srgb, var(--md-sys-color-primary) 54%, var(--md-sys-color-on-surface));--vysteria-sketch-shadow-color-soft: color-mix(in srgb, var(--vysteria-sketch-shadow-color) 66%, transparent);--vysteria-sketch-focus: 0 0 0 3px color-mix(in srgb, var(--md-sys-color-primary) 48%, transparent);--vysteria-surface-shadow-soft: none;--vysteria-surface-shadow: none;--vysteria-surface-shadow-strong: none;--vysteria-modal-backdrop: color-mix(in srgb, #000 42%, transparent);--vysteria-body-background: color-mix(in srgb, var(--md-sys-color-surface) 98%, #000);--vysteria-app-background: var(--md-sys-color-surface)}*{box-sizing:border-box;scrollbar-color:color-mix(in srgb,var(--md-sys-color-primary) 64%,var(--md-sys-color-surface-container-highest)) transparent;scrollbar-width:thin}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{min-height:44px;border:3px solid transparent;border-radius:var(--md-sys-shape-corner-full);background:color-mix(in srgb,var(--md-sys-color-primary) 64%,var(--md-sys-color-surface-container-highest));background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 82%,var(--md-sys-color-on-primary-container));background-clip:content-box}*::-webkit-scrollbar-corner{background:transparent}:root{--vysteria-viewport-height: 100vh}@supports (height: 100dvh){:root{--vysteria-viewport-height: 100dvh}}html{min-width:320px;min-height:100%;background:var(--vysteria-body-background);font-family:var(--md-sys-typescale-font);text-rendering:optimizeLegibility;letter-spacing:0}body{min-width:320px;min-height:var(--vysteria-viewport-height);margin:0;background:var(--vysteria-body-background);color:var(--md-sys-color-on-surface);font-weight:var(--vysteria-font-weight-body);overflow-x:hidden}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}::selection{background:color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent);color:var(--md-sys-color-on-surface)}:focus-visible{outline:var(--vysteria-sketch-line-thin) solid var(--md-sys-color-primary);outline-offset:3px;box-shadow:var(--vysteria-sketch-focus)}h1,h2,h3{letter-spacing:0}img:not([src*=".svg"]):not([src^="data:image/svg+xml"]){filter:blur(.15px)}@media(prefers-color-scheme:light){:where(:root:not([data-theme])) img[src*=".svg"],:where(:root:not([data-theme])) img[src^="data:image/svg+xml"]{filter:brightness(0) saturate(100%)!important}}:where(:root[data-theme=light]) img[src*=".svg"],:where(:root[data-theme=light]) img[src^="data:image/svg+xml"]{filter:brightness(0) saturate(100%)!important}:where(:root[data-theme=dark]) img[src*=".svg"],:where(:root[data-theme=dark]) img[src^="data:image/svg+xml"]{filter:none}a{color:var(--md-sys-color-primary);text-decoration:none;transition:color .18s var(--md-sys-motion-standard)}a:hover{color:var(--md-sys-color-on-primary-container)}#app{min-height:var(--vysteria-viewport-height)}:root{--v-motion-fast: .16s;--v-motion-medium: .22s;--v-motion-distance: 10px;--v-motion-scale: .98;--v-motion-menu-scale: .96;--v-motion-easing: var(--md-sys-motion-standard)}.v-fade-enter-active,.v-fade-leave-active,.v-panel-enter-active,.v-panel-leave-active,.v-modal-enter-active,.v-modal-leave-active,.v-menu-enter-active,.v-menu-leave-active,.v-route-enter-active,.v-route-leave-active,.v-list-enter-active,.v-list-leave-active,.v-list-move{transition:opacity var(--v-motion-fast) var(--v-motion-easing),transform var(--v-motion-fast) var(--v-motion-easing)}.v-fade-enter-from,.v-fade-leave-to{opacity:0}.v-panel-enter-from,.v-panel-leave-to,.v-route-enter-from,.v-route-leave-to{opacity:0;transform:translate3d(0,var(--v-motion-distance),0)}.v-modal-enter-from,.v-modal-leave-to{opacity:0}.v-modal-enter-from>*,.v-modal-leave-to>*{transform:translate3d(0,var(--v-motion-distance),0) scale(var(--v-motion-scale))}.v-modal-enter-active>*,.v-modal-leave-active>*{transition:transform var(--v-motion-medium) var(--v-motion-easing)}.v-menu-enter-from,.v-menu-leave-to{opacity:0;transform:translate3d(0,-6px,0) scale(var(--v-motion-menu-scale))}.v-list-enter-from,.v-list-leave-to{opacity:0;transform:translate3d(0,8px,0)}@media(prefers-reduced-motion:reduce){:root{--v-motion-fast: 1ms;--v-motion-medium: 1ms;--v-motion-distance: 0;--v-motion-scale: 1;--v-motion-menu-scale: 1}.v-fade-enter-active,.v-fade-leave-active,.v-panel-enter-active,.v-panel-leave-active,.v-modal-enter-active,.v-modal-leave-active,.v-menu-enter-active,.v-menu-leave-active,.v-route-enter-active,.v-route-leave-active,.v-list-enter-active,.v-list-leave-active,.v-list-move,.v-modal-enter-active>*,.v-modal-leave-active>*{transition-duration:1ms}}.auth-layout{min-height:var(--vysteria-viewport-height);display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,520px);background:var(--vysteria-app-background)}.auth-layout__brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:64px;border-right:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-muted)}.auth-layout__title{margin:0}.auth-layout__title{color:var(--md-sys-color-on-surface);font-size:36px;font-weight:var(--vysteria-font-weight-display);line-height:44px;text-align:center}.auth-layout__logo{width:min(58vw,360px);max-width:100%;height:auto;display:block}.auth-layout__panel{min-height:var(--vysteria-viewport-height);display:flex;align-items:center;justify-content:center;padding:32px;background:var(--vysteria-app-background)}@media(max-width:900px){.auth-layout{grid-template-columns:1fr}.auth-layout__brand{padding:36px 24px 0;border-right:0}.auth-layout__title{font-size:28px;line-height:36px}.auth-layout__logo{width:min(56vw,220px)}.auth-layout__panel{min-height:auto;padding:24px;background:transparent}}@media(max-width:560px){.auth-layout__brand{gap:14px}.auth-layout__title{font-size:22px;line-height:30px}.auth-layout__logo{width:min(64vw,180px)}}.auth-form{width:min(100%,420px);display:flex;flex-direction:column;gap:18px;padding:28px;border:0;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--vysteria-app-background);box-shadow:var(--vysteria-surface-shadow)}.auth-form__header{display:grid;gap:8px}.auth-form__eyebrow,.auth-form__title,.auth-form__subtitle,.auth-form__footer{margin:0}.auth-form__eyebrow{color:var(--md-sys-color-primary);font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px;text-transform:uppercase}.auth-form__title{color:var(--md-sys-color-on-surface);font-size:28px;font-weight:var(--vysteria-font-weight-display);line-height:36px}.auth-form__subtitle,.auth-form__footer,.auth-form__notice,.auth-form__inline-link{color:var(--md-sys-color-on-surface-variant);font-size:14px;line-height:21px}.auth-form__error{margin:0;padding:12px 14px;border:0;border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);font-size:14px;font-weight:720;line-height:20px}.auth-form__notice{margin:0;padding:12px 14px;border-radius:var(--md-sys-shape-corner-medium);background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var(--md-sys-color-surface-container));color:var(--md-sys-color-on-surface);font-weight:680}.auth-form__submit{margin-top:4px}.auth-form__inline-link{justify-self:start;color:var(--md-sys-color-primary);font-weight:var(--vysteria-font-weight-ui);text-decoration:none}.auth-form__inline-link:hover{text-decoration:underline}.auth-form__inline-link--end{align-self:flex-end}.auth-form__footer{text-align:center}@media(max-width:560px){.auth-form{padding:22px;border-radius:var(--md-sys-shape-corner-medium)}}.forbidden-view{min-height:var(--vysteria-viewport-height);display:grid;place-items:center;padding:32px;background:var(--vysteria-app-background)}.forbidden-view__content{width:min(100%,520px);display:grid;justify-items:center;gap:12px;padding:28px;border:0;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--vysteria-app-background);box-shadow:var(--vysteria-surface-shadow);text-align:center}.forbidden-view__code,.forbidden-view__title,.forbidden-view__description{margin:0}.forbidden-view__code{color:var(--md-sys-color-primary);font-size:44px;font-weight:var(--vysteria-font-weight-display);line-height:52px}.forbidden-view__title{color:var(--md-sys-color-on-surface);font-size:28px;font-weight:var(--vysteria-font-weight-display);line-height:36px}.forbidden-view__description{color:var(--md-sys-color-on-surface-variant);font-size:15px;line-height:22px}@media(max-width:640px){.forbidden-view{padding:16px}}.home-view{height:var(--vysteria-viewport-height);min-height:0;display:flex;align-items:stretch;justify-content:flex-start;gap:18px;padding:24px;background:var(--vysteria-app-background);overflow:hidden}.home-profile-card.v-profile-card{width:min(100%,430px);min-height:calc(var(--vysteria-viewport-height) - 48px);top:24px}.home-workspace{width:100%;min-width:0;min-height:0;flex:1;display:grid;grid-template-rows:minmax(0,1fr);align-self:stretch;justify-self:stretch;gap:0}.rooms-panel,.friends-panel,.chats-panel,.events-panel{width:100%;min-width:0;min-height:0;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);align-self:stretch;justify-self:stretch;gap:14px;border:0;border-radius:var(--md-sys-shape-corner-extra-large);overflow:hidden}.friends-panel,.rooms-panel{grid-template-rows:auto minmax(0,1fr)}.events-panel{grid-template-rows:auto auto minmax(0,1fr)}.rooms-panel__header,.friends-panel__header,.chats-panel__header,.events-panel__header{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding:14px 16px;border:0;border-radius:var(--md-sys-shape-corner-large)}.rooms-panel__workspace{min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;overflow:hidden;padding:20px}.rooms-panel__workspace--filters-open{grid-template-columns:minmax(0,1fr) minmax(280px,320px)}.rooms-panel__content{position:relative;z-index:1;min-width:0;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);align-content:start;gap:10px;overflow:hidden}.rooms-panel__toolbar{min-width:0;display:flex;align-items:start;justify-content:flex-end;gap:10px}.rooms-panel__search{position:relative;width:min(100%,280px);min-width:0}.rooms-panel__filter-toggle.v-button{width:46px;min-width:46px;padding:0}.rooms-panel__filter-toggle .v-button__label{display:grid;place-items:center}.rooms-panel__filter-toggle img{width:20px;height:20px;display:block}.rooms-filter{min-width:0;min-height:0;display:grid;align-content:start;gap:16px;padding:18px;border:0;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--vysteria-app-background);box-shadow:var(--vysteria-surface-shadow);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.rooms-filter--popup{min-height:auto;max-height:min(620px,var(--vysteria-viewport-height) - 154px);border:0;background:transparent;box-shadow:none}.rooms-filter__header{display:flex;align-items:center;justify-content:flex-end;gap:10px}.rooms-filter__group,.rooms-filter__group legend{margin:0}.rooms-filter__collapse{width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;font:inherit;font-size:22px;line-height:1}.rooms-filter__collapse:hover,.rooms-filter__collapse:focus-visible{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent);color:var(--md-sys-color-on-surface);outline:0}.rooms-filter__group{min-width:0;display:grid;gap:9px;padding:0;border:0}.rooms-filter__group legend,.rooms-filter__label{color:var(--md-sys-color-on-surface-variant);font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px}.rooms-filter__radio{min-width:0;display:flex;align-items:center;gap:9px;min-height:40px;padding:0 12px;border-radius:var(--md-sys-shape-corner-full);color:var(--md-sys-color-on-surface);cursor:pointer;font-size:14px;line-height:20px}.rooms-filter__radio:hover,.rooms-filter__radio:focus-within{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent)}.rooms-filter__radio input{width:18px;height:18px;accent-color:var(--md-sys-color-primary)}.rooms-filter__state,.rooms-filter__error{margin:0;font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px}.rooms-filter__state{color:var(--md-sys-color-on-surface-variant)}.rooms-filter__error{color:var(--md-sys-color-error)}.rooms-filter__friend-field{position:relative;min-width:0}.rooms-filter__friend-field .v-text-field__control{padding-right:54px}.rooms-filter__friend-picker{position:absolute;top:29px;right:12px;width:34px;height:34px;display:grid;place-items:center;padding:0;border:0;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;font:inherit;font-size:20px;font-weight:var(--vysteria-font-weight-display);line-height:1}.rooms-filter__friend-picker img{width:20px;height:20px;display:block}.rooms-filter__friend-picker:hover,.rooms-filter__friend-picker:focus-visible{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent);color:var(--md-sys-color-on-surface);outline:0}.rooms-filter__friend-picker:disabled{cursor:not-allowed;opacity:.48}.rooms-filter-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:24px;background:var(--vysteria-modal-backdrop)}.rooms-filter-popup__surface{width:min(100%,480px);max-height:min(760px,var(--vysteria-viewport-height) - 48px);display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;padding:20px;border:0;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--vysteria-app-background);box-shadow:var(--vysteria-surface-shadow-strong);overflow:hidden}.rooms-filter-popup__header{display:flex;align-items:center;justify-content:flex-end;gap:12px}.rooms-filter-popup__close{width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;font:inherit;font-size:24px;line-height:1}.rooms-filter-popup__close:hover,.rooms-filter-popup__close:focus-visible{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent);color:var(--md-sys-color-on-surface);outline:0}.rooms-panel__eyebrow,.rooms-panel__state,.rooms-panel__error,.friends-panel__eyebrow,.friends-panel__state,.friends-panel__error,.friend-requests-card__title,.add-friend-popup__title,.chats-panel__eyebrow,.chats-panel__state,.chats-panel__error,.events-panel__eyebrow,.events-panel__state,.events-panel__error{margin:0}.rooms-panel__eyebrow,.friends-panel__eyebrow,.chats-panel__eyebrow,.events-panel__eyebrow{color:var(--md-sys-color-on-surface);font-size:22px;font-weight:var(--vysteria-font-weight-display);line-height:30px;text-transform:none}.rooms-panel__eyebrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rooms-panel__count{min-width:34px;min-height:26px;display:inline-grid;place-items:center;padding:2px 9px;border-radius:9px;background:color-mix(in srgb,var(--md-sys-color-primary-container) 68%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-primary);font-size:14px;line-height:18px}.rooms-panel__create{align-self:center}.rooms-panel__state,.friends-panel__state,.chats-panel__state,.events-panel__state{color:var(--md-sys-color-on-surface-variant);font-size:14px;line-height:21px}.rooms-panel__error,.friends-panel__error,.chats-panel__error,.events-panel__error,.room-modal__error{color:var(--md-sys-color-error);font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px}.friends-panel__workspace{min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,320px);gap:14px;overflow:hidden;padding:20px}.friends-panel__content{position:relative;z-index:1;min-width:0;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);align-content:start;gap:10px;overflow:hidden}.friends-side-panel{min-width:0;min-height:0;display:grid;align-content:start;gap:14px;padding:18px;border:0;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--vysteria-app-background);box-shadow:var(--vysteria-surface-shadow);overflow:hidden}.chats-panel{grid-template-rows:auto minmax(0,1fr)}.chats-panel__workspace{width:100%;min-width:0;min-height:0;height:100%;display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-self:stretch;justify-self:stretch;gap:16px;overflow:hidden;transition:grid-template-columns .22s var(--md-sys-motion-standard),gap .22s var(--md-sys-motion-standard)}.chats-panel__workspace--list-collapsed{grid-template-columns:82px minmax(0,1fr);gap:12px}.home-view--chat-detail-open .home-profile-card.v-profile-card{display:none}.home-view--chat-detail-open .home-workspace{width:100%;flex:1 1 auto}.home-view--chat-detail-open .chats-panel{grid-template-rows:minmax(0,1fr)}.home-view--chat-detail-open .chats-panel__header{display:none}.chats-list-view{position:relative;min-height:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);align-content:stretch;align-items:stretch;gap:12px;padding:20px;border-radius:var(--md-sys-shape-corner-extra-large);background:transparent;box-shadow:none;overflow:hidden;transition:padding .16s var(--md-sys-motion-standard)}.chats-panel__workspace--list-collapsed .chats-list-view{grid-template-rows:minmax(0,1fr);padding:66px 8px 12px;gap:8px}.chats-panel__workspace--detail-open.chats-panel__workspace--list-collapsed .chats-list-view{padding:12px 8px}.chats-list-view>.v-text-field{min-width:0}.chats-panel__state,.chats-panel__error{max-height:96px;opacity:1;overflow:hidden;transform:translateY(0);transition:max-height .22s var(--md-sys-motion-standard),opacity .15s var(--md-sys-motion-standard),transform .22s var(--md-sys-motion-standard),visibility .22s var(--md-sys-motion-standard)}.chats-list-view>.v-skeleton-loader{max-height:var(--vysteria-viewport-height);opacity:1;overflow:hidden;transform:translateY(0);transition:max-height .22s var(--md-sys-motion-standard),opacity .15s var(--md-sys-motion-standard),transform .22s var(--md-sys-motion-standard),visibility .22s var(--md-sys-motion-standard)}.chats-panel__workspace--list-collapsed .chats-list-view>.v-text-field,.chats-panel__workspace--list-collapsed .chats-list-view>.v-skeleton-loader,.chats-panel__workspace--list-collapsed .chats-panel__state,.chats-panel__workspace--list-collapsed .chats-panel__error{display:none}.chat-list__item{position:relative;z-index:0;width:100%;min-height:78px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;padding:8px 8px 8px 10px;border:0;border-radius:var(--md-sys-shape-corner-large);background:transparent;color:inherit;transition:background-color .18s var(--md-sys-motion-standard),border-radius .22s var(--md-sys-motion-standard),box-shadow .18s var(--md-sys-motion-standard),min-height .22s var(--md-sys-motion-standard),padding .22s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.chats-panel__workspace--list-collapsed .chat-list__item{width:64px;min-height:64px;grid-template-columns:minmax(0,1fr);justify-self:center;padding:5px 6px;border-radius:var(--md-sys-shape-corner-large)}.chats-panel__workspace--list-collapsed .chat-list__item:before{top:9px;bottom:9px;left:0;width:4px}.chat-list__item:before{content:"";position:absolute;top:16px;bottom:16px;left:0;width:4px;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary);opacity:0;transform:scaleY(.68);transition:opacity .18s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.chat-list__open{min-width:0;min-height:62px;display:grid;grid-template-columns:52px minmax(0,1fr) minmax(46px,auto);align-items:center;gap:12px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;text-align:left;transition:gap .22s var(--md-sys-motion-standard),min-height .22s var(--md-sys-motion-standard),width .22s var(--md-sys-motion-standard)}.chats-panel__workspace--list-collapsed .chat-list__open{width:52px;min-height:58px;grid-template-columns:minmax(0,1fr);place-items:center;gap:0}.chat-list__item:hover,.chat-list__item:focus-within{z-index:20;box-shadow:none;transform:translateY(-4px) scale(1.02)}.chat-list__item--active:before{opacity:1;transform:scaleY(1)}.chat-list__item--active .chat-list__name{color:var(--md-sys-color-primary)}.chat-list__avatar{position:relative;z-index:1;width:52px;height:52px;min-width:52px;max-width:52px;min-height:52px;max-height:52px;display:grid;place-items:center;flex:0 0 52px;border:3px solid var(--vysteria-app-background);border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-size:18px;font-weight:var(--vysteria-font-weight-display);box-shadow:none;transition:border-width .22s var(--md-sys-motion-standard),height .22s var(--md-sys-motion-standard),min-height .22s var(--md-sys-motion-standard),min-width .22s var(--md-sys-motion-standard),width .22s var(--md-sys-motion-standard)}.chat-list__avatar-content{width:100%;height:100%;display:grid;place-items:center;border-radius:inherit;overflow:hidden}.chats-panel__workspace--list-collapsed .chat-list__avatar{width:48px;height:48px;min-width:48px;max-width:48px;min-height:48px;max-height:48px;border-width:2px}.chat-list__avatar img{width:100%;height:100%;display:block;border-radius:inherit;object-fit:cover}.chat-list__avatar:after{content:"";position:absolute;right:-3px;bottom:-3px;width:14px;height:14px;border:3px solid var(--vysteria-app-background);border-radius:var(--md-sys-shape-corner-full);box-shadow:none;z-index:2}.chat-list__avatar--online:after{background:#24d27e}.chat-list__avatar--offline:after{background:color-mix(in srgb,var(--md-sys-color-outline) 68%,var(--vysteria-app-background))}.chat-list__content{min-width:0;max-width:100%;display:grid;gap:2px;overflow:hidden}.chats-panel__workspace--list-collapsed .chat-list__content,.chats-panel__workspace--list-collapsed .chat-list__menu-toggle,.chats-panel__workspace--list-collapsed .chat-list__menu{opacity:0;pointer-events:none;visibility:hidden}.chats-panel__workspace--list-collapsed .chat-list__content{width:0;height:0;max-height:0}.chats-panel__workspace--list-collapsed .chat-list__menu-toggle{width:0;height:0;overflow:hidden}.chat-list__name{color:var(--md-sys-color-on-surface);font-size:16px;font-weight:var(--vysteria-font-weight-ui);line-height:23px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-list__login,.chat-list__preview{color:var(--md-sys-color-on-surface-variant);font-size:13px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-list__meta{min-width:46px;display:grid;align-self:center;justify-items:end;gap:6px;color:var(--md-sys-color-on-surface-variant);font-size:12px;line-height:16px;transition:opacity .16s var(--md-sys-motion-standard),transform .22s var(--md-sys-motion-standard)}.chats-panel__workspace--list-collapsed .chat-list__meta{position:absolute;top:1px;right:1px;min-width:0;display:block;z-index:3}.chats-panel__workspace--list-collapsed .chat-list__time,.chats-panel__workspace--list-collapsed .chat-list__read{display:none}.chat-list__time{white-space:nowrap}.chat-list__unread{min-width:22px;height:22px;display:grid;place-items:center;padding:0 7px;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font-size:12px;font-weight:var(--vysteria-font-weight-display);line-height:22px}.chats-panel__workspace--list-collapsed .chat-list__unread{min-width:18px;height:18px;padding:0 5px;border:2px solid var(--vysteria-app-background);font-size:10px;line-height:16px}.chat-list__read{display:inline-grid;grid-template-columns:9px 9px;align-items:center;justify-content:end;color:var(--md-sys-color-primary)}.chat-list__read img{width:14px;height:14px;display:block;opacity:.86}.chat-list__read img+img{margin-left:-7px}.chat-list__menu-toggle{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;opacity:0;transition:background-color .18s var(--md-sys-motion-standard),opacity .18s var(--md-sys-motion-standard)}.chat-list__item:hover .chat-list__menu-toggle,.chat-list__item:focus-within .chat-list__menu-toggle,.chat-list__menu-toggle[aria-expanded=true]{opacity:1}.chat-list__menu-toggle:hover:not(:disabled),.chat-list__menu-toggle[aria-expanded=true]{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent)}.chat-list__menu-toggle:disabled{cursor:default;opacity:.4}.chat-list__menu-toggle img{width:18px;height:18px;display:block;opacity:.72}.chat-list__menu{position:absolute;top:50px;right:8px;z-index:30;min-width:210px;display:grid;gap:4px;padding:8px;border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-high);box-shadow:var(--vysteria-surface-shadow)}.chat-list__menu button{width:100%;min-height:36px;padding:0 12px;border:0;border-radius:var(--md-sys-shape-corner-medium);background:transparent;color:var(--md-sys-color-on-surface);cursor:pointer;font:inherit;font-size:13px;font-weight:var(--vysteria-font-weight-ui);text-align:left}.chat-list__menu button:hover:not(:disabled){background:color-mix(in srgb,var(--md-sys-color-primary) 14%,var(--md-sys-color-surface-container-highest))}.chat-list__menu button:disabled{cursor:default;opacity:.55}.chat-list__menu-danger{color:var(--md-sys-color-error)!important}.chat-detail{width:100%;min-width:0;min-height:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);align-self:stretch;justify-self:stretch;gap:12px;padding:10px;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--vysteria-app-background);box-shadow:none;overflow:hidden}.chats-panel__workspace--detail-open .chat-detail{padding:0}.chat-detail--empty{position:relative;grid-template-rows:minmax(0,1fr);isolation:isolate}.chat-detail--empty:before{content:"";position:absolute;top:10%;right:12%;bottom:10%;left:12%;border-radius:40px;background:radial-gradient(36% 42% at 24% 36%,color-mix(in srgb,var(--md-sys-color-secondary-container) 42%,transparent),transparent 72%),radial-gradient(30% 38% at 76% 64%,color-mix(in srgb,var(--md-sys-color-primary-container) 34%,transparent),transparent 70%);filter:blur(2px);opacity:.74;pointer-events:none;animation:chat-idle-field 11s var(--md-sys-motion-emphasized) infinite alternate}.chat-detail__header.v-app-header{min-width:0}.chat-detail__placeholder{margin:0}.chat-detail__placeholder{color:var(--md-sys-color-on-surface-variant);font-size:14px;line-height:20px}.chat-detail__placeholder{align-self:center;justify-self:center}.chat-detail__empty{position:relative;min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden}.chat-detail__empty>*{position:relative;z-index:1}.chat-detail__idle-shapes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.chat-detail__idle-shape{position:absolute;display:block;background:color-mix(in srgb,var(--md-sys-color-primary-container) 74%,transparent);box-shadow:0 18px 36px color-mix(in srgb,#000 18%,transparent),inset 0 1px color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);opacity:.82;transform-origin:center;will-change:transform}.chat-detail__idle-shape--pill{left:max(24px,8%);top:12%;width:clamp(120px,19vw,210px);height:clamp(54px,8vw,82px);border-radius:var(--md-sys-shape-corner-full);background:color-mix(in srgb,var(--md-sys-color-primary-container) 78%,var(--md-sys-color-surface-container-high));animation:chat-shape-float-a 8.5s var(--md-sys-motion-emphasized) infinite alternate}.chat-detail__idle-shape--circle{right:max(28px,11%);top:15%;width:clamp(82px,13vw,138px);aspect-ratio:1;border-radius:var(--md-sys-shape-corner-full);background:color-mix(in srgb,var(--md-sys-color-secondary-container) 84%,var(--md-sys-color-primary-container));animation:chat-shape-float-b 9.4s var(--md-sys-motion-emphasized) infinite alternate}.chat-detail__idle-shape--square{left:18%;bottom:13%;width:clamp(76px,11vw,124px);aspect-ratio:1;border-radius:var(--md-sys-shape-corner-extra-large);background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 70%,var(--md-sys-color-primary-container));animation:chat-shape-float-c 10s var(--md-sys-motion-emphasized) infinite alternate}.chat-detail__idle-shape--arch{right:17%;bottom:14%;width:clamp(86px,12vw,146px);height:clamp(96px,15vw,174px);border-radius:999px 999px var(--md-sys-shape-corner-large) var(--md-sys-shape-corner-large);background:color-mix(in srgb,var(--md-sys-color-primary) 30%,var(--md-sys-color-surface-container-high));animation:chat-shape-float-d 8.8s var(--md-sys-motion-emphasized) infinite alternate}.chat-detail__idle-shape--diamond{left:50%;top:22%;width:clamp(54px,8vw,94px);aspect-ratio:1;border-radius:var(--md-sys-shape-corner-medium);background:color-mix(in srgb,var(--md-sys-color-primary) 26%,var(--md-sys-color-secondary-container));animation:chat-shape-float-e 7.8s var(--md-sys-motion-emphasized) infinite alternate}.chat-detail__idle-shape--dot{left:58%;bottom:23%;width:clamp(34px,5vw,62px);aspect-ratio:1;border-radius:var(--md-sys-shape-corner-full);background:color-mix(in srgb,var(--md-sys-color-primary) 42%,var(--md-sys-color-surface-container-highest));animation:chat-shape-float-f 7s var(--md-sys-motion-emphasized) infinite alternate}.room-list,.friends-list,.chat-list,.events-list{min-height:0;display:grid;align-content:start;gap:10px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.chat-list{align-self:stretch;height:100%;min-height:100%;padding:4px 8px 24px 2px;box-sizing:border-box}.chats-panel__workspace--list-collapsed .chat-list{gap:8px;padding:2px 2px 24px}.events-list{height:100%;padding:8px 10px 28px;box-sizing:border-box}.room-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:stretch;padding:40px}.friends-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));align-items:stretch;padding:10px 18px 30px}.rooms-panel__content>.v-skeleton-loader--room-list{min-height:0;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:stretch;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.rooms-panel__content>.v-skeleton-loader--room-list .v-skeleton-loader__room-item{height:300px;min-height:0;grid-template-columns:1fr;grid-template-rows:132px minmax(0,1fr) auto;align-items:start;gap:14px;padding:0 18px 18px;overflow:hidden}.rooms-panel__content>.v-skeleton-loader--room-list .v-skeleton-loader__room-item:before{content:"";width:calc(100% + 36px);height:132px;display:block;margin:0 -18px;background:linear-gradient(90deg,var(--skeleton-base),var(--skeleton-highlight),var(--skeleton-base));background-size:220% 100%;animation:v-skeleton-loader-shimmer 1.3s var(--md-sys-motion-standard) infinite}.rooms-panel__content>.v-skeleton-loader--room-list .v-skeleton-loader__room-avatar{display:none}.rooms-panel__content>.v-skeleton-loader--room-list .v-skeleton-loader__room-action{width:100%;height:18px}.friends-list__load-more,.events-list__load-more{width:100%}.friends-list__load-more{grid-column:1/-1}.event-group{min-width:0;display:grid;gap:8px}.event-group__header{width:100%;min-height:72px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 14px;border:0;border-radius:var(--md-sys-shape-corner-large);background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 62%,var(--vysteria-app-background));color:var(--md-sys-color-on-surface);cursor:pointer;font:inherit;text-align:left;box-shadow:var(--vysteria-surface-shadow-soft);transition:background-color .18s var(--md-sys-motion-standard),box-shadow .18s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.event-group__header:hover,.event-group__header:focus-visible{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,var(--md-sys-color-surface-container-high));box-shadow:var(--vysteria-surface-shadow);outline:0}.event-group__header:active{transform:translateY(1px)}.event-group__avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-size:18px;font-weight:var(--vysteria-font-weight-display);overflow:hidden}.event-group__avatar img{width:100%;height:100%;display:block;object-fit:cover}.event-group__content{min-width:0;display:grid;gap:2px}.event-group__title,.event-group__subtitle{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-group__title{color:var(--md-sys-color-on-surface);font-size:16px;font-weight:var(--vysteria-font-weight-ui);line-height:22px}.event-group__subtitle{color:var(--md-sys-color-on-surface-variant);font-size:13px;line-height:18px}.event-group__count{min-width:28px;height:24px;display:grid;place-items:center;padding:0 8px;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-size:12px;font-weight:var(--vysteria-font-weight-display);line-height:24px}.event-group__toggle-icon{width:20px;height:20px;display:block}.event-group__items{min-width:0;display:grid;gap:10px;padding-left:18px}.room-list__item{--room-list-item-background: color-mix( in srgb, var(--md-sys-color-surface-container-low) 68%, var(--vysteria-app-background) );--room-list-item-background-hover: color-mix( in srgb, var(--md-sys-color-primary-container) 22%, var(--room-list-item-background) );position:relative;width:100%;height:300px;min-height:0;border:0;border-radius:var(--md-sys-shape-corner-large);background:var(--room-list-item-background);color:inherit;box-shadow:var(--vysteria-surface-shadow-soft);overflow:visible;transition:border-color .18s var(--md-sys-motion-standard),background-color .18s var(--md-sys-motion-standard),box-shadow .18s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.room-list__item--menu-open{z-index:40}.room-list__open{width:100%;height:100%;min-height:0;display:grid;grid-template-rows:132px minmax(0,1fr);align-items:stretch;gap:0;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;text-align:left;border-radius:inherit;overflow:hidden}.friend-card{box-sizing:border-box;position:relative;width:100%;min-height:220px;display:grid;grid-template-rows:minmax(92px,1fr) auto;justify-items:center;align-items:end;align-content:stretch;gap:16px;padding:42px 22px 24px;border:0;border-radius:var(--md-sys-shape-corner-large);background:var(--vysteria-app-background);background-position:center;background-size:cover;color:inherit;cursor:pointer;box-shadow:var(--vysteria-surface-shadow-soft);overflow:hidden;transition:box-shadow .18s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.friend-card:before{content:"";position:absolute;top:38%;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--vysteria-app-background) 62%,transparent));pointer-events:none}.friend-card:hover,.friend-card:focus-visible,.friend-card:focus-within{box-shadow:var(--vysteria-surface-shadow);outline:0;transform:translateY(-4px) scale(1.02)}.friend-card__avatar{position:relative;z-index:1;width:78px;height:78px;display:grid;place-items:center;border:3px solid var(--vysteria-app-background);border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-size:24px;font-weight:var(--vysteria-font-weight-display);box-shadow:none}.friend-card__avatar-content{width:100%;height:100%;display:grid;place-items:center;border-radius:inherit;overflow:hidden}.friend-card__avatar img{width:100%;height:100%;display:block;border-radius:inherit;object-fit:cover}.friend-card__avatar:after{content:"";position:absolute;right:-1px;bottom:5px;width:12px;height:12px;border:2px solid var(--vysteria-app-background);border-radius:var(--md-sys-shape-corner-full);z-index:1}.friend-card__avatar--online:after{background:#31d076}.friend-card__avatar--offline:after{background:color-mix(in srgb,var(--md-sys-color-outline) 76%,var(--md-sys-color-surface-container-highest))}.friend-card__content{position:relative;z-index:1;min-width:0;max-width:100%;display:grid;justify-items:center;gap:3px}.friend-card__name,.friend-card__login{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-card__name{color:var(--md-sys-color-on-surface);font-size:17px;font-weight:var(--vysteria-font-weight-ui);line-height:24px}.friend-card__login{color:var(--md-sys-color-on-surface-variant);font-size:14px;line-height:20px}.friend-card__menu-toggle{position:absolute;top:14px;right:14px;width:30px;height:30px;display:grid;place-items:center;padding:0;border:0;border-radius:var(--md-sys-shape-corner-full);background:color-mix(in srgb,var(--md-sys-color-surface) 54%,transparent);color:var(--md-sys-color-on-surface);cursor:pointer;font:inherit}.friend-card__menu-toggle img{width:20px;height:20px;display:block}.friend-card__menu-toggle:hover,.friend-card__menu-toggle:focus-visible{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent);outline:0}.friend-card__menu{position:absolute;top:50px;right:14px;z-index:8;min-width:184px;display:grid;gap:4px;padding:8px;border:0;border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-high);box-shadow:var(--vysteria-surface-shadow)}.friend-card__menu button{width:100%;min-height:36px;padding:0 12px;border:0;border-radius:var(--md-sys-shape-corner-medium);background:transparent;color:var(--md-sys-color-on-surface);cursor:pointer;font:inherit;font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px;text-align:left}.friend-card__menu button:hover,.friend-card__menu button:focus-visible{background:color-mix(in srgb,var(--md-sys-color-primary-container) 52%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-on-primary-container);outline:0}.friend-card__menu button:disabled{cursor:not-allowed;opacity:.52}.friend-card__menu-danger{color:var(--md-sys-color-error)!important}.friend-requests-card{min-width:0;display:grid;gap:10px;padding-top:4px}.friend-requests-card__header{display:flex;align-items:center;justify-content:space-between;gap:10px}.friend-requests-card__title{color:var(--md-sys-color-on-surface);font-size:16px;font-weight:var(--vysteria-font-weight-display);line-height:22px}.friend-requests-card__count{min-width:26px;min-height:24px;display:grid;place-items:center;padding:2px 8px;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-size:12px;font-weight:var(--vysteria-font-weight-display);line-height:18px}.friend-requests-card__list{max-height:360px;min-height:0;display:grid;align-content:start;gap:8px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-right:4px}.friend-request-row{min-width:0;min-height:64px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;border:0;border-radius:var(--md-sys-shape-corner-large);background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 58%,transparent);cursor:pointer}.friend-request-row:hover,.friend-request-row:focus-visible{background:color-mix(in srgb,var(--md-sys-color-primary-container) 26%,var(--md-sys-color-surface-container-highest));outline:0}.friend-request-row__avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-size:15px;font-weight:var(--vysteria-font-weight-display);overflow:hidden}.friend-request-row__avatar img{width:100%;height:100%;display:block;object-fit:cover}.friend-request-row__content{min-width:0;display:grid;gap:1px}.friend-request-row__name,.friend-request-row__login{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-request-row__name{color:var(--md-sys-color-on-surface);font-size:14px;font-weight:var(--vysteria-font-weight-ui);line-height:19px}.friend-request-row__login{color:var(--md-sys-color-on-surface-variant);font-size:12px;line-height:16px}.friend-request-row__actions{display:flex;align-items:center;gap:6px}.friend-request-row__actions button{width:30px;height:30px;display:grid;place-items:center;padding:0;border:0;border-radius:var(--md-sys-shape-corner-full);background:color-mix(in srgb,var(--md-sys-color-primary) 14%,transparent);color:var(--md-sys-color-on-surface);cursor:pointer}.friend-request-row__actions button:hover,.friend-request-row__actions button:focus-visible{background:color-mix(in srgb,var(--md-sys-color-primary) 24%,transparent);outline:0}.friend-request-row__actions button:disabled{cursor:not-allowed;opacity:.52}.friend-request-row__actions img{width:16px;height:16px;display:block}.friend-request-row__loader{width:14px;height:14px;border:2px solid color-mix(in srgb,var(--md-sys-color-on-surface) 28%,transparent);border-top-color:var(--md-sys-color-primary);border-radius:var(--md-sys-shape-corner-full);animation:v-button-spin .7s linear infinite}.event-item{width:100%;min-height:80px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px;border:0;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--vysteria-app-background);box-shadow:var(--vysteria-surface-shadow-soft)}.event-item--bubble{border-radius:var(--md-sys-shape-corner-extra-large);box-shadow:var(--vysteria-surface-shadow-soft)}.event-item--interactive{cursor:pointer;transition:background-color .18s var(--md-sys-motion-standard),box-shadow .18s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.event-item--interactive:hover,.event-item--interactive:focus-visible{background:color-mix(in srgb,var(--md-sys-color-primary) 7%,var(--vysteria-app-background));box-shadow:var(--vysteria-surface-shadow);outline:0}.event-item--interactive:active{transform:translateY(1px)}.event-item__avatar{width:58px;height:58px;display:grid;place-items:center;border:3px solid var(--vysteria-app-background);border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-size:20px;font-weight:var(--vysteria-font-weight-display);box-shadow:none;overflow:hidden}.event-item__avatar img{width:100%;height:100%;display:block;object-fit:cover}.event-item__content{min-width:0;display:grid;gap:4px}.event-item__title{color:var(--md-sys-color-on-surface);font-size:17px;font-weight:var(--vysteria-font-weight-ui);line-height:24px;overflow-wrap:anywhere}.event-item__subtitle{color:var(--md-sys-color-on-surface-variant);font-size:14px;line-height:20px;overflow-wrap:anywhere}.event-item__time{color:color-mix(in srgb,var(--md-sys-color-on-surface-variant) 82%,transparent);font-size:12px;line-height:16px}.event-item__actions{display:flex;align-items:center;gap:10px}.event-item__icon-action{width:42px;height:42px;display:inline-grid;place-items:center;flex:0 0 auto;border:0;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;transition:background-color .18s var(--md-sys-motion-standard),color .18s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.event-item__icon-action:hover:not(:disabled),.event-item__icon-action:focus-visible{background:color-mix(in srgb,var(--md-sys-color-primary) 14%,transparent);color:var(--md-sys-color-primary)}.event-item__icon-action:active:not(:disabled){transform:translateY(1px)}.event-item__icon-action:disabled{cursor:not-allowed;opacity:.58}.event-item__icon-action img{width:20px;height:20px;display:block}.event-item__loader{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--md-sys-shape-corner-full);animation:v-button-spin .7s linear infinite}.notification-settings-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;display:grid;place-items:center;padding:18px;background:var(--vysteria-modal-backdrop)}.notification-settings-popup__surface{width:min(420px,100%);display:grid;gap:18px;padding:20px;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--vysteria-app-background);box-shadow:var(--vysteria-surface-shadow)}.notification-settings-popup__header{display:flex;align-items:center;justify-content:space-between;gap:16px}.notification-settings-popup__header h3{margin:0;color:var(--md-sys-color-on-surface);font-size:18px;font-weight:var(--vysteria-font-weight-display);line-height:24px}.notification-settings-popup__close{width:38px;height:38px;border:0;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;font-size:24px;line-height:1}.notification-settings-popup__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.notification-settings-popup__option{min-height:44px;border:0;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);cursor:pointer;font-size:14px;font-weight:var(--vysteria-font-weight-ui)}.notification-settings-popup__option--active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.notification-settings-popup__error{margin:0;color:var(--md-sys-color-error);font-size:14px;line-height:20px}.notification-settings-popup__actions{display:flex;justify-content:flex-end;gap:10px}@keyframes chat-idle-field{0%,to{opacity:.62;transform:translate3d(-10px,4px,0) scale(.96)}50%{opacity:.82;transform:translate3d(14px,-8px,0) scale(1.04)}}@keyframes chat-shape-float-a{0%,to{transform:translate3d(-8px,0,0) rotate(-7deg)}50%{transform:translate3d(22px,14px,0) rotate(5deg) scale(1.06)}}@keyframes chat-shape-float-b{0%,to{transform:translate3d(10px,-4px,0) scale(.98)}50%{transform:translate3d(-18px,18px,0) scale(1.08)}}@keyframes chat-shape-float-c{0%,to{transform:translate3d(0,10px,0) rotate(8deg)}50%{transform:translate3d(18px,-16px,0) rotate(-8deg) scale(1.05)}}@keyframes chat-shape-float-d{0%,to{transform:translate3d(4px,12px,0) rotate(-3deg)}50%{transform:translate3d(-20px,-12px,0) rotate(6deg) scale(1.04)}}@keyframes chat-shape-float-e{0%,to{transform:translate3d(-50%,0,0) rotate(40deg)}50%{transform:translate3d(calc(-50% + 12px),18px,0) rotate(52deg) scale(1.06)}}@keyframes chat-shape-float-f{0%,to{transform:translate3d(0,-8px,0) scale(.92)}50%{transform:translate3d(16px,12px,0) scale(1.12)}}@media(prefers-reduced-motion:reduce){.chat-detail--empty:before,.chat-detail__idle-shape{animation:none}}.room-list__item:hover,.room-list__item:focus-within{background:var(--room-list-item-background-hover);box-shadow:var(--vysteria-surface-shadow);transform:translateY(-4px) scale(1.02)}.room-list__cover{position:relative;min-width:0;height:132px;display:block;background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--md-sys-color-primary) 24%,transparent),transparent 34%),linear-gradient(135deg,var(--md-sys-color-primary-container),var(--md-sys-color-surface-container-highest));overflow:hidden}.room-list__cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 48%,color-mix(in srgb,var(--md-sys-color-surface) 48%,transparent))}.room-list__cover img{width:100%;height:100%;display:block;object-fit:cover}.room-list__cover-fallback{width:100%;height:100%;display:block;background:radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--md-sys-color-primary) 18%,transparent),transparent 30%),radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--md-sys-color-secondary) 16%,transparent),transparent 28%),linear-gradient(135deg,var(--md-sys-color-surface-container-highest),var(--md-sys-color-primary-container))}.room-list__body{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:8px;padding:14px 20px 16px;background:inherit;overflow:hidden}.room-list__content{min-width:0;min-height:0;display:grid;align-content:start;grid-template-rows:auto auto auto;gap:6px;overflow:hidden}.room-list__name{color:var(--md-sys-color-on-surface);display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:20px;font-weight:var(--vysteria-font-weight-ui);line-height:26px;overflow-wrap:anywhere}.room-list__description{color:var(--md-sys-color-on-surface-variant);display:-webkit-box;min-height:40px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:15px;line-height:20px;overflow-wrap:anywhere}.room-list__tags{min-width:0;display:flex;flex-wrap:wrap;gap:6px;max-height:26px;margin-top:2px;overflow:hidden}.room-list__tag{min-width:0;max-width:100%;min-height:24px;display:inline-flex;align-items:center;padding:4px 9px;border-radius:7px;background:color-mix(in srgb,var(--md-sys-color-primary-container) 56%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-primary);font-size:12px;font-weight:var(--vysteria-font-weight-ui);line-height:16px;overflow-wrap:anywhere}.room-list__meta{display:flex;align-items:center;gap:14px;overflow:hidden;white-space:nowrap;color:var(--md-sys-color-on-surface-variant);font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px}.room-list__meta-online{min-width:0;display:inline-flex;align-items:center;flex:0 1 auto;gap:6px;color:var(--md-sys-color-primary)}.room-list__meta-online:before,.room-list__meta-total:before{content:"";width:8px;height:8px;border-radius:var(--md-sys-shape-corner-full);background:currentColor}.room-list__meta-total{min-width:0;display:inline-flex;align-items:center;flex:0 1 auto;gap:6px;color:var(--md-sys-color-on-surface-variant)}.room-list__menu-toggle{position:absolute;top:14px;right:14px;width:30px;height:30px;display:grid;place-items:center;padding:0;border:0;border-radius:var(--md-sys-shape-corner-full);background:color-mix(in srgb,var(--md-sys-color-surface) 54%,transparent);color:var(--md-sys-color-on-surface);cursor:pointer;font:inherit;font-size:20px;font-weight:var(--vysteria-font-weight-display);line-height:1}.room-list__menu-toggle img{width:20px;height:20px;display:block}.room-list__menu-toggle:hover,.room-list__menu-toggle:focus-visible{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent);color:var(--md-sys-color-on-surface);outline:0}.room-list__menu{position:absolute;top:50px;right:14px;z-index:8;min-width:176px;display:grid;gap:4px;padding:8px;border:0;border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-high);box-shadow:var(--vysteria-surface-shadow)}.room-list__menu button{width:100%;min-height:36px;padding:0 12px;border:0;border-radius:var(--md-sys-shape-corner-medium);background:transparent;color:var(--md-sys-color-on-surface);cursor:pointer;font:inherit;font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px;text-align:left}.room-list__menu button:hover,.room-list__menu button:focus-visible{background:color-mix(in srgb,var(--md-sys-color-primary-container) 52%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-on-primary-container);outline:0}.room-list__menu-danger{color:var(--md-sys-color-error)!important}.room-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:var(--vysteria-modal-backdrop)}.add-friend-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:24px;background:var(--vysteria-modal-backdrop)}.add-friend-popup__surface{width:min(100%,430px);display:grid;gap:16px;padding:22px;border:0;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--vysteria-app-background);box-shadow:var(--vysteria-surface-shadow-strong)}.add-friend-popup__header,.add-friend-popup__actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.add-friend-popup__title{color:var(--md-sys-color-on-surface);font-size:20px;font-weight:var(--vysteria-font-weight-display);line-height:28px}.add-friend-popup__close{width:38px;height:38px;display:grid;place-items:center;padding:0;border:0;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;font:inherit;font-size:24px;line-height:1}.add-friend-popup__close:hover,.add-friend-popup__close:focus-visible{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent);color:var(--md-sys-color-on-surface);outline:0}.add-friend-popup__close:disabled{cursor:not-allowed;opacity:.52}.add-friend-popup__message{margin:0;color:var(--md-sys-color-primary);font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px}.room-modal__surface{width:min(100%,460px);display:grid;gap:18px;padding:22px;border:0;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--vysteria-app-background);box-shadow:var(--vysteria-surface-shadow-strong)}.room-modal__header,.room-modal__actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.room-modal__title,.room-modal__message,.room-modal__error{margin:0}.room-modal__title{color:var(--md-sys-color-on-surface);font-size:22px;font-weight:var(--vysteria-font-weight-display);line-height:30px}.room-modal__avatar{display:grid;gap:8px}.room-modal__message{color:var(--md-sys-color-primary);font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px}.room-modal__close{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;font-size:24px;font-weight:var(--vysteria-font-weight-display);line-height:1}.room-modal__close:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent);color:var(--md-sys-color-on-surface)}.room-modal__actions{justify-content:flex-end}@media(max-width:1440px){.rooms-panel__workspace{grid-template-columns:1fr}.rooms-filter--desktop{display:none}}@media(max-width:980px){.home-view{align-items:stretch;flex-direction:column;justify-content:flex-start}.home-profile-card.v-profile-card{width:100%;min-height:auto;top:auto}.home-workspace{width:100%}.rooms-panel__workspace,.friends-panel__workspace,.chats-panel__workspace{grid-template-columns:1fr;overflow:auto}.chats-panel__workspace--detail-open .chats-list-view{display:none}.chats-panel__workspace:not(.chats-panel__workspace--detail-open) .chat-detail{display:none}.rooms-panel__toolbar{flex-wrap:wrap}.rooms-filter,.friends-side-panel,.rooms-panel__content{min-height:initial}.friends-side-panel{order:-1}.chat-detail{min-height:520px}.chat-list__menu-toggle{opacity:1}}@media(max-width:640px){.home-view{height:auto;min-height:var(--vysteria-viewport-height);display:block;padding:24px 14px calc(106px + env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:visible;overscroll-behavior-y:auto}.home-view--chat-detail-open{height:var(--vysteria-viewport-height);min-height:var(--vysteria-viewport-height);width:100%;max-width:100vw;padding:0;overflow:hidden}.home-view--chat-detail-open .home-workspace,.home-view--chat-detail-open .chats-panel,.home-view--chat-detail-open .chats-panel__workspace{min-height:0;height:100%;width:100%;display:grid;grid-template-rows:minmax(0,1fr);overflow:hidden}.home-view--chat-detail-open .chats-panel__header{display:none}.home-view:not(.home-view--section-rooms) .home-profile-card.v-profile-card{display:none}.home-profile-card.v-profile-card{margin:0 0 24px;border-radius:22px;box-shadow:none}.home-profile-card.v-profile-card .v-profile-card__cover{height:92px;border-radius:18px 18px 0 0}.home-profile-card.v-profile-card .v-profile-card__body{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:end;gap:16px;padding:0 12px 12px}.home-profile-card.v-profile-card .v-profile-card__avatar{width:76px;height:76px;margin:-38px 0 0;border-width:3px;font-size:26px}.home-profile-card.v-profile-card .v-profile-card__avatar-status{right:-2px;bottom:4px;width:18px;height:18px;border-width:3px}.home-profile-card.v-profile-card .v-profile-card__identity{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:2px;padding-top:10px}.home-profile-card.v-profile-card .v-profile-card__nickname{font-size:24px;line-height:30px}.home-profile-card.v-profile-card .v-profile-card__login{font-size:14px;line-height:19px}.home-profile-card.v-profile-card .v-profile-card__body-actions{grid-column:1/-1;width:100%;margin-top:12px}.home-profile-card.v-profile-card .v-profile-card__body-actions .v-button{min-height:44px;width:min(100%,280px);padding:0 18px}.home-profile-card.v-profile-card .v-profile-card__after-body,.home-profile-card.v-profile-card .v-profile-card__footer{display:none}.home-workspace{display:block;min-height:auto}.rooms-panel,.friends-panel,.chats-panel,.events-panel{min-height:auto;display:block;padding:0;overflow:visible;border-radius:0}.rooms-panel__header,.friends-panel__header,.chats-panel__header,.events-panel__header,.add-friend-popup__actions,.room-modal__actions{align-items:stretch;flex-direction:column}.rooms-panel__header,.friends-panel__header,.chats-panel__header,.events-panel__header{min-height:auto;padding:0 4px 16px;margin:0 0 2px}.rooms-panel__eyebrow,.friends-panel__eyebrow,.chats-panel__eyebrow,.events-panel__eyebrow{font-size:28px;line-height:34px}.rooms-panel__header .v-button,.friends-panel__header .v-button,.add-friend-popup__actions .v-button,.room-modal__actions .v-button{width:100%}.rooms-panel__header .rooms-panel__create{align-self:flex-end}.rooms-panel__workspace,.friends-panel__workspace,.chats-panel__workspace,.rooms-panel__content,.friends-panel__content,.chats-list-view,.chat-detail{min-height:auto;height:auto;display:block;padding:0;overflow:visible}.rooms-panel__toolbar{display:grid;grid-template-columns:minmax(0,1fr) 54px;align-items:center;gap:12px;margin-bottom:18px}.rooms-panel__search{width:100%}.rooms-panel__filter-toggle.v-button{width:54px;min-width:54px;min-height:54px}.room-list,.friends-list,.rooms-panel__content>.v-skeleton-loader--room-list{grid-template-columns:minmax(0,1fr)}.room-list,.friends-list{padding:0 4px 26px;overflow:visible;overscroll-behavior:auto}.room-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.room-list__item,.room-list__open{height:258px;min-height:0}.room-list__open{grid-template-rows:110px minmax(0,1fr)}.room-list__cover{height:110px}.room-list__body{padding:12px}.room-list__name{font-size:17px;line-height:22px}.room-list__description{font-size:12px;line-height:17px}.room-list__meta{flex-wrap:nowrap;gap:8px 12px}.friends-panel__workspace{display:flex;flex-direction:column;gap:16px}.friends-side-panel{display:grid;gap:14px;order:-1;padding:8px 4px 0;background:transparent;box-shadow:none;overflow:visible}.friends-side-panel>.v-text-field{margin-top:2px}.friends-side-panel>.v-text-field .v-text-field__label,.chats-list-view>.v-text-field .v-text-field__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.friends-list{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:0 4px 26px}.friend-card{min-height:74px;grid-template-columns:54px minmax(0,1fr) auto;grid-template-rows:auto;justify-items:stretch;align-items:center;gap:12px;padding:10px 48px 10px 10px;background-image:none!important;box-shadow:none}.friend-card:before{display:none}.friend-card__avatar{width:54px;height:54px;font-size:18px}.friend-card__content{justify-items:start}.friend-card__menu-toggle{top:50%;right:10px;transform:translateY(-50%)}.friend-card__menu{top:58px;right:10px}.chats-panel__workspace{min-height:calc(100svh - 120px)}.chats-panel__workspace--list-collapsed{grid-template-columns:minmax(0,1fr);gap:0}.chats-panel__workspace--list-collapsed .chats-list-view{grid-template-rows:auto minmax(0,1fr);gap:12px;padding:0}.chats-panel__workspace--detail-open.chats-panel__workspace--list-collapsed .chats-list-view{padding:0}.chats-panel__workspace--list-collapsed .chats-list-view>.v-text-field,.chats-panel__workspace--list-collapsed .chats-list-view>.v-skeleton-loader,.chats-panel__workspace--list-collapsed .chats-panel__state,.chats-panel__workspace--list-collapsed .chats-panel__error{display:grid;max-height:none;opacity:1;overflow:visible;transform:none;visibility:visible}.chat-list{min-height:auto;height:auto;padding:0 4px 26px;overflow:visible;overscroll-behavior:auto}.chats-panel__workspace--list-collapsed .chat-list{gap:10px;padding:0 4px 26px}.chats-panel__workspace--list-collapsed .chat-list__item{width:100%;min-height:78px;grid-template-columns:minmax(0,1fr) auto;justify-self:stretch;padding:8px 8px 8px 10px}.chats-panel__workspace--list-collapsed .chat-list__open{width:100%;min-height:62px;grid-template-columns:52px minmax(0,1fr) minmax(46px,auto);place-items:stretch;gap:12px}.chats-panel__workspace--list-collapsed .chat-list__avatar{width:52px;height:52px;min-width:52px;max-width:52px;min-height:52px;max-height:52px;border-width:3px}.chats-panel__workspace--list-collapsed .chat-list__content,.chats-panel__workspace--list-collapsed .chat-list__menu-toggle,.chats-panel__workspace--list-collapsed .chat-list__menu{opacity:1;pointer-events:auto;visibility:visible}.chats-panel__workspace--list-collapsed .chat-list__content{width:auto;height:auto;max-height:none}.chats-panel__workspace--list-collapsed .chat-list__menu-toggle{width:34px;height:34px;overflow:visible}.chats-panel__workspace--list-collapsed .chat-list__meta{position:static;min-width:46px;display:grid}.chats-panel__workspace--list-collapsed .chat-list__time,.chats-panel__workspace--list-collapsed .chat-list__read{display:inline-grid}.chat-list__menu-toggle{opacity:1}.chats-panel__workspace--detail-open .chats-list-view{display:none}.chats-panel__workspace:not(.chats-panel__workspace--detail-open) .chat-detail{display:none}.chat-detail{min-height:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);padding:0;overflow:hidden}.chat-detail__header{position:sticky;top:0;z-index:4;min-height:62px;padding:8px 4px 12px;background:var(--vysteria-app-background)}.home-mobile-nav{position:fixed;left:16px;right:16px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:80;min-height:72px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:4px;padding:8px 10px;border-radius:var(--md-sys-shape-corner-full);background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 82%,transparent);box-shadow:var(--vysteria-surface-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.home-view--chat-detail-open .home-mobile-nav{display:none}.home-mobile-nav__item{min-width:0;min-height:56px;display:grid;place-items:center;align-content:center;gap:3px;padding:5px 4px;border:0;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;font:inherit;font-size:11px;font-weight:var(--vysteria-font-weight-ui);line-height:14px}.home-mobile-nav__item--active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.home-mobile-nav__item img{width:24px;height:24px;display:block}.events-list{height:auto;padding:0 4px 26px;overflow:visible;overscroll-behavior:auto}.event-item{grid-template-columns:auto minmax(0,1fr)}.event-item__actions{grid-column:1/-1;width:100%}.event-item__actions{align-items:center;flex-direction:row}}@media(min-width:641px){.home-mobile-nav{display:none}}@media(max-width:380px){.room-list{grid-template-columns:minmax(0,1fr)}}.profile-page{height:var(--vysteria-viewport-height);min-height:0;display:grid;grid-template-columns:minmax(0,760px);grid-template-rows:minmax(0,1fr);align-items:stretch;justify-content:center;gap:24px;padding:32px;background:var(--vysteria-app-background);overflow:hidden}.settings-shell{min-width:0}.profile-page__header{display:flex;align-items:center;justify-content:space-between;gap:18px}.profile-page__eyebrow,.profile-page__title{margin:0}.profile-page__eyebrow{color:var(--md-sys-color-primary);font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px;text-transform:uppercase}.profile-page__title{margin-top:6px;color:var(--md-sys-color-on-surface);font-size:30px;font-weight:var(--vysteria-font-weight-display);line-height:38px}.settings-shell{width:100%;display:grid;grid-template-rows:auto minmax(0,1fr);align-self:stretch;gap:18px;min-height:0}.settings-shell--page{width:100%;height:calc(var(--vysteria-viewport-height) - 64px);padding:5px;overflow:hidden}.settings-shell__content{min-width:0;min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:18px;padding:30px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.settings-shell__content>.settings-group{flex:0 0 auto}.settings-group{display:grid;gap:18px;padding:22px;border:0;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--vysteria-app-background);box-shadow:var(--vysteria-surface-shadow-soft);overflow:visible}form.settings-group{border:0}.settings-group__header{display:grid;gap:6px}.settings-group__title,.settings-group__description,.settings-group__message,.settings-group__error{margin:0}.settings-group__title{color:var(--md-sys-color-on-surface);font-size:20px;font-weight:var(--vysteria-font-weight-display);line-height:28px}.settings-group__description{color:var(--md-sys-color-on-surface-variant);font-size:14px;line-height:21px}.settings-group__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-group__actions{display:flex;justify-content:flex-end;gap:12px}.settings-group__message{color:var(--md-sys-color-primary);font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px}.settings-group__error{color:var(--md-sys-color-error);font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px}.settings-group--session{align-items:stretch}.session-list{max-height:min(360px,42vh);display:grid;gap:12px;padding-right:4px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.session-list__item{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 0}.session-list__item+.session-list__item{border-top:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 48%,transparent)}.session-list__main{min-width:0;display:grid;gap:5px}.session-list__title-row{min-width:0;display:flex;align-items:center;gap:10px}.session-list__title,.session-list__meta{margin:0}.session-list__title{min-width:0;color:var(--md-sys-color-on-surface);font-size:15px;font-weight:var(--vysteria-font-weight-ui);line-height:21px;overflow-wrap:anywhere}.session-list__badge{flex:0 0 auto;color:var(--md-sys-color-primary);font-size:12px;font-weight:var(--vysteria-font-weight-ui);line-height:16px}.session-list__meta{color:var(--md-sys-color-on-surface-variant);font-size:13px;line-height:18px;overflow-wrap:anywhere}@media(max-width:1100px){.profile-page{grid-template-columns:minmax(0,760px);grid-template-rows:minmax(0,1fr);align-items:stretch}.settings-shell--page{height:calc(var(--vysteria-viewport-height) - 64px);min-height:0}}@media(max-width:640px){.profile-page{gap:18px;padding:16px}.profile-page__header{align-items:stretch;flex-direction:column}.settings-group__actions .v-button{width:100%}.settings-group,.settings-group--session{grid-template-columns:1fr}.session-list__item{grid-template-columns:1fr;align-items:stretch}.session-list{max-height:300px}.settings-group__grid{grid-template-columns:1fr}.settings-group__actions{justify-content:stretch}}.channel-settings__overview-form{display:grid;gap:16px;max-width:520px}.channel-settings__permissions{grid-template-rows:auto auto minmax(0,1fr);align-content:stretch}.channel-settings__permissions-workspace{min-width:0;min-height:0;display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px}.channel-settings__targets{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;padding-right:18px;border-right:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-muted)}.channel-settings__target-list{min-width:0;min-height:0;display:grid;align-content:start;gap:6px;overflow:auto}.channel-settings__target{width:100%;min-width:0;display:grid;gap:2px;padding:10px 12px;border:0;border-radius:var(--md-sys-shape-corner-large);background:var(--vysteria-app-background);color:var(--md-sys-color-on-surface);cursor:pointer;box-shadow:var(--vysteria-surface-shadow-soft);font:inherit;text-align:left;transition:background-color .18s var(--md-sys-motion-standard),opacity .18s var(--md-sys-motion-standard)}.channel-settings__target:hover:not(:disabled),.channel-settings__target--active{background:color-mix(in srgb,var(--md-sys-color-primary-container) 58%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-on-primary-container)}.channel-settings__target:disabled{cursor:not-allowed;opacity:.6}.channel-settings__target--user{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px}.channel-settings__target-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-size:13px;font-weight:var(--vysteria-font-weight-ui);overflow:hidden}.channel-settings__target-avatar img{width:100%;height:100%;display:block;object-fit:cover}.channel-settings__target-main{min-width:0;display:grid;gap:2px}.channel-settings__target-name,.channel-settings__target-meta,.channel-settings__permission-heading h3,.channel-settings__permission-heading p{margin:0}.channel-settings__target-name{min-width:0;color:var(--md-sys-color-on-surface);font-size:14px;font-weight:var(--vysteria-font-weight-ui);line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-settings__target-meta{color:var(--md-sys-color-on-surface-variant);font-size:12px;line-height:16px}.channel-settings__permission-editor{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:16px;overflow:auto}.channel-settings__permission-panel{display:grid;align-content:start;gap:16px}.channel-settings__permission-heading{display:grid;gap:2px}.channel-settings__permission-heading h3{color:var(--md-sys-color-on-surface);font-size:18px;font-weight:var(--vysteria-font-weight-display);line-height:26px;overflow-wrap:anywhere}.channel-settings__permission-heading p{color:var(--md-sys-color-on-surface-variant);font-size:13px;line-height:18px}.channel-settings__permission-list{display:grid;gap:12px;max-width:720px}.channel-settings__permission-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;padding-top:14px;border-top:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 48%,transparent);background:var(--vysteria-app-background)}@media(max-width:900px){.channel-settings__permissions-workspace{grid-template-columns:1fr}.channel-settings__targets{max-height:320px;padding-right:0;padding-bottom:16px;border-right:0;border-bottom:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-muted)}.channel-settings__permission-actions{align-items:stretch;flex-direction:column}}.room-invite-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:24px;background:var(--vysteria-modal-backdrop)}.room-invite-panel__surface{width:min(100%,720px);max-height:min(760px,var(--vysteria-viewport-height) - 48px);min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:18px;padding:22px;border:0;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--vysteria-app-background);box-shadow:var(--vysteria-surface-shadow-strong);overflow:hidden}.room-invite-panel__header,.room-invite-panel__link,.room-invite-friend{display:flex;align-items:center;gap:14px}.room-invite-panel__header,.room-invite-panel__link{justify-content:space-between}.room-invite-panel__eyebrow,.room-invite-panel__title,.room-invite-panel__state,.room-invite-panel__error,.room-invite-panel__message{margin:0}.room-invite-panel__eyebrow{color:var(--md-sys-color-primary);font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px;text-transform:uppercase}.room-invite-panel__title{margin-top:4px;color:var(--md-sys-color-on-surface);font-size:24px;font-weight:var(--vysteria-font-weight-display);line-height:32px;overflow-wrap:anywhere}.room-invite-panel__close{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:var(--md-sys-shape-corner-full);background:transparent;cursor:pointer}.room-invite-panel__close:hover,.room-invite-panel__close:focus-visible{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent);outline:0}.room-invite-panel__close img{width:20px;height:20px}.room-invite-panel__friends{min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:14px;overflow:hidden}.room-invite-panel__list{min-height:0;display:grid;align-content:start;gap:12px;padding-right:4px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.room-invite-friend{min-height:82px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;padding:14px;border:0;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--vysteria-app-background);box-shadow:var(--vysteria-surface-shadow-soft)}.room-invite-friend__avatar{position:relative;width:54px;height:54px;display:grid;place-items:center;border:3px solid var(--vysteria-app-background);border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-size:18px;font-weight:var(--vysteria-font-weight-display);box-shadow:var(--vysteria-surface-shadow-soft)}.room-invite-friend__avatar-content{width:100%;height:100%;display:grid;place-items:center;border-radius:inherit;overflow:hidden}.room-invite-friend__avatar-content img{width:100%;height:100%;display:block;border-radius:inherit;object-fit:cover}.room-invite-friend__avatar:after{content:"";position:absolute;right:-2px;bottom:2px;width:11px;height:11px;border:2px solid var(--vysteria-app-background);border-radius:var(--md-sys-shape-corner-full);background:color-mix(in srgb,var(--md-sys-color-outline) 76%,var(--md-sys-color-surface-container-highest))}.room-invite-friend__avatar--online:after{background:#31d076}.room-invite-friend__content,.room-invite-panel__link-content{min-width:0;display:grid;gap:3px}.room-invite-friend__name{color:var(--md-sys-color-on-surface);font-size:16px;font-weight:var(--vysteria-font-weight-ui);line-height:23px;overflow-wrap:anywhere}.room-invite-friend__login,.room-invite-panel__state,.room-invite-panel__link-value{color:var(--md-sys-color-on-surface-variant);font-size:13px;line-height:18px;overflow-wrap:anywhere}.room-invite-panel__error{color:var(--md-sys-color-error);font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px}.room-invite-panel__link{padding-top:14px;border-top:var(--vysteria-sketch-line-thin) solid var(--vysteria-sketch-line-muted)}.room-invite-panel__link-label,.room-invite-panel__message{color:var(--md-sys-color-primary);font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px}.room-invite-panel__load-more{width:100%}@media(max-width:640px){.room-invite-panel{padding:16px}.room-invite-panel__surface{max-height:calc(var(--vysteria-viewport-height) - 32px)}.room-invite-friend{grid-template-columns:auto minmax(0,1fr)}.room-invite-friend .v-button,.room-invite-panel__link .v-button{width:100%}.room-invite-panel__link{align-items:stretch;flex-direction:column}}.room-settings{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;padding:32px;background:var(--vysteria-modal-backdrop)}.room-settings__shell{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);border:0;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--vysteria-app-background);box-shadow:var(--vysteria-surface-shadow-strong);overflow:hidden}.room-settings__header{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;border-bottom:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 70%,transparent)}.room-settings__layout{min-height:0;display:grid;grid-template-columns:220px minmax(0,1fr)}.room-settings__nav{min-height:0;display:grid;align-content:start;gap:6px;padding:18px 12px;border-right:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 70%,transparent);overflow:auto}.room-settings__nav-item{min-height:38px;padding:0 12px;border:0;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--md-sys-color-on-surface);cursor:pointer;font:inherit;font-size:14px;font-weight:var(--vysteria-font-weight-ui);line-height:20px;text-align:left}.room-settings__nav-item:hover,.room-settings__nav-item--active{background:color-mix(in srgb,var(--md-sys-color-primary-container) 48%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-on-primary-container)}.room-settings__eyebrow,.room-settings__title,.room-settings__section-heading h2,.room-settings__section-heading h3,.room-settings__section-heading p,.room-settings__message,.room-settings__error,.room-settings__empty{margin:0}.room-settings__eyebrow{color:var(--md-sys-color-primary);font-size:12px;font-weight:var(--vysteria-font-weight-ui);line-height:16px;text-transform:uppercase}.room-settings__title{color:var(--md-sys-color-on-surface);font-size:24px;font-weight:var(--vysteria-font-weight-display);line-height:32px;overflow-wrap:anywhere}.room-settings__close{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;padding:0;border:0;border-radius:var(--md-sys-shape-corner-full);background:transparent;cursor:pointer;transition:opacity .18s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.room-settings__close:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent);opacity:1;transform:none}.room-settings__close img{width:24px;height:24px;display:block}.room-settings__content{min-height:0;display:grid;gap:22px;padding:24px;overflow:auto}.room-settings__section{min-width:0;min-height:0;display:grid;align-content:start;gap:18px}.room-settings__section--members{grid-template-rows:auto minmax(0,1fr);align-content:stretch}.room-settings__section-heading{display:grid;gap:4px}.room-settings__section-heading h2{color:var(--md-sys-color-on-surface);font-size:20px;font-weight:var(--vysteria-font-weight-display);line-height:28px}.room-settings__section-heading h3{color:var(--md-sys-color-on-surface);font-size:15px;font-weight:var(--vysteria-font-weight-display);line-height:22px}.room-settings__section-heading p,.room-settings__muted,.room-settings__empty{color:var(--md-sys-color-on-surface-variant);font-size:13px;line-height:18px}.room-settings__profile-form,.room-settings__role-editor{display:grid;gap:16px}.room-settings__profile-preview{display:grid;grid-template-columns:112px minmax(0,360px);align-items:center;gap:16px}.room-settings__room-avatar{width:112px;height:112px;display:grid;place-items:center;border:0;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-size:34px;font-weight:var(--vysteria-font-weight-display);overflow:hidden}.room-settings__room-avatar img,.room-settings__member-avatar img{width:100%;height:100%;display:block;object-fit:cover}.room-settings__upload,.room-settings__form-stack{display:grid;gap:12px}.room-settings__form-stack{max-width:520px}.room-settings__actions,.room-settings__role-editor-actions,.room-settings__role-editor-save,.room-settings__role-toolbar{display:flex;align-items:center;gap:10px}.room-settings__danger-action{margin-right:auto;color:var(--md-sys-color-error);background:color-mix(in srgb,var(--md-sys-color-error) 10%,transparent)}.room-settings__danger-action:hover:not(:disabled){background:color-mix(in srgb,var(--md-sys-color-error) 16%,transparent);color:var(--md-sys-color-error)}.room-settings__role-toolbar{justify-content:space-between;min-width:0}.room-settings__role-create{min-height:36px;padding:0 14px;font-size:13px;line-height:18px}.room-settings__role-toolbar span{color:var(--md-sys-color-on-surface-variant);font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px}.room-settings__message{color:var(--md-sys-color-primary);font-size:13px;line-height:18px}.room-settings__table-state{margin:10px 0 0;color:var(--md-sys-color-on-surface-variant);font-size:13px;line-height:18px;text-align:center}.room-settings__error{color:var(--md-sys-color-error);font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px}.room-settings__table-wrap{min-width:0;min-height:0;overflow:auto}.room-settings__table{width:100%;min-width:640px;border-collapse:collapse;color:var(--md-sys-color-on-surface);font-size:13px;line-height:18px}.room-settings__table th,.room-settings__table td{padding:8px 10px;border-bottom:var(--vysteria-sketch-line-thin) solid var(--vysteria-sketch-line-muted);text-align:left;vertical-align:top}.room-settings__table th{color:var(--md-sys-color-on-surface-variant);font-size:12px;font-weight:var(--vysteria-font-weight-ui);text-transform:uppercase}.room-settings__member{min-width:0;display:flex;align-items:center;gap:8px}.room-settings__member-avatar{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-size:13px;font-weight:var(--vysteria-font-weight-ui);overflow:hidden}.room-settings__member-name,.room-settings__member-login{display:block}.room-settings__member-name{color:var(--md-sys-color-on-surface);font-weight:var(--vysteria-font-weight-ui)}.room-settings__member-login{color:var(--md-sys-color-on-surface-variant)}.room-settings__chips{display:flex;flex-wrap:wrap;gap:6px}.room-settings__member-roles{min-width:230px;display:grid;gap:6px}.room-settings__member-role-list{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:5px}.room-settings__member-role{min-height:26px;display:inline-flex;align-items:center;padding:4px 8px;border-radius:6px;background:color-mix(in srgb,var(--md-sys-color-primary-container) 56%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-primary);font-size:12px;font-weight:var(--vysteria-font-weight-ui);line-height:16px}.room-settings__member-role-name{min-width:0;overflow-wrap:anywhere}.room-settings__member-role-remove,.room-settings__member-role-add-button{width:18px;height:18px;display:inline-grid;place-items:center;padding:0;border:0;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--md-sys-color-primary);cursor:pointer;font:inherit;font-size:16px;font-weight:var(--vysteria-font-weight-ui);line-height:18px}.room-settings__member-role-remove:hover:not(:disabled),.room-settings__member-role-remove:focus-visible,.room-settings__member-role-add-button:hover:not(:disabled),.room-settings__member-role-add-button:focus-visible{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent);outline:0}.room-settings__member-role-remove{width:0;overflow:hidden;opacity:0;visibility:hidden;transition:width .14s var(--md-sys-motion-standard),margin-left .14s var(--md-sys-motion-standard),opacity .14s var(--md-sys-motion-standard)}.room-settings__member-role:hover .room-settings__member-role-remove,.room-settings__member-role-remove:focus-visible{width:18px;margin-left:4px;opacity:1;visibility:visible}.room-settings__member-role:hover .room-settings__member-role-remove--locked,.room-settings__member-role-remove--locked,.room-settings__member-role-remove--locked:focus-visible{width:0;margin-left:0;opacity:0;visibility:hidden}.room-settings__member-role-remove:disabled,.room-settings__member-role-add-button:disabled{cursor:not-allowed;opacity:.42}.room-settings__member-role-add{position:relative;display:inline-grid}.room-settings__member-role-add-button{color:var(--md-sys-color-on-surface-variant)}.room-settings__member-role-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:12;min-width:180px;display:grid;gap:3px;padding:7px;border:0;border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-high);box-shadow:var(--vysteria-surface-shadow)}.room-settings__member-role-menu button{width:100%;min-height:34px;padding:0 11px;border:0;border-radius:var(--md-sys-shape-corner-medium);background:transparent;color:var(--md-sys-color-on-surface);cursor:pointer;font:inherit;font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px;text-align:left;transition:background-color .16s var(--md-sys-motion-standard),color .16s var(--md-sys-motion-standard),transform .16s var(--md-sys-motion-standard)}.room-settings__member-role-menu button:hover,.room-settings__member-role-menu button:focus-visible{background:color-mix(in srgb,var(--md-sys-color-primary-container) 52%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-on-primary-container);outline:0;transform:none}.room-settings__chip{min-height:24px;display:inline-flex;align-items:center;padding:0 8px;border-radius:6px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);font-size:12px;font-weight:var(--vysteria-font-weight-ui);line-height:16px}.room-settings__roles{display:grid;align-content:start;gap:6px;min-width:0;min-height:0;overflow:auto}.room-settings__role{width:100%;min-width:0;display:grid;gap:2px;padding:10px 12px;border:0;border-radius:8px;background:var(--vysteria-app-background);box-shadow:var(--vysteria-surface-shadow-soft);cursor:pointer;font:inherit;text-align:left;transition:background-color .18s var(--md-sys-motion-standard),color .18s var(--md-sys-motion-standard),opacity .18s var(--md-sys-motion-standard)}.room-settings__role:hover:not(:disabled),.room-settings__role--active{background:color-mix(in srgb,var(--md-sys-color-primary-container) 58%,var(--md-sys-color-surface-container-high))}.room-settings__role:disabled{cursor:not-allowed;opacity:.6}.room-settings__role-main{min-width:0;display:grid;gap:2px}.room-settings__role-name{color:var(--md-sys-color-on-surface);font-size:14px;font-weight:var(--vysteria-font-weight-ui);line-height:20px}.room-settings__role-permissions{color:var(--md-sys-color-on-surface-variant);font-size:12px;line-height:16px;overflow-wrap:anywhere}.room-settings__section--roles{grid-template-rows:auto auto minmax(0,1fr);align-content:stretch}.room-settings__roles-workspace{min-width:0;min-height:0;display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px}.room-settings__roles-sidebar{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;padding-right:18px;border-right:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-muted)}.room-settings__role-editor{min-width:0;min-height:0;align-content:start;overflow:auto}.room-settings__role-editor-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.room-settings__role-editor-heading h3,.room-settings__role-editor-heading p{margin:0}.room-settings__role-editor-heading h3{color:var(--md-sys-color-on-surface);font-size:18px;font-weight:var(--vysteria-font-weight-display);line-height:26px;overflow-wrap:anywhere}.room-settings__role-editor-heading p{margin-top:2px;color:var(--md-sys-color-on-surface-variant);font-size:13px;line-height:18px}.room-settings__role-editor-actions{position:sticky;bottom:0;z-index:1;justify-content:space-between;padding-top:14px;border-top:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 48%,transparent);background:var(--vysteria-app-background)}.room-settings__role-editor-save{justify-content:flex-end;flex-wrap:wrap}.room-settings__permission-groups{display:grid;gap:12px;max-width:820px}.room-settings__permission-group{display:grid;gap:10px;padding:14px;border-radius:8px;background:var(--vysteria-app-background);box-shadow:var(--vysteria-surface-shadow-soft)}.room-settings__permission-group h3{margin:0;color:var(--md-sys-color-on-surface);font-size:15px;font-weight:var(--vysteria-font-weight-display);line-height:22px}@media(max-width:900px){.room-settings{padding:16px}.room-settings__layout{grid-template-columns:1fr}.room-settings__nav{display:flex;border-right:0;border-bottom:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-muted)}.room-settings__nav-item{flex:0 0 auto}.room-settings__profile-preview,.room-settings__roles-workspace{grid-template-columns:1fr}.room-settings__roles-sidebar{max-height:260px;padding-right:0;padding-bottom:16px;border-right:0;border-bottom:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-muted)}.room-settings__role-editor-actions{align-items:stretch;flex-direction:column}.room-settings__role-editor-save{justify-content:stretch}.room-settings__role-editor-save .v-button{flex:1 1 0}}@media(max-width:640px){.room-settings__header,.room-settings__content{padding:18px}}.room-view{min-height:var(--vysteria-viewport-height);display:grid;grid-template-columns:430px minmax(0,1fr) 264px;gap:16px;padding:32px;background:var(--vysteria-app-background)}.room-view--participants-collapsed{grid-template-columns:430px minmax(0,1fr) 76px}.room-profile,.room-shell,.room-nav,.room-main,.participants-panel{min-width:0}.room-profile .v-profile-card{width:100%}.room-shell{height:calc(var(--vysteria-viewport-height) - 64px);min-height:0;display:grid;grid-template-columns:280px minmax(360px,1fr);border:0;background:var(--vysteria-app-background);box-shadow:var(--vysteria-surface-shadow);overflow:hidden}.room-nav{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr)}.room-nav__header{position:relative;display:block;border-top-left-radius:var(--md-sys-shape-corner-extra-large);border-top-right-radius:var(--md-sys-shape-corner-extra-large)}.room-nav__app-header.v-app-header{display:none}.room-nav__cover{position:relative;min-height:150px;display:grid;place-items:center;border-radius:inherit;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-size:34px;font-weight:var(--vysteria-font-weight-display);overflow:hidden}.room-nav__cover-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:cover}.channel-group__title,.room-main__placeholder h3,.room-main__placeholder p,.participants-panel__state{margin:0}.room-nav__title{position:absolute;inset:auto 0 0;display:flex;align-items:flex-end;gap:10px;padding:42px 16px 14px;background:linear-gradient(180deg,transparent,color-mix(in srgb,#000 68%,transparent));color:var(--md-sys-color-on-surface);z-index:1}.room-nav__title h2{min-width:0;margin:0;font-size:22px;font-weight:var(--vysteria-font-weight-display);line-height:30px;overflow-wrap:anywhere}.room-nav__settings-toggle{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;padding:0;border:0;border-radius:var(--md-sys-shape-corner-full);background:transparent;cursor:pointer;transition:opacity .18s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.room-nav__settings-toggle:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent);opacity:.8}.room-nav__settings-toggle img{width:22px;height:22px;display:block}.room-nav__header-menu{width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:var(--md-sys-shape-corner-full);background:color-mix(in srgb,var(--md-sys-color-primary-container) 38%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-on-surface);cursor:pointer;transition:background-color .18s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.room-nav__header-menu:hover,.room-nav__header-menu:focus-visible{background:color-mix(in srgb,var(--md-sys-color-primary-container) 68%,var(--md-sys-color-surface-container-high));outline:0}.room-nav__header-menu:active{transform:scale(.96)}.room-nav__header-menu img{width:22px;height:22px;display:block}.room-nav__menu{position:absolute;right:12px;bottom:0;transform:translateY(calc(100% + 6px));z-index:3;min-width:180px;display:grid;padding:7px;border:0;border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-high);box-shadow:var(--vysteria-surface-shadow)}.room-nav__menu button{width:100%;min-height:34px;padding:0 11px;display:flex;align-items:center;gap:9px;border:0;border-radius:var(--md-sys-shape-corner-medium);background:transparent;color:var(--md-sys-color-on-surface);cursor:pointer;font:inherit;font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px;text-align:left}.room-nav__menu button img{width:18px;height:18px;display:block;flex:0 0 auto}.room-nav__menu button:hover,.room-nav__menu button:focus-visible{background:color-mix(in srgb,var(--md-sys-color-primary-container) 52%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-on-primary-container);outline:0}.room-nav__channel-list{min-width:0;min-height:0;display:grid;align-content:start;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--md-sys-color-primary) 36%,transparent) transparent}.channel-group{min-width:0;display:grid;gap:8px;padding:16px}.channel-group__header{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px}.channel-group__toggle{min-width:0;display:inline-flex;align-items:center;gap:6px;padding:4px 6px;border:0;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;font:inherit;text-align:left}.channel-group__toggle img{width:14px;height:14px;display:block;flex:0 0 auto}.channel-group__toggle:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 8%,transparent);color:var(--md-sys-color-on-surface)}.channel-group__title{min-width:0;color:var(--md-sys-color-on-surface-variant);font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px;overflow:hidden;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap}.channel-group__toggle:hover .channel-group__title{color:var(--md-sys-color-on-surface)}.channel-group__add{width:24px;height:24px;display:grid;place-items:center;padding:0;border:0;border-radius:var(--md-sys-shape-corner-full);background:transparent;cursor:pointer}.channel-group__add img{width:16px;height:16px;display:block}.channel-group__add:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent);opacity:1}.channel-group__state{color:var(--md-sys-color-on-surface-variant);font-size:13px;line-height:18px}.channel-group__body{min-width:0}.channel-row{position:relative;width:100%;min-width:0;display:flex;align-items:center;overflow:hidden}.channel-item{box-sizing:border-box;position:relative;width:100%;max-width:100%;min-width:0;min-height:40px;padding:0 76px 0 12px;display:flex;align-items:center;gap:10px;border:0;border-radius:var(--md-sys-shape-corner-large);background:transparent;color:var(--md-sys-color-on-surface);cursor:pointer;font:inherit;font-size:16px;font-weight:660;line-height:24px;text-align:left;transition:background-color .18s var(--md-sys-motion-standard),color .18s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.channel-item:before{content:"";position:absolute;top:8px;bottom:8px;left:0;width:4px;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary);opacity:0;transform:scaleY(.68);transition:opacity .18s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.channel-item__content{min-width:0;flex:1 1 auto;display:inline-flex;align-items:baseline;gap:6px;overflow:hidden}.channel-item__name{min-width:0;display:block;flex:1 1 auto;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.channel-item--unread .channel-item__name{color:var(--md-sys-color-on-surface);font-weight:var(--vysteria-font-weight-display)}.channel-item__unread{min-width:18px;height:18px;display:inline-grid;place-items:center;flex:0 0 auto;padding:0 5px;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font-size:12px;font-weight:var(--vysteria-font-weight-ui);line-height:16px}.channel-item__icon{width:20px;height:20px;display:block;flex:0 0 auto}.channel-item__settings{position:absolute;right:8px;width:28px;height:28px;display:grid;place-items:center;padding:0;border:0;border-radius:var(--md-sys-shape-corner-full);background:transparent;cursor:pointer;opacity:0;transform:translate(4px);transition:opacity .16s var(--md-sys-motion-standard),transform .16s var(--md-sys-motion-standard)}.channel-item__settings--notification{right:42px}.channel-item__settings--notification:last-child{right:8px}.channel-row:hover .channel-item__settings,.channel-row:focus-within .channel-item__settings{opacity:.82;transform:translate(0)}.channel-item__settings:hover,.channel-item__settings:focus-visible{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent);opacity:1;outline:0}.channel-item__settings img{width:18px;height:18px;display:block}.room-notification-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;display:grid;place-items:center;padding:18px;background:var(--vysteria-modal-backdrop)}.room-notification-popup__surface{width:min(420px,100%);display:grid;gap:18px;padding:20px;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--vysteria-app-background);box-shadow:var(--vysteria-surface-shadow)}.room-notification-popup__header{display:flex;align-items:center;justify-content:space-between;gap:16px}.room-notification-popup__header h3{margin:0;color:var(--md-sys-color-on-surface);font-size:18px;font-weight:var(--vysteria-font-weight-display);line-height:24px}.room-notification-popup__close{width:38px;height:38px;border:0;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;font-size:24px;line-height:1}.room-notification-popup__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.room-notification-popup__option{min-height:44px;border:0;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);cursor:pointer;font-size:14px;font-weight:var(--vysteria-font-weight-ui)}.room-notification-popup__option--active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.room-notification-popup__error{margin:0;color:var(--md-sys-color-error);font-size:14px;line-height:20px}.room-notification-popup__actions{display:flex;justify-content:flex-end;gap:10px}.channel-item:hover{background:var(--md-sys-color-surface-container-high);transform:translate(2px)}.channel-item--active,.channel-item--active:hover{background:transparent;color:var(--md-sys-color-on-surface)}.channel-item--active:before{opacity:1;transform:scaleY(1)}.channel-item--active .channel-item__name,.channel-item--active.channel-item--unread .channel-item__name{color:var(--md-sys-color-primary)}.voice-channel{display:grid;gap:6px}.voice-channel__participants{display:grid;gap:8px;padding:2px 8px 4px 42px}.voice-channel__participant{min-width:0;display:flex;align-items:center;gap:9px;color:var(--md-sys-color-on-surface-variant);font-size:15px;font-weight:720;line-height:22px}.voice-channel__participant-avatar{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;padding:0;border:0;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);cursor:pointer;font-size:12px;font-weight:var(--vysteria-font-weight-ui);overflow:hidden}.voice-channel__participant-avatar img{width:100%;height:100%;display:block;object-fit:cover}.voice-channel__participant-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-channel__participant-muted{width:18px;height:18px;display:block;flex:0 0 auto;opacity:.78}.room-main{display:grid;grid-template-rows:auto minmax(0,1fr);align-content:stretch;gap:0;min-height:0;padding:0}.room-main--voice-idle{position:relative;overflow:hidden}.room-main--voice-idle:before{content:"";position:absolute;top:10%;right:12%;bottom:10%;left:12%;border-radius:40px;background:radial-gradient(36% 42% at 24% 36%,color-mix(in srgb,var(--md-sys-color-secondary-container) 42%,transparent),transparent 72%),radial-gradient(30% 38% at 76% 64%,color-mix(in srgb,var(--md-sys-color-primary-container) 34%,transparent),transparent 70%);filter:blur(2px);opacity:.74;pointer-events:none;animation:voice-idle-field 11s var(--md-sys-motion-emphasized) infinite alternate}.room-main--voice-idle>*{position:relative;z-index:1}@media(min-width:641px){.room-main__header.v-app-header{grid-template-areas:"content";grid-template-columns:minmax(0,1fr)}.room-main__header .v-app-header__action{display:none}}.room-main__participants-action,.room-mobile-call-dock{display:none}.room-main__loading{min-height:0;padding:16px 20px;background:var(--md-sys-color-surface-container-low);overflow:hidden}.room-main__placeholder{margin:0 22px 22px;min-height:320px;display:grid;place-content:center;gap:8px;color:var(--md-sys-color-on-surface-variant);text-align:center}.room-main__placeholder--voice{position:relative;min-height:0;display:block;place-content:initial;border:0;color:var(--md-sys-color-on-surface);text-align:left;isolation:isolate;padding:25px;overflow:auto}.room-main--voice-idle .room-main__placeholder--voice{overflow:hidden}.voice-idle-shapes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.voice-idle-shapes__shape{position:absolute;display:block;background:color-mix(in srgb,var(--md-sys-color-primary-container) 74%,transparent);box-shadow:none;opacity:.82;transform-origin:center;will-change:transform}.voice-idle-shapes__shape--pill{left:max(24px,8%);top:12%;width:clamp(120px,19vw,210px);height:clamp(54px,8vw,82px);border-radius:var(--md-sys-shape-corner-full);background:color-mix(in srgb,var(--md-sys-color-primary-container) 78%,var(--md-sys-color-surface-container-high));animation:voice-shape-float-a 8.5s var(--md-sys-motion-emphasized) infinite alternate}.voice-idle-shapes__shape--circle{right:max(28px,11%);top:15%;width:clamp(82px,13vw,138px);aspect-ratio:1;border-radius:var(--md-sys-shape-corner-full);background:color-mix(in srgb,var(--md-sys-color-secondary-container) 84%,var(--md-sys-color-primary-container));animation:voice-shape-float-b 9.4s var(--md-sys-motion-emphasized) infinite alternate}.voice-idle-shapes__shape--square{left:18%;bottom:13%;width:clamp(76px,11vw,124px);aspect-ratio:1;border-radius:var(--md-sys-shape-corner-extra-large);background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 70%,var(--md-sys-color-primary-container));animation:voice-shape-float-c 10s var(--md-sys-motion-emphasized) infinite alternate}.voice-idle-shapes__shape--arch{right:17%;bottom:14%;width:clamp(86px,12vw,146px);height:clamp(96px,15vw,174px);border-radius:999px 999px var(--md-sys-shape-corner-large) var(--md-sys-shape-corner-large);background:color-mix(in srgb,var(--md-sys-color-primary) 30%,var(--md-sys-color-surface-container-high));animation:voice-shape-float-d 8.8s var(--md-sys-motion-emphasized) infinite alternate}.voice-idle-shapes__shape--diamond{left:50%;top:22%;width:clamp(54px,8vw,94px);aspect-ratio:1;border-radius:var(--md-sys-shape-corner-medium);background:color-mix(in srgb,var(--md-sys-color-primary) 26%,var(--md-sys-color-secondary-container));animation:voice-shape-float-e 7.8s var(--md-sys-motion-emphasized) infinite alternate}.voice-idle-shapes__shape--dot{left:58%;bottom:23%;width:clamp(34px,5vw,62px);aspect-ratio:1;border-radius:var(--md-sys-shape-corner-full);background:color-mix(in srgb,var(--md-sys-color-primary) 42%,var(--md-sys-color-surface-container-highest));animation:voice-shape-float-f 7s var(--md-sys-motion-emphasized) infinite alternate}.room-main__placeholder h3{color:var(--md-sys-color-on-surface);font-size:20px;font-weight:var(--vysteria-font-weight-display);line-height:28px}.room-main__placeholder p,.room-main__error{color:var(--md-sys-color-on-surface-variant);font-size:14px;line-height:21px}.voice-stage{position:relative;z-index:1;min-height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:18px}.voice-stage--idle{place-items:center;grid-template-rows:1fr}.voice-stage--screen{position:relative;grid-template-rows:minmax(0,1fr);gap:0}.voice-stage--fullscreen,.voice-stage:fullscreen{width:100vw;height:var(--vysteria-viewport-height);box-sizing:border-box;padding:24px;background:#08090d}.voice-connect-button{min-width:180px;min-height:58px;padding:0 28px;border:0;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);cursor:pointer;font:inherit;font-size:18px;font-weight:var(--vysteria-font-weight-display);line-height:24px;text-align:center;box-shadow:none;transition:box-shadow .18s var(--md-sys-motion-standard),opacity .18s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.voice-connect-button:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 88%,var(--md-sys-color-on-primary) 12%);box-shadow:var(--vysteria-surface-shadow-soft);opacity:1;transform:translateY(-1px)}.voice-connect-button:active{box-shadow:none;transform:translateY(0)}.voice-screen{position:relative;min-width:0;min-height:0;display:grid;border:0;border-radius:var(--md-sys-shape-corner-extra-large);background:#08090d;box-shadow:var(--vysteria-surface-shadow-soft);cursor:pointer;overflow:visible}.voice-screen--pending{place-items:center}.voice-screen__video{width:100%;height:100%;min-height:320px;display:block;border-radius:inherit;background:#08090d;object-fit:contain}.voice-screen__placeholder{color:var(--md-sys-color-on-surface-variant);font-size:15px;font-weight:var(--vysteria-font-weight-ui);line-height:22px}.voice-screen__quality{position:absolute;top:14px;right:14px;max-width:calc(100% - 28px);padding:6px 10px;border-radius:8px;background:color-mix(in srgb,#6d6f78 76%,transparent);color:var(--md-sys-color-on-surface);font-size:12px;font-weight:var(--vysteria-font-weight-ui);line-height:16px;overflow-wrap:anywhere;text-align:right}.voice-screen__caption{position:absolute;left:14px;bottom:14px;max-width:calc(100% - 28px);padding:8px 11px;border-radius:8px;background:color-mix(in srgb,#000 58%,transparent);color:var(--md-sys-color-on-surface);font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-stage--screen .voice-screen__caption{bottom:14px;transition:bottom .18s var(--md-sys-motion-standard)}.voice-call-stack{min-width:0;min-height:0;display:flex;flex-direction:column;gap:16px}.voice-screen-collapsed{position:relative;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--vysteria-app-background);box-shadow:var(--vysteria-surface-shadow-soft);cursor:pointer;overflow:visible}.voice-screen-collapsed__content{min-width:0;display:grid;gap:3px}.voice-screen-collapsed__title{color:var(--md-sys-color-on-surface);font-size:14px;font-weight:var(--vysteria-font-weight-ui);line-height:19px}.voice-screen-collapsed__subtitle{min-width:0;color:var(--md-sys-color-on-surface-variant);font-size:12px;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-screen-collapsed__button{min-width:0;min-height:38px;display:inline-flex;align-items:center;flex:0 0 auto;gap:7px;padding:0 12px;border:0;border-radius:var(--md-sys-shape-corner-full);background:color-mix(in srgb,var(--md-sys-color-primary) 24%,var(--md-sys-color-surface-container-highest));color:var(--md-sys-color-on-surface);cursor:pointer;font:inherit;font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px;transition:background .18s var(--md-sys-motion-standard),opacity .18s var(--md-sys-motion-standard)}.voice-screen-collapsed__button:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 34%,var(--md-sys-color-surface-container-highest))}.voice-screen-collapsed__button img{width:18px;height:18px;display:block}.voice-participants{flex:1 1 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,360px));align-content:start;justify-content:space-around;gap:16px;min-height:0}.voice-participant-card{box-sizing:border-box;position:relative;min-width:0;width:100%;min-height:190px;display:grid;place-items:center;align-content:center;gap:8px;padding:28px 24px;overflow:visible;border:0;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--vysteria-app-background);background-clip:padding-box;background-position:center;background-size:cover;box-shadow:var(--vysteria-surface-shadow-soft);cursor:pointer;transform:scale(1);transform-origin:center;transition:box-shadow .22s var(--md-sys-motion-standard),transform .22s var(--md-sys-motion-standard);will-change:transform}.voice-participant-card--speaking{z-index:1;box-shadow:var(--vysteria-surface-shadow);transform:scale(1.085)}.voice-participant-card--camera{min-height:220px;align-content:end;justify-content:stretch;padding:0;background:#08090d;overflow:hidden}.voice-participant-card--camera:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(180deg,transparent,color-mix(in srgb,#000 74%,transparent));pointer-events:none;z-index:1}.voice-participant-card__camera-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;background:#08090d;object-fit:cover}.voice-participant-card__avatar{width:78px;height:78px;display:grid;place-items:center;padding:0;border:3px solid var(--vysteria-app-background);border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);cursor:pointer;font-size:24px;font-weight:var(--vysteria-font-weight-display);box-shadow:none;overflow:hidden}.voice-participant-card__avatar:hover,.voice-participant-card__avatar:focus-visible{box-shadow:var(--vysteria-sketch-focus);outline:0}.voice-participant-card__avatar img{width:100%;height:100%;display:block;object-fit:cover}.voice-participant-card__name-row{min-width:0;display:flex;max-width:100%;align-items:center;justify-content:center;gap:8px}.voice-participant-card--camera .voice-participant-card__name-row,.voice-participant-card--camera .voice-participant-card__state{position:relative;z-index:2;max-width:calc(100% - 28px);justify-self:center}.voice-participant-card--camera .voice-participant-card__name-row{margin-top:auto;padding:0 10px;border-radius:8px;background:color-mix(in srgb,#000 42%,transparent)}.voice-participant-card--camera .voice-participant-card__state{margin:0 0 16px;padding:2px 8px;border-radius:8px;background:color-mix(in srgb,#000 34%,transparent);color:color-mix(in srgb,var(--md-sys-color-on-surface) 86%,transparent)}.voice-participant-card__name{min-width:0;color:var(--md-sys-color-on-surface);font-size:16px;font-weight:var(--vysteria-font-weight-ui);line-height:23px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-participant-card__muted{width:18px;height:18px;display:block;flex:0 0 auto;opacity:.82}.voice-participant-card__state{min-width:0;color:var(--md-sys-color-on-surface-variant);font-size:13px;line-height:18px;overflow-wrap:anywhere}.voice-controls{display:flex;align-items:center;justify-content:center;gap:14px;padding:8px;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .18s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.voice-stage--screen .voice-controls{position:absolute;z-index:3;left:50%;bottom:18px;max-width:calc(100% - 28px);flex-wrap:wrap;border-radius:12px;background:color-mix(in srgb,#1f2028 74%,transparent);box-shadow:var(--vysteria-surface-shadow);transform:translate(-50%,8px)}.voice-stage:focus-within .voice-controls,.voice-stage--controls-visible .voice-controls,.voice-stage--audio-menu-open .voice-controls{opacity:1;pointer-events:auto;transform:translateY(0)}.voice-stage--screen:focus-within .voice-controls,.voice-stage--screen.voice-stage--controls-visible .voice-controls,.voice-stage--screen.voice-stage--audio-menu-open .voice-controls{transform:translate(-50%)}.voice-stage--screen:focus-within .voice-screen__caption,.voice-stage--screen.voice-stage--controls-visible .voice-screen__caption,.voice-stage--screen.voice-stage--audio-menu-open .voice-screen__caption{bottom:92px}@media(hover:hover)and (pointer:fine){.voice-stage:hover .voice-controls{opacity:1;pointer-events:auto;transform:translateY(0)}.voice-stage--screen:hover .voice-controls{transform:translate(-50%)}.voice-stage--screen:hover .voice-screen__caption{bottom:92px}}:root[data-theme=dark] .voice-stage--screen .voice-controls{background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 78%,transparent)}@media(prefers-color-scheme:dark){:root:not([data-theme]) .voice-stage--screen .voice-controls{background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 78%,transparent)}}.voice-controls__button{width:64px;height:58px;display:grid;place-items:center;border:0;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-highest);cursor:pointer;box-shadow:var(--vysteria-surface-shadow-soft);transition:background .18s var(--md-sys-motion-standard),box-shadow .18s var(--md-sys-motion-standard),opacity .18s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.voice-controls__button:hover{background:color-mix(in srgb,var(--md-sys-color-primary-container) 42%,var(--md-sys-color-surface-container-highest));opacity:1;box-shadow:var(--vysteria-surface-shadow);transform:translateY(-1px)}.voice-controls__button:disabled{cursor:default;opacity:.4;transform:none}.voice-controls__button img{width:30px;height:30px;display:block;filter:brightness(1.08) contrast(1.14)}.voice-controls__button--danger{background:var(--md-sys-color-error-container)}.voice-controls__button--danger:hover{background:color-mix(in srgb,var(--md-sys-color-error-container) 84%,var(--md-sys-color-on-error-container) 16%)}.voice-controls__button--active{background:var(--md-sys-color-primary-container)}.voice-controls__button--active:hover{background:color-mix(in srgb,var(--md-sys-color-primary-container) 84%,var(--md-sys-color-on-primary-container) 16%)}.voice-controls__button--danger img{filter:brightness(0) saturate(100%) invert(31%) sepia(94%) saturate(2179%) hue-rotate(340deg) brightness(107%) contrast(110%)}.voice-controls__button--mic:hover img{animation:mic-wobble .52s ease-in-out}.voice-controls__button--headset:hover img{animation:headset-wobble .52s ease-in-out}.voice-controls__button--camera:hover img{animation:camera-pop .52s ease-in-out}.voice-controls__button--danger:hover img{animation:call-drop .56s ease-in-out}.voice-controls__button--screen:hover img{animation:screen-rise .56s ease-in-out}.voice-controls__error{margin:-4px 0 0;color:var(--md-sys-color-error);font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px;text-align:center}.voice-stage--screen .voice-controls__error{position:absolute;z-index:3;left:50%;bottom:94px;width:min(520px,100% - 28px);margin:0;padding:7px 10px;border-radius:8px;background:color-mix(in srgb,#1f2028 78%,transparent);transform:translate(-50%)}.voice-audio-menu{position:absolute;z-index:8;width:min(336px,100vw - 32px);box-sizing:border-box;display:grid;gap:16px;padding:16px;border:0;border-radius:var(--md-sys-shape-corner-extra-large);background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 92%,var(--md-sys-color-primary-container));box-shadow:var(--vysteria-surface-shadow);overflow:visible}.voice-audio-menu--anchored{top:50%;left:50%;transform:translate(-50%,-50%)}.voice-audio-menu--anchored.v-menu-enter-from,.voice-audio-menu--anchored.v-menu-leave-to{transform:translate(-50%,calc(-50% - 6px)) scale(var(--v-motion-menu-scale))}.voice-audio-menu__header{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px;align-items:start}.voice-audio-menu__title{min-width:0;grid-column:1;color:var(--md-sys-color-on-surface);font-size:15px;font-weight:var(--vysteria-font-weight-ui);line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-audio-menu__subtitle{min-width:0;grid-column:1;color:var(--md-sys-color-on-surface-variant);font-size:12px;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-audio-menu__close{width:40px;height:40px;grid-column:2;grid-row:1/span 2;display:grid;place-items:center;padding:0;border:0;border-radius:var(--md-sys-shape-corner-full);background:transparent;cursor:pointer;transition:background-color .18s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.voice-audio-menu__close:hover,.voice-audio-menu__close:focus-visible{background:color-mix(in srgb,var(--md-sys-color-primary-container) 48%,transparent);outline:0}.voice-audio-menu__close:active{transform:scale(.96)}.voice-audio-menu__close img{width:20px;height:20px;display:block}.voice-audio-menu .v-switch__label,.voice-audio-menu .v-range-field__label{font-size:13px;line-height:18px}.voice-audio-menu .v-range-field{gap:8px}.room-main__error{color:var(--md-sys-color-error)}.participants-panel{box-sizing:border-box;height:calc(var(--vysteria-viewport-height) - 64px);display:grid;grid-template-rows:auto minmax(0,1fr);align-content:start;gap:12px;margin:0 0 0 10px;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--vysteria-app-background);box-shadow:var(--vysteria-surface-shadow);overflow:hidden;transition:gap .24s var(--md-sys-motion-standard),margin .24s var(--md-sys-motion-standard),padding .24s var(--md-sys-motion-standard),box-shadow .24s var(--md-sys-motion-standard)}.participants-panel--collapsed{gap:14px;margin:0 0 0 10px;box-shadow:var(--vysteria-surface-shadow)}.participants-panel__header.v-app-header{min-width:0}.participants-panel--collapsed .participants-panel__header.v-app-header{width:44px;min-height:44px;justify-self:center;grid-template-areas:"action";grid-template-columns:44px;padding:0;background:transparent}.participants-panel--collapsed .participants-panel__header .v-app-header__content{display:none}.participants-panel--collapsed .participants-panel__header .v-app-header__action{min-width:44px;min-height:44px}.participants-panel__toggle{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border:0;border-radius:var(--md-sys-shape-corner-full);background:transparent;cursor:pointer;transition:background-color .18s var(--md-sys-motion-standard),opacity .18s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.participants-panel__toggle:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent);opacity:1;transform:none}.participants-panel__toggle img{width:20px;height:20px;display:block}.participants-panel__content{min-width:0;max-height:var(--vysteria-viewport-height);opacity:1;overflow:auto;transition:max-height .24s var(--md-sys-motion-standard),opacity .18s var(--md-sys-motion-standard),transform .24s var(--md-sys-motion-standard)}.participants-panel--collapsed .participants-panel__header{justify-content:center}.participants-panel--collapsed .participants-panel__content{max-height:calc(var(--vysteria-viewport-height) - 142px);opacity:1;overflow:auto;pointer-events:auto;transform:none}.participants-panel__state{color:var(--md-sys-color-on-surface-variant);font-size:13px;line-height:18px}.participants-list{display:grid;gap:8px}.participants-panel--collapsed .participants-list{justify-items:center;gap:9px}.participant-item{display:flex;align-items:center;gap:10px;min-width:0;padding:7px 8px;border-radius:var(--md-sys-shape-corner-large);background:transparent;transition:background-color .18s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.participant-item:hover{background:color-mix(in srgb,var(--md-sys-color-primary-container) 24%,transparent);transform:translate(2px)}.participants-panel--collapsed .participant-item{justify-content:center;padding:4px;border-radius:var(--md-sys-shape-corner-full)}.participant-item__avatar{position:relative;width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;padding:0;border:0;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);cursor:pointer;font-size:13px;font-weight:var(--vysteria-font-weight-ui)}.participant-item__avatar:hover,.participant-item__avatar:focus-visible{box-shadow:var(--vysteria-sketch-focus);outline:0}.participant-item__avatar-content{width:100%;height:100%;display:grid;place-items:center;border-radius:inherit;overflow:hidden}.participant-item__avatar img{width:100%;height:100%;display:block;object-fit:cover}.participant-item__avatar:after{content:"";position:absolute;right:-3px;bottom:0;width:9px;height:9px;border:2px solid var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-corner-full);z-index:1}.participant-item__avatar--online:after{background:#31d076}.participant-item__avatar--offline:after{background:color-mix(in srgb,var(--md-sys-color-outline) 76%,var(--md-sys-color-surface-container-highest))}.participant-item__name{min-width:0;color:var(--md-sys-color-on-surface);font-size:14px;font-weight:720;line-height:20px;overflow-wrap:anywhere}.participants-panel--collapsed .participant-item__avatar{width:32px;height:32px;font-size:11px}.participants-panel--collapsed .participant-item__name,.participants-panel--collapsed .participants-panel__state{display:none}@media(max-width:1200px){.room-view,.room-view--participants-collapsed{grid-template-columns:430px minmax(0,1fr)}.room-shell{grid-template-columns:minmax(260px,340px) minmax(360px,1fr)}.room-main{border-right:0}.participants-panel{grid-column:2;margin:0 0 0 10px}}@media(max-width:900px){.room-view,.room-view--participants-collapsed,.room-shell{grid-template-columns:1fr}.room-shell{height:auto;min-height:calc(var(--vysteria-viewport-height) - 64px)}.participants-panel{grid-column:auto;height:auto;margin:0}.room-nav,.room-main{border-right:0;border-bottom:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-muted)}.voice-participants{grid-template-columns:minmax(0,360px)}}@keyframes mic-wobble{0%,to{transform:rotate(0)}20%{transform:rotate(-12deg) translate(-1px)}45%{transform:rotate(10deg) translate(1px)}70%{transform:rotate(-7deg)}}@keyframes headset-wobble{0%,to{transform:rotate(0)}22%{transform:rotate(11deg) translateY(-1px)}48%{transform:rotate(-10deg) translateY(1px)}74%{transform:rotate(7deg)}}@keyframes call-drop{0%,to{transform:rotate(0) translateY(0)}28%{transform:rotate(-18deg) translateY(1px)}58%{transform:rotate(18deg) translateY(5px)}82%{transform:rotate(-8deg) translateY(2px)}}@keyframes screen-rise{0%,to{transform:translateY(0)}32%{transform:translateY(-4px)}64%{transform:translateY(2px)}}@keyframes camera-pop{0%,to{transform:scale(1)}36%{transform:scale(1.12) translateY(-1px)}68%{transform:scale(.96)}}@keyframes voice-idle-field{0%,to{opacity:.62;transform:translate3d(-10px,4px,0) scale(.96)}50%{opacity:.82;transform:translate3d(14px,-8px,0) scale(1.04)}}@keyframes voice-shape-float-a{0%,to{transform:translate3d(-8px,0,0) rotate(-7deg)}50%{transform:translate3d(22px,14px,0) rotate(5deg) scale(1.06)}}@keyframes voice-shape-float-b{0%,to{transform:translate3d(10px,-4px,0) scale(.98)}50%{transform:translate3d(-18px,18px,0) scale(1.08)}}@keyframes voice-shape-float-c{0%,to{transform:translate3d(0,10px,0) rotate(8deg)}50%{transform:translate3d(18px,-16px,0) rotate(-8deg) scale(1.05)}}@keyframes voice-shape-float-d{0%,to{transform:translate3d(4px,12px,0) rotate(-3deg)}50%{transform:translate3d(-20px,-12px,0) rotate(6deg) scale(1.04)}}@keyframes voice-shape-float-e{0%,to{transform:translate3d(-50%,0,0) rotate(40deg)}50%{transform:translate3d(calc(-50% + 12px),18px,0) rotate(52deg) scale(1.06)}}@keyframes voice-shape-float-f{0%,to{transform:translate3d(0,-8px,0) scale(.92)}50%{transform:translate3d(16px,12px,0) scale(1.12)}}@media(prefers-reduced-motion:reduce){.room-main--voice-idle:before,.voice-idle-shapes__shape{animation:none}.voice-participant-card,.voice-participant-card--speaking{transform:scale(1);transition-duration:1ms}}@media(max-width:640px){.room-view{height:auto;min-height:var(--vysteria-viewport-height);display:block;padding:0;overflow-x:hidden;overflow-y:visible;background:var(--vysteria-app-background)}.room-profile{display:none}.room-shell{height:auto;min-height:var(--vysteria-viewport-height);display:block;border-radius:0;box-shadow:none;overflow:visible}.room-nav,.room-main,.participants-panel{width:100%;height:auto;min-height:var(--vysteria-viewport-height);border:0;border-radius:0;background:var(--vysteria-app-background);box-shadow:none}.room-view--mobile-channels .room-main,.room-view--mobile-channels .participants-panel,.room-view--mobile-content .room-nav,.room-view--mobile-content .participants-panel,.room-view--mobile-participants .room-nav,.room-view--mobile-participants .room-main,.room-view--mobile-participants .room-shell{display:none}.room-view--mobile-participants .participants-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid}.room-nav{display:grid;grid-template-rows:auto minmax(0,1fr)}.room-view--mobile-content,.room-view--mobile-participants,.room-view--mobile-content .room-shell,.room-view--mobile-content .room-main{height:var(--vysteria-viewport-height);min-height:var(--vysteria-viewport-height);overflow:hidden}.room-nav__header{padding-bottom:8px;border-bottom:0}.room-nav__app-header.v-app-header{display:grid}.room-nav__cover{display:none}.room-nav__menu{top:calc(100% + 4px);right:12px;bottom:auto;z-index:70;transform:none}.room-nav__channel-list{min-height:0;padding:8px 8px calc(20px + env(safe-area-inset-bottom));overflow:visible;overscroll-behavior:auto}.channel-group{padding:12px 8px}.channel-item{min-height:48px;padding:0 82px 0 14px;border-radius:14px}.voice-channel__participants{padding-left:22px}.room-main{grid-template-rows:auto minmax(0,1fr);overflow:hidden}.room-main__header{min-height:68px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;background:color-mix(in srgb,var(--md-sys-color-surface-container-low) 72%,var(--vysteria-app-background))}.room-main__participants-action{width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:var(--md-sys-shape-corner-full);background:color-mix(in srgb,var(--md-sys-color-primary-container) 38%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-on-surface);cursor:pointer;transition:background-color .18s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.room-main__participants-action:hover,.room-main__participants-action:focus-visible{background:color-mix(in srgb,var(--md-sys-color-primary-container) 68%,var(--md-sys-color-surface-container-high));outline:0}.room-main__participants-action:active{transform:scale(.96)}.room-main__participants-action img{width:22px;height:22px;display:block}.room-main__loading{min-height:0;overflow-y:auto}.room-main__placeholder{min-height:0;height:100%;margin:0;padding:16px}.room-main__placeholder--voice{min-height:0;height:100%;padding:16px 14px calc(18px + env(safe-area-inset-bottom));overflow-y:auto}.room-view--mobile-call-dock .room-nav__channel-list,.room-view--mobile-call-dock .room-main__placeholder{padding-bottom:calc(108px + env(safe-area-inset-bottom))}.room-mobile-call-dock{position:fixed;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));left:12px;z-index:55;display:grid}.room-view--mobile-call-dock-above-input .room-mobile-call-dock{bottom:calc(96px + env(safe-area-inset-bottom))}.room-view--mobile-call-dock-above-input .v-chat__messages{padding-bottom:96px}.room-mobile-call-dock .call-card__actions{min-height:58px;padding:8px 8px 8px 12px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 94%,var(--md-sys-color-primary-container))}.room-mobile-call-dock .call-card__controls{gap:2px}.room-mobile-call-dock .call-card__icon-button{width:40px;height:40px}.room-mobile-call-dock .call-card__icon-button img{width:25px;height:25px}.room-main--voice-idle .room-main__placeholder--voice{overflow-y:auto}.voice-stage{min-height:100%;padding-bottom:86px}.voice-stage--idle{min-height:calc(100svh - 112px)}.voice-stage--screen,.voice-stage--fullscreen,.voice-stage:fullscreen{min-height:100%;padding:0}.voice-stage--fullscreen .voice-screen,.voice-stage:fullscreen .voice-screen{border-radius:0}.voice-participants{grid-template-columns:minmax(0,1fr)}.voice-controls{position:fixed;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));left:14px;z-index:30;justify-content:center}.voice-stage--screen .voice-controls{position:fixed;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));left:14px;max-width:none;transform:translateY(8px)}.voice-stage--screen:focus-within .voice-controls,.voice-stage--screen.voice-stage--controls-visible .voice-controls,.voice-stage--screen.voice-stage--audio-menu-open .voice-controls{transform:translateY(0)}.voice-stage--screen:focus-within .voice-screen__caption,.voice-stage--screen.voice-stage--controls-visible .voice-screen__caption,.voice-stage--screen.voice-stage--audio-menu-open .voice-screen__caption{bottom:76px}.voice-controls__button{width:48px;height:48px}.participants-panel{display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.participants-panel__header{min-height:68px;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;background:color-mix(in srgb,var(--md-sys-color-surface-container-low) 72%,var(--vysteria-app-background))}.participants-panel__toggle{display:none}.participants-panel__content{max-height:none;min-height:0;padding:14px 12px calc(18px + env(safe-area-inset-bottom));overflow-y:auto}.participants-list{display:grid;gap:8px}.participant-item{min-height:60px;grid-template-columns:44px minmax(0,1fr);padding:8px 10px;border-radius:14px}.participant-item__avatar{width:44px;height:44px}.voice-screen__video{min-height:240px}.voice-stage--screen .voice-screen__video,.voice-stage--fullscreen .voice-screen__video,.voice-stage:fullscreen .voice-screen__video{min-height:0;height:100%}}.v-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 24px;border:0;border-radius:var(--md-sys-shape-corner-full);cursor:pointer;font-size:14px;font-weight:var(--vysteria-font-weight-ui);line-height:20px;box-shadow:none;transition:background-color .18s var(--md-sys-motion-standard),box-shadow .18s var(--md-sys-motion-standard),color .18s var(--md-sys-motion-standard),opacity .18s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.v-button:hover:not(:disabled){box-shadow:var(--vysteria-surface-shadow-soft);transform:translateY(-1px)}.v-button:active:not(:disabled){box-shadow:none;transform:translateY(0)}.v-button:focus-visible{outline:0;box-shadow:var(--vysteria-sketch-focus)}.v-button:disabled{cursor:not-allowed;opacity:.58;box-shadow:none}.v-button--filled{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.v-button--filled:hover:not(:disabled){background:color-mix(in srgb,var(--md-sys-color-primary) 88%,var(--md-sys-color-on-primary) 12%)}.v-button--tonal{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.v-button--tonal:hover:not(:disabled){background:color-mix(in srgb,var(--md-sys-color-secondary-container) 82%,var(--md-sys-color-on-secondary-container) 18%)}.v-button--text{background:transparent;color:var(--md-sys-color-primary);box-shadow:none}.v-button--text:hover:not(:disabled){background:color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent);box-shadow:none}.v-button__loader{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--md-sys-shape-corner-full);animation:v-button-spin .7s linear infinite}@keyframes v-button-spin{to{transform:rotate(1turn)}}.call-card{display:grid}.call-card__actions{min-height:44px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px 8px 14px;border:0;border-radius:var(--md-sys-shape-corner-extra-large);background:linear-gradient(135deg,var(--md-sys-color-surface-container-high),color-mix(in srgb,var(--md-sys-color-primary-container) 30%,var(--md-sys-color-surface-container-high)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-outline-variant) 62%,transparent)}.call-card__actions--clickable{cursor:pointer;transition:box-shadow .18s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.call-card__actions--clickable:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 38%,transparent),var(--vysteria-surface-shadow-soft);transform:translateY(-1px)}.call-card__actions--clickable:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:3px}.call-card__actions--pending .call-card__status{color:#f2b94d}.call-card__actions--connected .call-card__status{color:#6fe2a6}.call-card__actions--error .call-card__status{color:var(--md-sys-color-error)}.call-card__indicator{width:10px;height:10px;display:block;flex:0 0 auto;border-radius:var(--md-sys-shape-corner-full)}.call-card__indicator--pending{background:#f2b94d}.call-card__indicator--connected{border:2px solid #6fe2a6;background:transparent}.call-card__indicator--error{background:var(--md-sys-color-error)}.call-card__body{min-width:0;display:grid;gap:1px}.call-card__location{min-width:0;color:var(--md-sys-color-on-surface);font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-card__status{min-width:0;color:var(--md-sys-color-on-surface-variant);font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-card__controls{display:flex;align-items:center;justify-content:flex-end;gap:4px}.call-card__icon-button{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:var(--md-sys-shape-corner-full);background:transparent;cursor:pointer;transition:background-color .18s var(--md-sys-motion-standard),opacity .18s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.call-card__icon-button:hover{background:color-mix(in srgb,var(--md-sys-color-primary-container) 46%,transparent);opacity:1;transform:translateY(-1px)}.call-card__icon-button:focus-visible{outline:0;box-shadow:var(--vysteria-sketch-focus)}.call-card__icon-button:disabled{cursor:default;opacity:.32;transform:none}.call-card__icon-button img{width:28px;height:28px;display:block;filter:brightness(1.08) contrast(1.14)}.call-card__icon-button--danger img{filter:brightness(0) saturate(100%) invert(31%) sepia(94%) saturate(2179%) hue-rotate(340deg) brightness(107%) contrast(110%)}.call-card__icon-button--mic:hover img{animation:mic-wobble .52s ease-in-out}.call-card__icon-button--headset:hover img{animation:headset-wobble .52s ease-in-out}.call-card__icon-button--danger:hover img{animation:call-drop .56s ease-in-out}.v-chat{width:100%;min-height:0;height:100%;display:grid;justify-self:stretch}.v-chat__surface{width:100%;min-width:0;min-height:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;padding:12px;background:var(--vysteria-app-background);overflow:hidden}.v-chat__pinned-bar{position:relative;min-width:0;display:grid;gap:8px}.v-chat__pinned-toggle{min-width:0;min-height:34px;display:inline-flex;align-items:center;justify-self:end;gap:8px;padding:0 11px;border:0;border-radius:8px;background:color-mix(in srgb,var(--md-sys-color-primary-container) 32%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-on-surface);cursor:pointer;font:inherit;font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px;transition:background-color .16s var(--md-sys-motion-standard),transform .16s var(--md-sys-motion-standard)}.v-chat__pinned-toggle:hover,.v-chat__pinned-toggle:focus-visible,.v-chat__pinned-toggle[aria-expanded=true]{background:color-mix(in srgb,var(--md-sys-color-primary-container) 58%,var(--md-sys-color-surface-container-high));outline:0;transform:translateY(-1px)}.v-chat__pinned-toggle img{width:18px;height:18px;display:block}.v-chat__pinned-toggle span:not(.v-chat__pinned-count){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v-chat__pinned-count{min-width:22px;height:22px;display:inline-grid;place-items:center;padding:0 6px;border-radius:999px;background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-primary);font-size:12px;line-height:16px}.v-chat__pinned-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:75;width:min(420px,100%);max-height:min(360px,54vh);display:grid;gap:4px;padding:7px;border:0;border-radius:var(--md-sys-shape-corner-large);background:var(--vysteria-app-background);box-shadow:var(--vysteria-surface-shadow);overflow-y:auto}.v-chat__pinned-state{margin:0;padding:10px 11px;color:var(--md-sys-color-on-surface-variant);font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px}.v-chat__pinned-state--error{color:var(--md-sys-color-error)}.v-chat__pinned-item,.v-chat__pinned-more{min-width:0;min-height:42px;padding:7px 10px;border:0;border-radius:6px;background:transparent;color:var(--md-sys-color-on-surface);cursor:pointer;font:inherit;text-align:left;transition:background-color .16s var(--md-sys-motion-standard),transform .16s var(--md-sys-motion-standard)}.v-chat__pinned-item{display:grid;gap:3px}.v-chat__pinned-item:hover:not(:disabled),.v-chat__pinned-item:focus-visible,.v-chat__pinned-more:hover:not(:disabled),.v-chat__pinned-more:focus-visible{background:color-mix(in srgb,var(--md-sys-color-primary-container) 52%,var(--md-sys-color-surface-container-high));outline:0;transform:translate(1px)}.v-chat__pinned-item:disabled,.v-chat__pinned-more:disabled{cursor:wait;opacity:.58}.v-chat__pinned-meta{min-width:0;display:flex;align-items:baseline;gap:8px;color:var(--md-sys-color-primary);font-size:12px;font-weight:var(--vysteria-font-weight-ui);line-height:16px}.v-chat__pinned-meta span,.v-chat__pinned-preview{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v-chat__pinned-meta time{flex:0 0 auto;color:var(--md-sys-color-on-surface-variant);font-size:11px;font-weight:720}.v-chat__pinned-preview{color:var(--md-sys-color-on-surface);font-size:13px;font-weight:650;line-height:18px}.v-chat__pinned-more{min-height:34px;color:var(--md-sys-color-primary);font-size:13px;font-weight:var(--vysteria-font-weight-ui);text-align:center}.v-chat__messages-wrap{position:relative;width:100%;min-width:0;min-height:0;display:grid;justify-self:stretch}.v-chat__messages{width:100%;min-width:0;min-height:0;max-height:100%;display:flex;flex-direction:column;gap:2px;padding:0 4px 0 0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.v-chat__date-separator{width:100%;display:grid;grid-template-columns:minmax(16px,1fr) auto minmax(16px,1fr);align-items:center;gap:9px;padding:16px 12px 12px;color:var(--md-sys-color-on-surface-variant);font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px}.v-chat__date-separator:before,.v-chat__date-separator:after{content:"";height:1px;background:color-mix(in srgb,var(--md-sys-color-outline-variant) 72%,transparent)}.v-chat__date-separator span{min-width:0;white-space:nowrap}.v-chat__load-more,.v-chat__scroll-latest{min-height:34px;padding:0 14px;border:0;border-radius:var(--md-sys-shape-corner-full);background:var(--vysteria-app-background);color:var(--md-sys-color-primary);cursor:pointer;font:inherit;font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px;box-shadow:var(--vysteria-surface-shadow-soft);transition:background-color .18s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.v-chat__load-more:hover:not(:disabled),.v-chat__scroll-latest:hover{background:var(--md-sys-color-surface-container-highest)}.v-chat__scroll-latest{position:absolute;right:16px;bottom:16px;z-index:2}.v-chat__scroll-latest:hover{transform:translateY(-1px)}.v-chat__state,.v-chat__error{margin:auto;color:var(--md-sys-color-on-surface-variant);font-size:14px;font-weight:700;line-height:21px;text-align:center}.v-chat__error{color:var(--md-sys-color-error)}.v-chat__load-more{position:sticky;top:0;z-index:1;align-self:center;min-height:38px}.v-chat__load-more:hover:not(:disabled){transform:translateY(-1px)}.v-chat__load-more:disabled{cursor:not-allowed;opacity:.58}.v-chat__composer{position:relative;display:grid;gap:8px}.v-chat__typing{min-height:18px;margin:0;padding:0 8px;background:transparent;box-shadow:none;color:var(--md-sys-color-on-surface-variant);font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px}.v-chat__undo{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border-radius:var(--md-sys-shape-corner-large);background:var(--vysteria-app-background);color:var(--md-sys-color-on-surface);font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px;box-shadow:var(--vysteria-surface-shadow-soft)}.v-chat__undo span{min-width:0;overflow-wrap:anywhere}.v-chat__undo button{flex:0 0 auto;padding:0 8px;border:0;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--md-sys-color-primary);cursor:pointer;font:inherit}.v-chat__undo button:hover:not(:disabled){background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent);color:var(--md-sys-color-on-primary-container)}.v-chat__undo button:disabled{cursor:not-allowed;opacity:.5}.v-chat__composer-field{position:relative}.v-chat__mention-menu{position:absolute;left:0;right:58px;bottom:calc(100% + 8px);z-index:8;max-height:252px;display:grid;gap:3px;padding:7px;border:0;border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-high);box-shadow:var(--vysteria-surface-shadow);overflow-y:auto}.v-chat__mention-option{min-width:0;min-height:38px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 10px;border:0;border-radius:var(--md-sys-shape-corner-medium);background:transparent;color:var(--md-sys-color-on-surface);cursor:pointer;font:inherit;text-align:left}.v-chat__mention-option:hover,.v-chat__mention-option:focus-visible,.v-chat__mention-option--active{background:color-mix(in srgb,var(--md-sys-color-primary-container) 54%,var(--md-sys-color-surface-container-high));outline:0}.v-chat__mention-name,.v-chat__mention-login{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v-chat__mention-name{font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px}.v-chat__mention-login{color:var(--md-sys-color-on-surface-variant);font-size:12px;font-weight:700;line-height:16px}.v-chat__composer .v-textarea-field{min-width:0}.v-chat__composer .v-textarea-field__control{padding-right:96px;padding-left:48px}.v-chat__pending-files{display:grid;gap:6px}.v-chat__pending-file{min-width:0;min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 11px;border-radius:7px;background:color-mix(in srgb,var(--md-sys-color-primary-container) 34%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-on-surface);font-size:12px;font-weight:var(--vysteria-font-weight-ui);line-height:16px}.v-chat__pending-file span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v-chat__pending-file span:last-child{flex:0 0 auto;color:var(--md-sys-color-on-surface-variant)}.v-chat__pending-file--loading{color:var(--md-sys-color-primary)}.v-chat__reply-bar,.v-chat__edit-bar{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-radius:var(--vysteria-sketch-radius-small);background:color-mix(in srgb,var(--md-sys-color-primary-container) 38%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-on-surface);font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px}.v-chat__reply-copy{min-width:0;display:grid;gap:2px}.v-chat__reply-copy span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v-chat__reply-copy span:first-child{color:var(--md-sys-color-primary)}.v-chat__reply-copy span:last-child{color:var(--md-sys-color-on-surface-variant);font-size:12px;line-height:16px}.v-chat__reply-bar button,.v-chat__edit-bar button{flex:0 0 auto;padding:0 8px;border:0;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--md-sys-color-primary);cursor:pointer;font:inherit}.v-chat__reply-bar button:hover,.v-chat__edit-bar button:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent);color:var(--md-sys-color-on-primary-container)}.v-chat__send-icon{position:absolute;right:12px;top:6px;width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;border-radius:var(--md-sys-shape-corner-full);background:transparent;cursor:pointer;transition:opacity .18s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.v-chat__attach-icon{position:absolute;left:10px;bottom:7px;width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;border-radius:var(--md-sys-shape-corner-full);background:transparent;cursor:pointer;transition:opacity .18s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.v-chat__attach-icon:hover:not(:disabled){background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent);transform:none}.v-chat__attach-icon:disabled{cursor:not-allowed;opacity:.42}.v-chat__attach-icon img{width:18px;height:18px;display:block}.v-chat__file-input{display:none}.v-chat__send-icon:hover:not(:disabled){background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent);transform:none}.v-chat__send-icon:disabled{cursor:not-allowed;opacity:.42}.v-chat__send-icon img{width:20px;height:20px;display:block}.v-chat-message{width:100%;min-width:0;max-width:none;display:grid;grid-template-columns:38px minmax(0,1fr);gap:8px;align-self:stretch;padding:6px 8px;border-radius:7px;transition:background-color .15s var(--md-sys-motion-standard)}.v-chat-message:hover,.v-chat-message:focus-within{background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 62%,transparent)}.v-chat-message__avatar{width:38px;height:38px;display:grid;place-items:center;padding:0;border:2px solid var(--vysteria-app-background);border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);cursor:pointer;font-size:13px;font-weight:var(--vysteria-font-weight-ui);box-shadow:var(--vysteria-surface-shadow-soft);overflow:hidden}.v-chat-message__avatar:hover,.v-chat-message__avatar:focus-visible{transform:translateY(-1px)}.v-chat-message__avatar img{width:100%;height:100%;display:block;object-fit:cover}.v-chat-message__body{width:100%;min-width:0;position:relative;display:grid;gap:4px;padding:1px 0 2px;border:0;border-radius:0;background:transparent;box-shadow:none}.v-chat-message--highlight .v-chat-message__body{animation:v-chat-message-highlight 1.1s var(--md-sys-motion-standard)}.v-chat-message__meta{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.v-chat-message__meta-main{min-width:0;display:flex;align-items:baseline;gap:12px}.v-chat-message__author,.v-chat-message__time{margin:0}.v-chat-message__author{min-width:0;color:var(--md-sys-color-on-surface);font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px;overflow-wrap:anywhere}.v-chat-message__time{flex:0 0 auto;color:var(--md-sys-color-on-surface-variant);font-size:11px;font-weight:720;line-height:16px}.v-chat-message__read-status{height:16px;display:inline-flex;align-items:center;gap:0;flex:0 0 auto;color:color-mix(in srgb,var(--md-sys-color-on-surface-variant) 76%,transparent);font-size:12px;font-weight:var(--vysteria-font-weight-ui);line-height:16px;letter-spacing:0}.v-chat-message__read-status span+span{margin-left:-5px}.v-chat-message__read-status--read{color:var(--md-sys-color-primary)}.v-chat-message__toolbar{position:absolute;top:-29px;right:8px;z-index:60;height:40px;display:flex;align-items:center;gap:2px;padding:4px 7px;border-radius:var(--md-sys-shape-corner-large);background:var(--vysteria-app-background);box-shadow:var(--vysteria-surface-shadow);opacity:0;pointer-events:none;transition:opacity .15s var(--md-sys-motion-standard)}.v-chat-message:hover .v-chat-message__toolbar,.v-chat-message--toolbar-open .v-chat-message__toolbar{opacity:1;pointer-events:auto}.v-chat-message--toolbar-hover-suppressed:hover .v-chat-message__toolbar{opacity:0;pointer-events:none}.v-chat-message__toolbar-button{width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;font:inherit;transition:background-color .15s var(--md-sys-motion-standard),color .15s var(--md-sys-motion-standard),opacity .15s var(--md-sys-motion-standard),transform .15s var(--md-sys-motion-standard)}.v-chat-message__toolbar-emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:21px;line-height:1}.v-chat-message__toolbar-button img,.v-chat-message__toolbar .v-emoji-picker__trigger img{width:21px;height:21px;display:block}.v-chat-message__toolbar-button:hover:not(:disabled),.v-chat-message__toolbar-button:focus-visible,.v-chat-message__toolbar-button--active,.v-chat-message__toolbar-button[aria-expanded=true],.v-chat-message__toolbar .v-emoji-picker__trigger:hover:not(:disabled),.v-chat-message__toolbar .v-emoji-picker__trigger[aria-expanded=true]{background:color-mix(in srgb,var(--md-sys-color-primary-container) 56%,transparent);color:var(--md-sys-color-primary);outline:0;transform:none}.v-chat-message__toolbar-button:disabled,.v-chat-message__toolbar .v-emoji-picker__trigger:disabled{cursor:not-allowed;opacity:.48}.v-chat-message__toolbar .v-emoji-picker{z-index:70}.v-chat-message__toolbar .v-emoji-picker__trigger{width:32px;height:32px}.v-chat-message__menu{position:relative;flex:0 0 auto}.v-chat-message__menu-toggle{color:var(--md-sys-color-on-surface-variant)}.v-chat-message__dropdown{position:fixed;z-index:80;min-width:176px;display:grid;gap:3px;padding:7px;border:0;border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-high);box-shadow:var(--vysteria-surface-shadow)}.v-chat-message__dropdown-action{width:100%;min-height:34px;padding:0 11px;border:0;border-radius:var(--md-sys-shape-corner-medium);background:transparent;color:var(--md-sys-color-on-surface);cursor:pointer;font:inherit;font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px;text-align:left;transition:background-color .16s var(--md-sys-motion-standard),color .16s var(--md-sys-motion-standard),transform .16s var(--md-sys-motion-standard)}.v-chat-message__dropdown-action:hover,.v-chat-message__dropdown-action:focus-visible{background:color-mix(in srgb,var(--md-sys-color-primary-container) 52%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-on-primary-container);outline:0;transform:none}.v-chat-message__dropdown-danger{color:var(--md-sys-color-error)}.v-chat-message__dropdown-danger:hover,.v-chat-message__dropdown-danger:focus-visible{background:color-mix(in srgb,var(--md-sys-color-error) 14%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-error)}.v-chat-message--busy{opacity:.64}.v-chat-message__reply-preview{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;padding:0 0 0 9px;border:0;border-left:3px solid var(--md-sys-color-primary);background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;font:inherit;text-align:left}.v-chat-message__reply-preview:disabled{cursor:default;opacity:.74}.v-chat-message__reply-preview:hover:not(:disabled),.v-chat-message__reply-preview:focus-visible{color:var(--md-sys-color-primary);outline:0}.v-chat-message__reply-author{min-width:0;color:var(--md-sys-color-primary);font-size:12px;font-weight:var(--vysteria-font-weight-ui);line-height:16px;white-space:nowrap}.v-chat-message__reply-text{min-width:0;overflow:hidden;color:inherit;font-size:12px;font-weight:650;line-height:16px;text-overflow:ellipsis;white-space:nowrap}.v-chat-message__content{min-width:0}.v-chat-message__embeds{min-width:0;display:grid;gap:8px}.v-chat-video-embed{width:min(100%,520px);display:grid;gap:5px}.v-chat-video-embed__media{width:100%;aspect-ratio:16/9;display:block;border:0;border-radius:8px;background:var(--md-sys-color-surface);box-shadow:var(--vysteria-sketch-shadow-active)}video.v-chat-video-embed__media{object-fit:contain}.v-chat-video-embed__label{min-width:0;color:var(--md-sys-color-on-surface-variant);font-size:12px;font-weight:700;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v-chat-message__attachments{min-width:0;display:grid;gap:8px}.v-chat-attachment{min-width:0;display:grid;gap:5px;color:inherit;text-decoration:none}.v-chat-attachment__image-button{width:min(100%,420px);display:block;padding:0;border:0;border-radius:var(--md-sys-shape-corner-large);background:transparent;cursor:zoom-in;overflow:hidden}.v-chat-attachment__image-button:focus-visible{outline:0;box-shadow:var(--vysteria-sketch-focus)}.v-chat-attachment__image{width:min(100%,420px);max-height:300px;display:block;background:var(--md-sys-color-surface-container-highest);object-fit:contain}.v-chat-attachment__audio{min-width:0;display:grid;gap:7px}.v-chat-attachment__name,.v-chat-attachment__caption{min-width:0;color:var(--md-sys-color-on-surface-variant);font-size:12px;font-weight:700;line-height:16px}.v-chat-attachment__name,.v-chat-attachment__caption span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v-chat-attachment__caption{width:min(100%,420px);display:flex;justify-content:space-between;gap:12px}.v-chat-attachment__caption span:last-child{flex:0 0 auto}.v-chat-image-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:24px;background:var(--vysteria-modal-backdrop)}.v-chat-image-viewer__surface{position:relative;width:fit-content;max-width:calc(100vw - 48px);max-height:calc(var(--vysteria-viewport-height) - 48px);display:block}.v-chat-image-viewer__media{position:relative;display:grid;grid-template-columns:minmax(0,auto) auto;align-items:start;gap:14px;width:fit-content;max-width:100%}.v-chat-image-viewer__image{max-width:min(100%,100vw - 124px);max-height:calc(var(--vysteria-viewport-height) - 48px);display:block;border-radius:8px;background:var(--md-sys-color-surface);object-fit:contain}.v-chat-image-viewer__actions{margin-top:0}.v-chat-image-viewer__details{position:absolute;right:58px;bottom:12px;z-index:3;width:min(320px,100% - 24px);display:grid;gap:8px;margin:0;padding:12px;border:0;border-radius:var(--md-sys-shape-corner-large);background:var(--vysteria-app-background);box-shadow:var(--vysteria-surface-shadow)}.v-chat-image-viewer__details div{min-width:0;display:grid;gap:2px}.v-chat-image-viewer__details dt{color:var(--md-sys-color-on-surface-variant);font-size:11px;font-weight:720;line-height:15px}.v-chat-image-viewer__details dd{min-width:0;margin:0;overflow:hidden;color:var(--md-sys-color-on-surface);font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px;text-overflow:ellipsis;white-space:nowrap}.v-chat-message__reactions{display:flex;flex-wrap:wrap;gap:5px;padding-top:2px}.v-chat-message__reaction{min-height:28px;display:inline-flex;align-items:center;gap:5px;padding:0 8px;border:0;border-radius:7px;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 70%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-on-surface);cursor:pointer;font:inherit;font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px;transition:background-color .16s var(--md-sys-motion-standard),color .16s var(--md-sys-motion-standard),transform .16s var(--md-sys-motion-standard)}.v-chat-message__reaction span:first-child{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:15px;line-height:1}.v-chat-message__reaction:hover:not(:disabled),.v-chat-message__reaction:focus-visible,.v-chat-message__reaction--own{background:color-mix(in srgb,var(--md-sys-color-primary-container) 62%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-on-primary-container);outline:0}.v-chat-message__reaction:hover:not(:disabled),.v-chat-message__reaction:focus-visible{transform:translateY(-1px)}.v-chat-message__reaction:disabled{cursor:not-allowed;opacity:.58}@keyframes v-chat-message-highlight{0%,to{box-shadow:var(--vysteria-sketch-shadow-active)}35%{box-shadow:0 0 0 3px color-mix(in srgb,var(--md-sys-color-primary) 28%,transparent),var(--vysteria-sketch-shadow-active)}}@media(max-width:640px){.v-chat{min-height:0;height:100%;padding:0}.v-chat__surface{height:100%;min-height:0;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;padding:8px 10px calc(6px + env(safe-area-inset-bottom));overflow:hidden}.v-chat__messages-wrap{min-height:0;overflow:hidden}.v-chat__messages{min-height:0;max-height:none;padding:0;-webkit-overflow-scrolling:touch}.v-chat-message{max-width:100%;grid-template-columns:34px minmax(0,1fr);gap:7px;padding:6px 4px}.v-chat-message__avatar{width:34px;height:34px}.v-chat-message__toolbar{top:-34px;right:0;height:40px;max-width:min(100%,100vw - 64px);margin-top:0;padding:4px 6px;border-radius:var(--md-sys-shape-corner-full);background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 88%,var(--vysteria-app-background));box-shadow:var(--vysteria-surface-shadow);opacity:0;overflow-x:auto;pointer-events:none;scrollbar-width:none}.v-chat-message:hover .v-chat-message__toolbar,.v-chat-message--toolbar-hover-suppressed:hover .v-chat-message__toolbar{opacity:0;pointer-events:none}.v-chat-message--toolbar-open .v-chat-message__toolbar{opacity:1;pointer-events:auto}.v-chat-message__toolbar::-webkit-scrollbar{display:none}.v-chat-video-embed,.v-chat-attachment__image-button,.v-chat-attachment__image,.v-chat-attachment__caption{width:100%;max-width:100%}.v-chat-video-embed__media{max-width:100%}.v-chat-attachment__image{height:auto;max-height:min(260px,46vh)}.v-chat__composer{position:relative;z-index:5}.v-chat__composer .v-textarea-field__control{min-height:52px;padding-right:92px;padding-left:48px}.v-chat-image-viewer{padding:16px}.v-chat-image-viewer__surface{max-width:calc(100vw - 32px)}.v-chat-image-viewer__media{grid-template-columns:minmax(0,1fr);gap:10px}.v-chat-image-viewer__actions{justify-self:end}.v-chat-image-viewer__image{max-width:100%;max-height:calc(var(--vysteria-viewport-height) - 104px)}.v-chat-image-viewer__details{right:12px;bottom:58px}}.v-confirm-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;padding:24px;background:var(--vysteria-modal-backdrop)}.v-confirm-modal__surface{width:min(100%,420px);display:grid;gap:16px;padding:22px;border:0;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--vysteria-app-background);box-shadow:var(--vysteria-surface-shadow-strong)}.v-confirm-modal__title,.v-confirm-modal__message,.v-confirm-modal__error{margin:0}.v-confirm-modal__title{color:var(--md-sys-color-on-surface);font-size:22px;font-weight:var(--vysteria-font-weight-display);line-height:30px}.v-confirm-modal__message{color:var(--md-sys-color-on-surface);font-size:15px;line-height:22px}.v-confirm-modal__error{color:var(--md-sys-color-error);font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px}.v-confirm-modal__actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}@media(max-width:640px){.v-confirm-modal__actions{align-items:stretch;flex-direction:column}.v-confirm-modal__actions .v-button{width:100%}}.v-dropdown-button{position:relative;z-index:1;display:inline-flex;align-items:stretch;min-height:52px;border:0;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);box-shadow:none;transition:background-color .18s var(--md-sys-motion-standard),box-shadow .18s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.v-dropdown-button:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 88%,var(--md-sys-color-on-primary) 12%);box-shadow:var(--vysteria-surface-shadow-soft);transform:translateY(-1px)}.v-dropdown-button--open{z-index:40;box-shadow:var(--vysteria-surface-shadow-soft)}.v-dropdown-button__primary,.v-dropdown-button__toggle{min-height:100%;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;font-size:14px;font-weight:var(--vysteria-font-weight-ui);line-height:20px}.v-dropdown-button__primary:disabled,.v-dropdown-button__toggle:disabled{cursor:not-allowed;opacity:.58}.v-dropdown-button__primary:focus-visible,.v-dropdown-button__toggle:focus-visible{outline:0;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--md-sys-color-on-primary) 72%,transparent)}.v-dropdown-button__primary{gap:10px;padding:0 20px}.v-dropdown-button__primary-mark{font-size:26px;font-weight:var(--vysteria-font-weight-ui);line-height:1}.v-dropdown-button__toggle{width:54px;border-left:1px solid color-mix(in srgb,var(--md-sys-color-on-primary) 22%,transparent)}.v-dropdown-button__chevron{width:18px;height:18px;display:block;background:currentColor;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%3e%3cg%20stroke='%23e3e3e3'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M12.2%204.8c-.2%202.3%200%204.6-.1%206.9%200%202.4-.1%204.7-.2%206.9'%20stroke-width='2'/%3e%3cpath%20d='M6.7%2013.1c1.4%201.6%203.3%203.4%205.2%205.3%201.9-1.7%203.8-3.5%205.3-5.2'%20stroke-width='2'/%3e%3cpath%20d='M10.9%205.3c.1%203.3%200%206.2-.1%208.8M7.8%2013.9c1%201.1%202.2%202.2%203.4%203.3'%20stroke-width='1'%20opacity='.5'/%3e%3c/g%3e%3c/svg%3e") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%3e%3cg%20stroke='%23e3e3e3'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M12.2%204.8c-.2%202.3%200%204.6-.1%206.9%200%202.4-.1%204.7-.2%206.9'%20stroke-width='2'/%3e%3cpath%20d='M6.7%2013.1c1.4%201.6%203.3%203.4%205.2%205.3%201.9-1.7%203.8-3.5%205.3-5.2'%20stroke-width='2'/%3e%3cpath%20d='M10.9%205.3c.1%203.3%200%206.2-.1%208.8M7.8%2013.9c1%201.1%202.2%202.2%203.4%203.3'%20stroke-width='1'%20opacity='.5'/%3e%3c/g%3e%3c/svg%3e") center/contain no-repeat}.v-dropdown-button__menu{position:absolute;top:calc(100% + 10px);right:0;z-index:50;width:max-content;min-width:320px;display:grid;gap:5px;padding:10px;border:0;border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);box-shadow:var(--vysteria-surface-shadow)}.v-dropdown-button__item{min-height:48px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:0 12px;border:0;border-radius:var(--md-sys-shape-corner-medium);background:transparent;color:inherit;cursor:pointer;font:inherit;font-size:14px;font-weight:var(--vysteria-font-weight-ui);line-height:20px;text-align:left}.v-dropdown-button__item:hover,.v-dropdown-button__item:focus-visible{background:color-mix(in srgb,var(--md-sys-color-primary-container) 56%,transparent);color:var(--md-sys-color-on-primary-container);outline:0}.v-dropdown-button__item:disabled{cursor:not-allowed;opacity:.58}.v-dropdown-button__item-icon{width:24px;height:24px;display:block;object-fit:contain}@media(max-width:640px){.v-dropdown-button__menu{min-width:min(320px,100vw - 42px)}}.v-emoji-picker{z-index:4}.v-emoji-picker--composer{position:absolute;top:3px;right:50px}.v-emoji-picker--menu{position:relative}.v-emoji-picker__trigger{width:38px;height:38px;display:grid;place-items:center;padding:0;border:0;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;font:inherit;transition:opacity .18s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.v-emoji-picker__trigger:hover:not(:disabled),.v-emoji-picker__trigger[aria-expanded=true]{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent);transform:none}.v-emoji-picker__trigger:disabled{cursor:not-allowed;opacity:.42}.v-emoji-picker__trigger img{width:26px;height:26px;display:block}.v-emoji-picker__panel{width:min(360px,100vw - 32px);max-height:min(420px,58vh);display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:10px;padding:12px;border:0;border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-high);box-shadow:var(--vysteria-surface-shadow);overflow:hidden}.v-emoji-picker__panel--searching{grid-template-rows:auto minmax(0,1fr)}.v-emoji-picker--composer .v-emoji-picker__panel{position:absolute;right:-50px;bottom:calc(100% + 10px)}.v-emoji-picker__panel--menu{position:fixed;top:auto;right:auto;bottom:auto;z-index:120}.v-emoji-picker__panel .v-text-field{min-width:0}.v-emoji-picker__panel .v-text-field__control{height:38px;padding:0 12px;border-width:var(--vysteria-sketch-line-thin);font-size:14px;line-height:20px}.v-emoji-picker__groups{min-width:0;display:flex;gap:4px;overflow-x:auto;scrollbar-width:thin}.v-emoji-picker__groups button{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;padding:0;border:0;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--md-sys-color-on-surface);cursor:pointer;font:inherit;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:19px;line-height:1;transition:background-color .16s var(--md-sys-motion-standard),transform .16s var(--md-sys-motion-standard)}.v-emoji-picker__groups button:hover,.v-emoji-picker__groups button:focus-visible,.v-emoji-picker__groups button[aria-selected=true]{background:color-mix(in srgb,var(--md-sys-color-primary-container) 56%,var(--md-sys-color-surface-container-high));outline:0}.v-emoji-picker__scroll{min-height:0;position:relative;display:grid;align-content:start;gap:12px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-gutter:stable}.v-emoji-picker__section{min-width:0;display:grid;gap:6px}.v-emoji-picker__section-title{margin:0;color:var(--md-sys-color-on-surface-variant);font-size:12px;font-weight:var(--vysteria-font-weight-ui);line-height:16px}.v-emoji-picker__grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px}.v-emoji-picker__grid button{aspect-ratio:1;min-width:0;display:grid;place-items:center;padding:0;border:0;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--md-sys-color-on-surface);cursor:pointer;font:inherit;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:22px;line-height:1;transition:background-color .14s var(--md-sys-motion-standard),transform .14s var(--md-sys-motion-standard)}.v-emoji-picker__grid button:hover,.v-emoji-picker__grid button:focus-visible{background:color-mix(in srgb,var(--md-sys-color-primary-container) 50%,var(--md-sys-color-surface-container-high));outline:0;transform:none}.v-emoji-picker__state{min-height:118px;display:grid;place-items:center;gap:8px;margin:0;color:var(--md-sys-color-on-surface-variant);font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px;text-align:center}.v-emoji-picker__state--error{color:var(--md-sys-color-error)}.v-emoji-picker__state button{padding:0 8px;border:0;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--md-sys-color-primary);cursor:pointer;font:inherit}.v-emoji-picker__state button:hover,.v-emoji-picker__state button:focus-visible{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent);color:var(--md-sys-color-on-primary-container);outline:0}@media(max-width:640px){.v-emoji-picker--composer .v-emoji-picker__panel{right:-50px;width:min(340px,100vw - 48px);max-height:48vh}.v-emoji-picker__grid{grid-template-columns:repeat(7,minmax(0,1fr))}}.v-file-upload{min-width:0}.v-file-upload__button{width:100%;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 22px;border:0;border-radius:var(--md-sys-shape-corner-full);background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent);color:var(--md-sys-color-primary);cursor:pointer;font-size:14px;font-weight:var(--vysteria-font-weight-ui);line-height:20px;box-shadow:none;transition:background-color .18s var(--md-sys-motion-standard),box-shadow .18s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.v-file-upload__button:hover:not(:disabled){background:color-mix(in srgb,var(--md-sys-color-primary) 16%,transparent);box-shadow:var(--vysteria-surface-shadow-soft);transform:translateY(-1px)}.v-file-upload__button:active:not(:disabled){box-shadow:none;transform:translateY(0)}.v-file-upload__button:focus-visible{outline:0;box-shadow:var(--vysteria-sketch-focus)}.v-file-upload__button:disabled{cursor:not-allowed;opacity:.58;box-shadow:none}.v-file-upload__input{display:none}.v-file-upload__loader{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--md-sys-shape-corner-full);animation:v-file-upload-spin .7s linear infinite}@keyframes v-file-upload-spin{to{transform:rotate(1turn)}}.v-friend-picker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:24px;background:var(--vysteria-modal-backdrop)}.v-friend-picker__surface{width:min(100%,460px);max-height:min(560px,var(--vysteria-viewport-height) - 48px);display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:14px;padding:20px;border:0;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--vysteria-app-background);box-shadow:var(--vysteria-surface-shadow-strong);overflow:hidden}.v-friend-picker__results{min-height:302px;max-height:302px;overflow:hidden}.v-friend-picker__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.v-friend-picker__header h2,.v-friend-picker__state,.v-friend-picker__error{margin:0}.v-friend-picker__header h2{color:var(--md-sys-color-on-surface);font-size:20px;font-weight:var(--vysteria-font-weight-display);line-height:28px}.v-friend-picker__close{width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;font:inherit;font-size:24px;line-height:1}.v-friend-picker__close:hover,.v-friend-picker__close:focus-visible{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent);color:var(--md-sys-color-on-surface);outline:0}.v-friend-picker__state,.v-friend-picker__error{font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px}.v-friend-picker__state{color:var(--md-sys-color-on-surface-variant)}.v-friend-picker__error{color:var(--md-sys-color-error)}.v-friend-picker__list{height:100%;display:grid;align-content:start;gap:10px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.v-friend-picker__item{width:100%;min-height:68px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:10px;border:0;border-radius:var(--md-sys-shape-corner-large);background:var(--vysteria-app-background);color:inherit;box-shadow:var(--vysteria-surface-shadow-soft);cursor:pointer;font:inherit;text-align:left}.v-friend-picker__item:hover,.v-friend-picker__item:focus-visible{background:color-mix(in srgb,var(--md-sys-color-primary-container) 44%,var(--md-sys-color-surface-container-high));outline:0}.v-friend-picker__avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-size:16px;font-weight:var(--vysteria-font-weight-display);overflow:hidden}.v-friend-picker__avatar img{width:100%;height:100%;display:block;object-fit:cover}.v-friend-picker__content{min-width:0;display:grid;gap:2px}.v-friend-picker__name{color:var(--md-sys-color-on-surface);font-size:15px;font-weight:var(--vysteria-font-weight-ui);line-height:22px;overflow-wrap:anywhere}.v-friend-picker__login{color:var(--md-sys-color-on-surface-variant);font-size:13px;line-height:18px;overflow-wrap:anywhere}.v-media-actions{position:relative;z-index:2;width:fit-content}.v-media-actions__group{display:inline-flex;align-items:center;gap:4px;padding:8px;border:0;border-radius:var(--md-sys-shape-corner-large);background:var(--vysteria-app-background);box-shadow:var(--vysteria-surface-shadow-soft)}.v-media-actions--vertical .v-media-actions__group{flex-direction:column}.v-media-actions__button{width:36px;height:36px;display:inline-grid;place-items:center;padding:0;border:0;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;transition:background-color .16s var(--md-sys-motion-standard),opacity .16s var(--md-sys-motion-standard)}.v-media-actions__button:hover:not(:disabled),.v-media-actions__button:focus-visible,.v-media-actions__button[aria-pressed=true]{background:color-mix(in srgb,var(--md-sys-color-primary-container) 62%,transparent);color:var(--md-sys-color-on-primary-container);outline:0}.v-media-actions__button:disabled{cursor:not-allowed;opacity:.44}.v-media-actions__button img,.v-media-actions__menu-item img{width:22px;height:22px;display:block;opacity:.78}.v-media-actions__button:hover:not(:disabled) img,.v-media-actions__button:focus-visible img,.v-media-actions__button[aria-pressed=true] img{opacity:1}.v-media-actions__menu{position:absolute;top:calc(100% + 8px);right:0;z-index:72;min-width:214px;display:grid;gap:3px;padding:6px;border:0;border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-high);box-shadow:var(--vysteria-surface-shadow)}.v-media-actions--vertical .v-media-actions__menu{top:0;right:calc(100% + 8px)}.v-media-actions__menu-item{min-height:36px;display:flex;align-items:center;gap:9px;padding:0 10px;border:0;border-radius:var(--md-sys-shape-corner-medium);background:transparent;color:var(--md-sys-color-on-surface);cursor:pointer;font:inherit;font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px;text-align:left;text-decoration:none}.v-media-actions__menu-item:hover,.v-media-actions__menu-item:focus-visible{background:color-mix(in srgb,var(--md-sys-color-primary-container) 52%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-on-primary-container);outline:0}@media(max-width:640px){.v-media-actions__button{width:34px;height:34px}.v-media-actions--vertical .v-media-actions__menu{top:calc(100% + 8px);right:0}}.v-media-player{position:relative;min-width:0;width:min(100%,420px);display:grid;gap:7px;padding:9px;border-radius:7px;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,var(--md-sys-color-surface-container-high))}.v-media-player--video{padding:0;overflow:hidden}.v-media-player--fullscreen{width:100vw;height:var(--vysteria-viewport-height);grid-template-rows:minmax(0,1fr) auto;border-radius:0;background:var(--md-sys-color-surface)}.v-media-player__video{width:100%;max-height:300px;display:block;background:var(--md-sys-color-surface);object-fit:contain}.v-media-player__actions{position:absolute;top:10px;right:10px}.v-media-player--fullscreen .v-media-player__video{height:100%;max-height:none}.v-media-player__controls{min-width:0;display:grid;grid-template-columns:auto auto minmax(96px,1fr) auto 84px auto;align-items:center;gap:8px;padding:8px}.v-media-player--video .v-media-player__controls{grid-template-columns:auto auto minmax(96px,1fr) auto 84px}.v-media-player__play{width:32px;height:32px;display:inline-grid;place-items:center;padding:0;border:0;border-radius:var(--md-sys-shape-corner-full);background:color-mix(in srgb,var(--md-sys-color-primary-container) 58%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-on-primary-container);cursor:pointer;transition:background-color .16s var(--md-sys-motion-standard)}.v-media-player__play:hover{background:color-mix(in srgb,var(--md-sys-color-primary-container) 76%,var(--md-sys-color-surface-container-high))}.v-media-player__play:focus-visible{outline:0;box-shadow:var(--vysteria-sketch-focus)}.v-media-player__play img{width:21px;height:21px;display:block}.v-media-player__audio-actions{justify-self:end}.v-media-player__audio-actions .v-media-actions__group{padding:0;border:0;background:transparent;box-shadow:none}.v-media-player__time{color:var(--md-sys-color-on-surface-variant);font-size:11px;font-weight:720;line-height:16px;white-space:nowrap}.v-media-player__seek,.v-media-player__volume{min-width:0;accent-color:var(--md-sys-color-primary)}@media(max-width:640px){.v-media-player__controls,.v-media-player--video .v-media-player__controls{grid-template-columns:auto minmax(90px,1fr) auto}.v-media-player__time:first-of-type,.v-media-player__volume{display:none}}.v-app-header{box-sizing:border-box;width:calc(100% - 20px);margin:10px;min-width:0;min-height:64px;display:grid;grid-template-areas:"back content action";grid-template-columns:44px minmax(0,1fr) minmax(44px,auto);align-items:center;gap:12px;padding:8px 12px;border-radius:var(--md-sys-shape-corner-extra-large);background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 84%,var(--vysteria-app-background));color:var(--md-sys-color-on-surface)}.v-app-header--no-action{grid-template-areas:"back content";grid-template-columns:44px minmax(0,1fr)}.v-app-header__back{grid-area:back;display:grid;place-items:center}.v-app-header__content{grid-area:content;min-width:0;display:grid;align-content:center;gap:1px}.v-app-header__action{grid-area:action;width:44px;min-width:44px;min-height:44px;display:grid;place-items:center}.v-app-header__back{width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:var(--md-sys-shape-corner-full);background:color-mix(in srgb,var(--md-sys-color-primary-container) 38%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-on-surface);cursor:pointer;transition:background-color .18s var(--md-sys-motion-standard),color .18s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.v-app-header__back:hover,.v-app-header__back:focus-visible{background:color-mix(in srgb,var(--md-sys-color-primary-container) 68%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-on-primary-container);outline:0}.v-app-header__back:active{transform:scale(.96)}.v-app-header__back img{width:22px;height:22px;display:block}.v-app-header__spacer{width:44px;min-width:44px;min-height:44px;display:grid;place-items:center}.v-app-header__title,.v-app-header__subtitle{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v-app-header__title{color:var(--md-sys-color-on-surface);font-size:19px;font-weight:var(--vysteria-font-weight-display);line-height:25px}.v-app-header__subtitle{color:var(--md-sys-color-on-surface-variant);font-size:12px;font-weight:700;line-height:16px}.v-app-header--no-subtitle .v-app-header__title{font-size:20px;line-height:28px}@media(min-width:641px){.v-app-header--hide-back-desktop{grid-template-areas:"content action";grid-template-columns:minmax(0,1fr) minmax(44px,auto)}.v-app-header--hide-back-desktop.v-app-header--no-action{grid-template-areas:"content";grid-template-columns:minmax(0,1fr)}.v-app-header--hide-back-desktop .v-app-header__back{display:none}}@media(max-width:640px){.v-app-header{min-height:calc(64px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top)) 12px 8px;border-radius:var(--md-sys-shape-corner-extra-large);background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 88%,var(--vysteria-app-background))}}.v-name-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:var(--vysteria-modal-backdrop)}.v-name-modal__surface{width:min(100%,460px);display:grid;gap:18px;padding:22px;border:0;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--vysteria-app-background);box-shadow:var(--vysteria-surface-shadow-strong)}.v-name-modal__header,.v-name-modal__actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.v-name-modal__title,.v-name-modal__error{margin:0}.v-name-modal__title{color:var(--md-sys-color-on-surface);font-size:22px;font-weight:var(--vysteria-font-weight-display);line-height:30px}.v-name-modal__close{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;font-size:24px;font-weight:var(--vysteria-font-weight-display);line-height:1;transition:color .18s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.v-name-modal__close:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent);color:var(--md-sys-color-on-surface);transform:none}.v-name-modal__error{color:var(--md-sys-color-error);font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px}.v-name-modal__actions{justify-content:flex-end}@media(max-width:640px){.v-name-modal__actions{align-items:stretch;flex-direction:column}.v-name-modal__actions .v-button{width:100%}}.v-profile-card{--v-profile-card-background: color-mix( in srgb, var(--md-sys-color-surface-container-low) 84%, var(--vysteria-app-background) );width:min(100%,430px);min-height:calc(var(--vysteria-viewport-height) - 64px);display:flex;flex-direction:column;position:sticky;top:32px;border:0;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--v-profile-card-background);box-shadow:var(--vysteria-surface-shadow);overflow:hidden}.v-profile-card__cover{position:relative;height:188px;background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-primary) 24%,transparent),transparent),var(--profile-cover-color);overflow:hidden}.v-profile-card__cover-image{width:100%;height:100%;display:block;object-fit:cover}.v-profile-card__body{display:flex;align-items:flex-end;gap:18px;padding:24px 24px 10px}.v-profile-card__avatar{position:relative;width:116px;height:116px;display:grid;place-items:center;flex:0 0 auto;margin-top:-44px;border:4px solid var(--v-profile-card-background);border-radius:var(--md-sys-shape-corner-full);background:var(--profile-avatar-color);color:var(--md-sys-color-on-secondary-container);font-size:42px;font-weight:var(--vysteria-font-weight-display);box-shadow:none;z-index:1}.v-profile-card__avatar-status{position:absolute;right:-3px;bottom:7px;width:26px;height:26px;border:4px solid var(--v-profile-card-background);border-radius:var(--md-sys-shape-corner-full);z-index:2}.v-profile-card__avatar--online .v-profile-card__avatar-status{background:#31d076}.v-profile-card__avatar--offline .v-profile-card__avatar-status{background:color-mix(in srgb,var(--md-sys-color-outline) 76%,var(--md-sys-color-surface-container-highest))}.v-profile-card__avatar-content{width:100%;height:100%;display:grid;place-items:center;border-radius:inherit;overflow:hidden}.v-profile-card__avatar-image{width:100%;height:100%;display:block;object-fit:cover}.v-profile-card__identity{min-width:0;flex:1;padding-top:18px}.v-profile-card__nickname{margin:0;color:var(--md-sys-color-on-surface);font-size:30px;font-weight:var(--vysteria-font-weight-display);line-height:38px;overflow-wrap:anywhere}.v-profile-card__login{margin:2px 0 0;color:var(--md-sys-color-on-surface-variant);font-size:15px;font-weight:var(--vysteria-font-weight-ui);line-height:21px;overflow-wrap:anywhere}.v-profile-card__body-actions{margin-top:14px}.v-profile-card__footer{display:grid;gap:12px;margin-top:auto;padding:0 24px 24px}.v-profile-card__after-body{padding:2px 24px 0}.v-profile-card__navigation{min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.v-profile-card__nav-item{min-width:0;min-height:62px;display:grid;place-items:center;align-content:center;gap:4px;padding:8px 4px;border:0;border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);cursor:pointer;font:inherit;box-shadow:none;transition:background-color .18s var(--md-sys-motion-standard),color .18s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.v-profile-card__nav-item:hover,.v-profile-card__nav-item:focus-visible,.v-profile-card__nav-item--active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.v-profile-card__nav-item:hover,.v-profile-card__nav-item:focus-visible{outline:0;transform:translateY(-1px)}.v-profile-card__nav-item:focus-visible{box-shadow:var(--vysteria-sketch-focus)}.v-profile-card__nav-icon-wrap{position:relative;display:grid;place-items:center}.v-profile-card__nav-icon{width:26px;height:26px;display:block;object-fit:contain}.v-profile-card__nav-badge{position:absolute;top:-7px;right:-12px;min-width:18px;height:18px;display:grid;place-items:center;padding:0 5px;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font-size:10px;font-weight:var(--vysteria-font-weight-display);line-height:18px;box-shadow:none;pointer-events:none}.v-profile-card__nav-label{max-width:100%;color:inherit;font-size:11px;font-weight:var(--vysteria-font-weight-ui);line-height:15px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.v-profile-card__footer-action{width:100%}.v-profile-card--compact .v-profile-card__cover{height:130px}.v-profile-card--compact .v-profile-card__body{align-items:flex-start;flex-direction:column;gap:10px;padding-bottom:10px}.v-profile-card--compact .v-profile-card__avatar{width:86px;height:86px;margin-top:-36px;font-size:30px}.v-profile-card--compact .v-profile-card__avatar-status{right:-2px;bottom:4px;width:20px;height:20px;border-width:3px}.v-profile-card--compact .v-profile-card__identity{padding-top:0}.v-profile-card--compact .v-profile-card__nickname{font-size:22px;line-height:30px}.v-profile-card--compact .v-profile-card__login{font-size:13px;line-height:18px}.v-profile-card--compact .v-profile-card__nav-item{min-height:58px;padding:7px 3px}.v-profile-card--compact .v-profile-card__nav-icon{width:23px;height:23px}@media(max-width:980px){.v-profile-card{width:100%;min-height:auto;position:static}}@media(max-width:640px){.v-profile-card__cover{height:150px}.v-profile-card__body{align-items:flex-start;flex-direction:column;gap:10px;padding-bottom:10px}.v-profile-card__identity{padding-top:0}.v-profile-card__body-actions,.v-profile-card__body-actions .v-button{width:100%}.v-profile-card__after-body{padding:2px 24px 0}.v-profile-card__nav-item{min-height:58px}}.v-user-profile-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px;background:var(--vysteria-modal-backdrop)}.v-user-profile-modal__surface{position:relative;width:min(100%,540px);display:grid;gap:12px}.v-user-profile-modal .v-profile-card{width:100%;min-height:min(80vh,760px);position:static}.v-user-profile-modal .v-profile-card__cover{height:158px}.v-user-profile-modal .v-profile-card__body{padding:20px 24px 22px}.v-user-profile-modal .v-profile-card__avatar{width:104px;height:104px;margin-top:-38px;font-size:36px}.v-user-profile-modal .v-profile-card__body-actions{display:flex;flex-wrap:wrap;gap:12px}.v-user-profile-modal__close{position:absolute;top:14px;right:14px;z-index:1;width:34px;height:34px;display:grid;place-items:center;padding:0;border:0;border-radius:var(--md-sys-shape-corner-full);background:transparent;cursor:pointer}.v-user-profile-modal__close:hover,.v-user-profile-modal__close:focus-visible{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent);outline:0}.v-user-profile-modal__close img{width:18px;height:18px;display:block}.v-user-profile-modal__error{margin:0;padding:0 4px;color:var(--md-sys-color-error);font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px}@media(max-width:640px){.v-user-profile-modal{padding:16px}.v-user-profile-modal .v-profile-card__body-actions{display:grid}}.v-range-field{min-width:0;display:grid;gap:10px}.v-range-field__header{min-width:0;display:flex;align-items:baseline;justify-content:space-between;gap:12px}.v-range-field__label{color:var(--md-sys-color-on-surface);font-size:14px;font-weight:var(--vysteria-font-weight-ui);line-height:20px}.v-range-field__value{color:var(--md-sys-color-primary);font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px}.v-range-field__control{width:100%;height:28px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.v-range-field__control:disabled{cursor:not-allowed;opacity:.58}.v-range-field__control::-webkit-slider-runnable-track{height:10px;border:var(--vysteria-sketch-line-thin) solid var(--vysteria-sketch-line-color);border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container-highest);box-shadow:var(--vysteria-sketch-shadow-active)}.v-range-field__control::-moz-range-track{height:10px;border:var(--vysteria-sketch-line-thin) solid var(--vysteria-sketch-line-color);border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container-highest);box-shadow:var(--vysteria-sketch-shadow-active)}.v-range-field__control::-webkit-slider-thumb{width:24px;height:24px;margin-top:-9px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--vysteria-sketch-line-thin) solid var(--vysteria-sketch-ink);border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary);box-shadow:var(--vysteria-sketch-shadow-active)}.v-range-field__control::-moz-range-thumb{width:24px;height:24px;border:var(--vysteria-sketch-line-thin) solid var(--vysteria-sketch-ink);border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary);box-shadow:var(--vysteria-sketch-shadow-active)}.v-range-field__control:focus-visible{outline:none}.v-range-field__control:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px color-mix(in srgb,var(--md-sys-color-primary) 28%,transparent)}.v-range-field__control:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px color-mix(in srgb,var(--md-sys-color-primary) 28%,transparent)}.v-select{position:relative;display:grid;gap:8px}.v-select__label{color:var(--md-sys-color-on-surface-variant);font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px}.v-select__control{width:100%;height:54px;padding:0 16px;border:0;border-radius:var(--md-sys-shape-corner-large);outline:none;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);font-size:15px;font-weight:650;line-height:22px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-outline-variant) 70%,transparent);transition:background-color .18s var(--md-sys-motion-standard),box-shadow .18s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.v-select__control:focus{background:var(--md-sys-color-surface-container-highest);box-shadow:inset 0 0 0 2px var(--md-sys-color-primary),0 1px 3px #00000029;transform:none}.v-select__control:disabled{opacity:.58;box-shadow:none}.v-select__hint,.v-select__error{font-size:12px;line-height:16px}.v-select__hint{color:var(--md-sys-color-on-surface-variant)}.v-select__error{position:absolute;left:0;right:0;bottom:-18px;color:var(--md-sys-color-error);font-weight:720}.v-segmented-control{min-width:0;margin:0;padding:0;border:0}.v-segmented-control__label{margin-bottom:8px;padding:0;color:var(--md-sys-color-on-surface-variant);font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px}.v-segmented-control__items{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:4px;padding:5px;border:0;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-high);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-outline-variant) 72%,transparent)}.v-segmented-control__item{min-width:0;min-height:40px;padding:0 14px;border:0;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;font-size:14px;font-weight:var(--vysteria-font-weight-ui);line-height:20px;transition:background-color .18s var(--md-sys-motion-standard),color .18s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.v-segmented-control__item:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 8%,transparent);color:var(--md-sys-color-on-surface)}.v-segmented-control__item--active{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.v-segmented-control__item:focus-visible{outline:0;box-shadow:var(--vysteria-sketch-focus)}@media(max-width:460px){.v-segmented-control__items{grid-template-columns:1fr;border-radius:var(--md-sys-shape-corner-large)}}.v-skeleton-loader{--skeleton-line-width: 100%;--skeleton-base: color-mix(in srgb, var(--md-sys-color-surface-container-highest) 62%, var(--md-sys-color-surface-container-high));--skeleton-highlight: color-mix(in srgb, var(--md-sys-color-primary-container) 34%, var(--md-sys-color-surface-container-highest));min-width:0;display:grid;gap:12px}.v-skeleton-loader__block,.v-skeleton-loader__line{position:relative;overflow:hidden;border:0;background:linear-gradient(90deg,var(--skeleton-base),var(--skeleton-highlight),var(--skeleton-base));background-size:220% 100%;box-shadow:inset 0 1px color-mix(in srgb,var(--md-sys-color-on-surface) 5%,transparent);animation:v-skeleton-loader-shimmer 1.3s var(--md-sys-motion-standard) infinite}.v-skeleton-loader__line{width:var(--skeleton-line-width);max-width:100%;height:12px;display:block;border-radius:var(--md-sys-shape-corner-full)}.v-skeleton-loader__line--short{width:96px}.v-skeleton-loader__line--time{width:42px}.v-skeleton-loader__line--medium{width:44%}.v-skeleton-loader__line--wide{width:74%}.v-skeleton-loader__button{width:176px;height:42px;display:block;border-radius:var(--md-sys-shape-corner-full)}.v-skeleton-loader__button--full{width:100%}.v-skeleton-loader--profile-card{height:100%;min-height:inherit;gap:0}.v-skeleton-loader__profile-cover{height:188px;background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-primary) 18%,transparent),transparent),var(--skeleton-base)}.v-skeleton-loader__profile-body{display:flex;align-items:flex-end;gap:18px;padding:0 24px 24px}.v-skeleton-loader__avatar{width:116px;height:116px;display:block;flex:0 0 auto;margin-top:-44px;border:4px solid var(--vysteria-app-background);border-radius:var(--md-sys-shape-corner-full);box-shadow:none;z-index:1}.v-skeleton-loader__profile-content{min-width:0;flex:1;display:grid;gap:14px;padding-top:18px}.v-skeleton-loader__profile-content .v-skeleton-loader__line{height:30px}.v-skeleton-loader__profile-footer{display:grid;gap:12px;margin-top:auto;padding:0 24px 24px}.v-skeleton-loader--compact .v-skeleton-loader__profile-cover{height:130px}.v-skeleton-loader--compact .v-skeleton-loader__profile-body{align-items:flex-start;flex-direction:column;gap:10px}.v-skeleton-loader--compact .v-skeleton-loader__avatar{width:86px;height:86px;margin-top:-36px}.v-skeleton-loader--compact .v-skeleton-loader__profile-content{width:100%;padding-top:0}.v-skeleton-loader--room-list{gap:12px}.v-skeleton-loader__room-item{min-height:88px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;border:0;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--vysteria-app-background);box-shadow:var(--vysteria-surface-shadow-soft)}.v-skeleton-loader__room-avatar{width:52px;height:52px;display:block;flex:0 0 auto;border:3px solid var(--vysteria-app-background);border-radius:var(--md-sys-shape-corner-full);box-shadow:none}.v-skeleton-loader__room-content{min-width:0;flex:1;display:grid;gap:10px}.v-skeleton-loader__room-action{width:62px;height:28px;display:block;border-radius:var(--md-sys-shape-corner-full)}.v-skeleton-loader--messages{min-height:0;align-content:end;gap:4px;padding-right:4px}.v-skeleton-loader__message{width:100%;max-width:none;display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;justify-self:start;padding:8px 12px;border-radius:7px}.v-skeleton-loader__message-avatar{width:38px;height:38px;display:block;border:2px solid var(--vysteria-app-background);border-radius:var(--md-sys-shape-corner-full);box-shadow:var(--vysteria-surface-shadow-soft)}.v-skeleton-loader__message-body{min-width:0;display:grid;gap:8px;padding:1px 0 2px;border:0;border-radius:0;background:transparent;box-shadow:none}.v-skeleton-loader__message-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.v-skeleton-loader--channels{gap:6px}.v-skeleton-loader__channel{min-height:38px;display:flex;align-items:center;gap:10px;padding:0 10px;border-radius:var(--md-sys-shape-corner-large);background:transparent}.v-skeleton-loader__channel-icon{width:18px;height:18px;display:block;flex:0 0 auto;border-radius:var(--md-sys-shape-corner-medium)}.v-skeleton-loader--participants{gap:10px}.v-skeleton-loader__participant{min-width:0;display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:var(--md-sys-shape-corner-large)}.v-skeleton-loader__participant-avatar{width:34px;height:34px;display:block;flex:0 0 auto;border:2px solid var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-corner-full)}.v-skeleton-loader--compact.v-skeleton-loader--participants{justify-items:center;gap:9px}.v-skeleton-loader--compact .v-skeleton-loader__participant-avatar{width:32px;height:32px}.v-skeleton-loader--compact .v-skeleton-loader__participant .v-skeleton-loader__line{display:none}.v-skeleton-loader--room-cover{gap:0}.v-skeleton-loader__room-cover{position:relative;min-height:150px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-primary) 18%,transparent),transparent),var(--md-sys-color-primary-container);overflow:hidden}.v-skeleton-loader__cover-mark{width:64px;height:64px;display:block;border-radius:var(--md-sys-shape-corner-full)}.v-skeleton-loader__cover-title{position:absolute;left:16px;right:36px;bottom:17px;height:24px;border-radius:var(--md-sys-shape-corner-full)}@keyframes v-skeleton-loader-shimmer{0%{background-position:140% 0}to{background-position:-80% 0}}@media(prefers-reduced-motion:reduce){.v-skeleton-loader__block,.v-skeleton-loader__line{animation:none}}@media(max-width:640px){.v-skeleton-loader__profile-cover{height:150px}.v-skeleton-loader__profile-body{align-items:flex-start;flex-direction:column;gap:10px}.v-skeleton-loader__profile-content{width:100%;padding-top:0}.v-skeleton-loader__button{width:100%}.v-skeleton-loader__message{max-width:100%}}.v-switch{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer}.v-switch__content{min-width:0;display:grid;gap:3px}.v-switch__label{color:var(--md-sys-color-on-surface);font-size:14px;font-weight:var(--vysteria-font-weight-ui);line-height:20px}.v-switch__description{color:var(--md-sys-color-on-surface-variant);font-size:12px;line-height:16px}.v-switch__input{position:absolute;opacity:0;pointer-events:none}.v-switch__track{position:relative;width:44px;height:24px;display:block;flex:0 0 auto;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container-highest);box-shadow:inset 0 0 0 var(--vysteria-sketch-line-thin) var(--vysteria-sketch-line-muted);transition:background-color .18s var(--md-sys-motion-standard),box-shadow .18s var(--md-sys-motion-standard)}.v-switch__thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;display:block;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-on-surface-variant);transition:background-color .18s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.v-switch__input:checked+.v-switch__track{background:color-mix(in srgb,var(--md-sys-color-primary) 54%,var(--md-sys-color-surface-container-highest));box-shadow:inset 0 0 0 var(--vysteria-sketch-line-thin) var(--md-sys-color-primary)}.v-switch__input:checked+.v-switch__track .v-switch__thumb{background:var(--md-sys-color-on-primary);transform:translate(20px)}.v-switch:focus-within .v-switch__track{box-shadow:inset 0 0 0 var(--vysteria-sketch-line-thin) var(--md-sys-color-primary),0 0 0 3px color-mix(in srgb,var(--md-sys-color-primary) 18%,transparent)}.v-switch--disabled{cursor:not-allowed;opacity:.56}.v-tag-input{display:grid;gap:7px}.v-tag-input__label,.v-tag-input__hint{color:var(--md-sys-color-on-surface-variant);font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px}.v-tag-input__surface{min-height:48px;display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:8px 10px;border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-highest);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-outline-variant) 70%,transparent)}.v-tag-input__surface:focus-within{box-shadow:inset 0 0 0 2px var(--md-sys-color-primary),0 1px 3px #00000029}.v-tag-input__surface--disabled{opacity:.62}.v-tag-input__chip{min-width:0;min-height:28px;display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:7px;background:color-mix(in srgb,var(--md-sys-color-primary-container) 62%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-primary);font-size:12px;font-weight:var(--vysteria-font-weight-ui);line-height:16px}.v-tag-input__chip span{min-width:0;overflow-wrap:anywhere}.v-tag-input__chip button{width:18px;height:18px;display:grid;place-items:center;padding:0;border:0;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:inherit;cursor:pointer;font:inherit;font-size:16px;line-height:18px}.v-tag-input__chip button:hover:not(:disabled),.v-tag-input__chip button:focus-visible{background:color-mix(in srgb,currentColor 12%,transparent);outline:0}.v-tag-input__chip button:disabled{cursor:not-allowed}.v-tag-input__control{min-width:140px;flex:1 1 160px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;color:var(--md-sys-color-on-surface);font:inherit;font-size:14px;line-height:20px}.v-tag-input__control:focus,.v-tag-input__control:focus-visible{outline:0;box-shadow:none}.v-tag-input__control::placeholder{color:color-mix(in srgb,var(--md-sys-color-on-surface-variant) 72%,transparent)}.v-tag-input__hint--error{color:var(--md-sys-color-error)}.v-textarea-field{position:relative;display:grid;gap:8px}.v-textarea-field__label{color:var(--md-sys-color-on-surface-variant);font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px}.v-textarea-field__label--hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.v-textarea-field__control{width:100%;min-height:44px;padding:10px 16px;border:0;border-radius:var(--md-sys-shape-corner-large);outline:none;resize:none;overflow-y:hidden;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);font:inherit;font-size:15px;font-weight:620;line-height:22px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-outline-variant) 70%,transparent);transition:background-color .18s var(--md-sys-motion-standard),box-shadow .18s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.v-textarea-field__control::placeholder{color:color-mix(in srgb,var(--md-sys-color-on-surface-variant) 72%,transparent)}.v-textarea-field__control:focus{background:var(--md-sys-color-surface-container-highest);box-shadow:inset 0 0 0 2px var(--md-sys-color-primary),0 1px 3px #00000029;transform:none}.v-textarea-field__control:disabled{opacity:.58;resize:none;box-shadow:none}.v-textarea-field__error{position:absolute;left:0;right:0;bottom:-18px;color:var(--md-sys-color-error);font-size:12px;font-weight:720;line-height:16px}.v-text-field{position:relative;display:grid;gap:8px}.v-text-field__label{color:var(--md-sys-color-on-surface-variant);font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px}.v-text-field__label--hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.v-text-field__control{width:100%;height:54px;padding:0 16px;border:0;border-radius:var(--md-sys-shape-corner-large);outline:none;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);font-size:15px;font-weight:650;line-height:22px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-outline-variant) 70%,transparent);transition:background-color .18s var(--md-sys-motion-standard),box-shadow .18s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.v-text-field__control::placeholder{color:color-mix(in srgb,var(--md-sys-color-on-surface-variant) 72%,transparent)}.v-text-field__control:focus{background:var(--md-sys-color-surface-container-highest);box-shadow:inset 0 0 0 2px var(--md-sys-color-primary),0 1px 3px #00000029;transform:none}.v-text-field__control:disabled{opacity:.58;box-shadow:none}.v-text-field__error{position:absolute;left:0;right:0;bottom:-18px;color:var(--md-sys-color-error);font-size:12px;font-weight:720;line-height:16px}.markdown-renderer{min-width:0;display:grid;gap:8px;color:var(--md-sys-color-on-surface);font-size:15px;line-height:22px;overflow-wrap:anywhere}.markdown-renderer__paragraph,.markdown-renderer__heading,.markdown-renderer__quote,.markdown-renderer__list,.markdown-renderer__table-wrap,.markdown-renderer__code-block{min-width:0;margin:0}.markdown-renderer__paragraph,.markdown-renderer__quote,.markdown-renderer__list li{white-space:pre-wrap}.markdown-renderer__heading{color:var(--md-sys-color-on-surface);font-weight:var(--vysteria-font-weight-ui);letter-spacing:0}.markdown-renderer__heading:is(h1){font-size:18px;line-height:25px}.markdown-renderer__heading:is(h2){font-size:16px;line-height:23px}.markdown-renderer__heading:is(h3){font-size:15px;line-height:22px}.markdown-renderer__quote{padding-left:10px;border-left:var(--vysteria-sketch-line-thin) solid var(--md-sys-color-primary);color:var(--md-sys-color-on-surface-variant)}.markdown-renderer__list{display:grid;gap:4px;padding-left:22px}.markdown-renderer__list--nested{margin-top:4px}.markdown-renderer__list-item-content{display:inline-flex;align-items:baseline;gap:7px}.markdown-renderer__task-checkbox{flex:0 0 auto;width:14px;height:14px;accent-color:var(--md-sys-color-primary);transform:translateY(2px)}.markdown-renderer__table-wrap{max-width:100%;overflow-x:auto}.markdown-renderer__table{width:max-content;min-width:100%;border-collapse:collapse;color:var(--md-sys-color-on-surface);font-size:14px;line-height:20px}.markdown-renderer__table th,.markdown-renderer__table td{min-width:96px;padding:7px 10px;border-bottom:var(--vysteria-sketch-line-thin) solid var(--vysteria-sketch-line-muted);text-align:left;vertical-align:top;white-space:pre-wrap}.markdown-renderer__table th{color:var(--md-sys-color-primary);font-weight:var(--vysteria-font-weight-ui);background:color-mix(in srgb,var(--md-sys-color-primary-container) 28%,transparent)}.markdown-renderer__table tbody tr:last-child td{border-bottom:0}.markdown-renderer__table-cell--center{text-align:center}.markdown-renderer__table-cell--right{text-align:right}.markdown-renderer__code-block{display:grid;gap:0;border-radius:7px;background:color-mix(in srgb,var(--md-sys-color-surface) 72%,var(--md-sys-color-surface-container-highest));overflow:hidden}.markdown-renderer__code-language{padding:6px 10px 0;color:var(--md-sys-color-primary);font-size:11px;font-weight:var(--vysteria-font-weight-ui);line-height:16px}.markdown-renderer__code-block pre{min-width:0;margin:0;padding:9px 10px 10px;overflow-x:auto}.markdown-renderer__code-block code,.markdown-renderer__inline-code{font-family:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px}.markdown-renderer__code-block code{display:block;color:var(--md-sys-color-on-surface);line-height:19px;overflow-wrap:normal;white-space:pre}.markdown-renderer__inline-code{padding:1px 5px;border-radius:5px;background:color-mix(in srgb,var(--md-sys-color-surface) 54%,var(--md-sys-color-surface-container-highest));color:var(--md-sys-color-primary)}.markdown-renderer a{color:var(--md-sys-color-primary);font-weight:var(--vysteria-font-weight-ui);text-decoration:none}.markdown-renderer a:hover,.markdown-renderer a:focus-visible{color:var(--md-sys-color-on-primary-container);text-decoration:underline;outline:0}