: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: 5px 5px 0 var(--vysteria-sketch-shadow-color);--vysteria-sketch-shadow-soft: 3px 3px 0 var(--vysteria-sketch-shadow-color-soft);--vysteria-sketch-shadow-active: 1px 1px 0 var(--vysteria-sketch-shadow-color);--vysteria-sketch-focus: 0 0 0 3px color-mix(in srgb, var(--md-sys-color-primary) 30%, transparent);--vysteria-font-weight-body: 560;--vysteria-font-weight-ui: 780;--vysteria-font-weight-display: 860;--vysteria-app-background: repeating-linear-gradient( -8deg, transparent 0 18px, color-mix(in srgb, var(--md-sys-color-primary) 3%, transparent) 18px 22px ), 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)}@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-app-background: repeating-linear-gradient( -8deg, transparent 0 18px, color-mix(in srgb, var(--md-sys-color-primary) 5%, transparent) 18px 22px ), 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-app-background: repeating-linear-gradient( -8deg, transparent 0 18px, color-mix(in srgb, var(--md-sys-color-primary) 5%, transparent) 18px 22px ), 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}html{min-width:320px;min-height:100%;background:var(--vysteria-app-background);font-family:var(--md-sys-typescale-font);text-rendering:optimizeLegibility;letter-spacing:0}body{min-width:320px;min-height:100vh;margin:0;background:var(--vysteria-app-background);color:var(--md-sys-color-on-surface);font-weight:var(--vysteria-font-weight-body)}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:100vh}.auth-layout{min-height:100vh;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;filter:drop-shadow(6px 6px 0 color-mix(in srgb,var(--md-sys-color-primary-container) 36%,transparent))}.auth-layout__panel{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px;background:var(--md-sys-color-surface-container-low)}@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:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-color);border-radius:var(--vysteria-sketch-radius-large);background:var(--md-sys-color-surface-container);box-shadow:var(--vysteria-sketch-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:var(--vysteria-sketch-line-thin) solid var(--md-sys-color-error);border-radius:var(--vysteria-sketch-radius-small);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(--vysteria-sketch-radius-small);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:100vh;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:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-color);border-radius:var(--vysteria-sketch-radius-large);background:var(--md-sys-color-surface-container);box-shadow:var(--vysteria-sketch-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;text-shadow:4px 4px 0 color-mix(in srgb,var(--md-sys-color-primary-container) 52%,transparent)}.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:100vh;min-height:0;display:flex;align-items:stretch;justify-content:flex-start;gap:24px;padding:32px;background:var(--vysteria-app-background);overflow:hidden}.home-workspace{min-width:0;min-height:0;flex:1;display:grid;grid-template-rows:auto minmax(0,1fr);align-self:stretch;gap:18px}.home-overview{width:100%;display:grid;grid-template-columns:repeat(4,minmax(136px,1fr));align-self:flex-start;gap:12px}.home-overview__block{min-height:124px;display:grid;place-items:center;align-content:center;gap:12px;padding:18px;border:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-muted);border-radius:var(--vysteria-sketch-radius);background:var(--md-sys-color-surface-container);cursor:pointer;font:inherit;box-shadow:var(--vysteria-sketch-shadow-soft);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)}.home-overview__block:hover,.home-overview__block--active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-surface-container-high);box-shadow:var(--vysteria-sketch-shadow);transform:translate(-2px,-2px)}.home-overview__icon{width:36px;height:36px;display:block;object-fit:contain}.home-overview__title{margin:0}.home-overview__title{color:var(--md-sys-color-on-surface);font-size:20px;font-weight:var(--vysteria-font-weight-display);line-height:28px}.rooms-panel,.friends-panel,.chats-panel,.events-panel{min-height:0;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:18px;padding:22px;border:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-color);border-radius:var(--vysteria-sketch-radius-large);background:var(--md-sys-color-surface-container);box-shadow:var(--vysteria-sketch-shadow);overflow:hidden}.friends-panel{grid-template-rows:auto auto 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{display:flex;align-items:center;justify-content:space-between;gap:16px}.rooms-panel__eyebrow,.rooms-panel__title,.rooms-panel__state,.rooms-panel__error,.friends-panel__eyebrow,.friends-panel__title,.friends-panel__state,.friends-panel__message,.friends-panel__error,.chats-panel__eyebrow,.chats-panel__title,.chats-panel__state,.chats-panel__error,.events-panel__eyebrow,.events-panel__title,.events-panel__state,.events-panel__error,.friend-requests__title{margin:0}.rooms-panel__eyebrow,.friends-panel__eyebrow,.chats-panel__eyebrow,.events-panel__eyebrow{color:var(--md-sys-color-primary);font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px;text-transform:uppercase}.rooms-panel__title,.friends-panel__title,.chats-panel__title,.events-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}.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__message{position:absolute;left:0;right:0;bottom:-20px;color:var(--md-sys-color-primary);font-size:13px;font-weight:var(--vysteria-font-weight-ui);line-height:18px}.friends-add{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:start;gap:12px}.friends-add__field{position:relative;display:grid}.friends-add>.v-button{margin-top:26px}.friends-panel__content{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);align-content:start;gap:14px;overflow:hidden}.friends-panel__content--requests{grid-template-rows:minmax(0,1fr)}.chats-panel{grid-template-rows:auto minmax(0,1fr)}.chats-list-view{min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);align-content:start;gap:14px;overflow:hidden}.chat-list__item{width:100%;min-height:78px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px;border:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-muted);border-radius:var(--vysteria-sketch-radius);background:var(--md-sys-color-surface-container-high);color:inherit;box-shadow:var(--vysteria-sketch-shadow-soft);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)}.chat-list__open{min-width:0;min-height:50px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;text-align:left}.chat-list__item:hover,.chat-list__item--active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-surface-container-highest);box-shadow:var(--vysteria-sketch-shadow);transform:translate(-2px,-2px)}.chat-list__delete,.chat-detail__delete{color:var(--md-sys-color-error);border-color:color-mix(in srgb,var(--md-sys-color-error) 62%,var(--vysteria-sketch-ink));background:color-mix(in srgb,var(--md-sys-color-error) 8%,transparent)}.chat-list__avatar{position:relative;width:52px;height:52px;display:grid;place-items:center;border:var(--vysteria-sketch-line) solid var(--vysteria-sketch-ink);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-sketch-shadow-active)}.chat-list__avatar img{width:100%;height:100%;display:block;border-radius:inherit;object-fit:cover}.chat-list__avatar:after{content:"";position:absolute;right:1px;bottom:1px;width:11px;height:11px;border:var(--vysteria-sketch-line-thin) solid var(--vysteria-sketch-ink);border-radius:var(--md-sys-shape-corner-full)}.chat-list__avatar--online:after{background:#31d076}.chat-list__avatar--offline:after{background:color-mix(in srgb,var(--md-sys-color-outline) 76%,var(--md-sys-color-surface-container-highest))}.chat-list__content{min-width:0;display:grid;gap:3px}.chat-list__name{color:var(--md-sys-color-on-surface);font-size:16px;font-weight:var(--vysteria-font-weight-ui);line-height:23px;overflow-wrap:anywhere}.chat-list__login{color:var(--md-sys-color-on-surface-variant);font-size:13px;line-height:18px;overflow-wrap:anywhere}.chat-detail{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;overflow:hidden}.chat-detail__header{display:flex;align-items:center;justify-content:flex-start;gap:14px;min-height:48px;padding:4px}.chat-detail__title-group{min-width:0}.chat-detail__delete{margin-left:auto}.chat-detail__title,.chat-detail__subtitle,.chat-detail__placeholder{margin:0}.chat-detail__title{color:var(--md-sys-color-on-surface);font-size:20px;font-weight:var(--vysteria-font-weight-display);line-height:28px}.chat-detail__subtitle,.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}.room-list,.friends-list,.friend-requests,.chat-list,.events-list{min-height:0;display:grid;align-content:start;gap:14px;padding:4px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.friend-requests{gap:22px}.friend-requests__group{display:grid;align-content:start;gap:12px}.friend-requests__title{color:var(--md-sys-color-on-surface);font-size:18px;font-weight:var(--vysteria-font-weight-display);line-height:26px}.friends-list__load-more,.events-list__load-more{width:100%}.room-list__item{width:100%;display:flex;align-items:center;gap:18px;min-height:104px;padding:18px;border:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-muted);border-radius:var(--vysteria-sketch-radius);background:var(--md-sys-color-surface-container-high);color:inherit;cursor:pointer;font:inherit;text-align:left;box-shadow:var(--vysteria-sketch-shadow-soft);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)}.friend-item{width:100%;min-height:86px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px;border:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-muted);border-radius:var(--vysteria-sketch-radius);background:var(--md-sys-color-surface-container-high);cursor:pointer;box-shadow:var(--vysteria-sketch-shadow-soft);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)}.friend-item:hover,.friend-item:focus-visible{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-surface-container-highest);box-shadow:var(--vysteria-sketch-shadow);outline:none;transform:translate(-2px,-2px)}.friend-item__avatar{position:relative;width:58px;height:58px;display:grid;place-items:center;border:var(--vysteria-sketch-line) solid var(--vysteria-sketch-ink);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:var(--vysteria-sketch-shadow-active)}.friend-item__avatar img{width:100%;height:100%;display:block;border-radius:inherit;object-fit:cover}.friend-item__avatar:after{content:"";position:absolute;right:1px;bottom:1px;width:12px;height:12px;border:var(--vysteria-sketch-line-thin) solid var(--vysteria-sketch-ink);border-radius:var(--md-sys-shape-corner-full)}.friend-item__avatar--online:after{background:#31d076}.friend-item__avatar--offline:after{background:color-mix(in srgb,var(--md-sys-color-outline) 76%,var(--md-sys-color-surface-container-highest))}.friend-item__content{min-width:0;display:grid;gap:3px}.friend-item__name{color:var(--md-sys-color-on-surface);font-size:17px;font-weight:var(--vysteria-font-weight-ui);line-height:24px;overflow-wrap:anywhere}.friend-item__login{color:var(--md-sys-color-on-surface-variant);font-size:14px;line-height:20px;overflow-wrap:anywhere}.friend-item__actions{display:flex;align-items:center;gap:12px}.event-item{width:100%;min-height:88px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px;border:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-muted);border-radius:var(--vysteria-sketch-radius);background:var(--md-sys-color-surface-container-high);box-shadow:var(--vysteria-sketch-shadow-soft)}.event-item__avatar{width:58px;height:58px;display:grid;place-items:center;border:var(--vysteria-sketch-line) solid var(--vysteria-sketch-ink);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:var(--vysteria-sketch-shadow-active);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__actions{display:flex;align-items:center;gap:10px}.room-list__item:hover{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-surface-container-highest);box-shadow:var(--vysteria-sketch-shadow);transform:translate(-2px,-2px)}.room-list__avatar{width:76px;height:76px;display:grid;place-items:center;flex:0 0 auto;border:var(--vysteria-sketch-line) solid var(--vysteria-sketch-ink);border-radius:var(--vysteria-sketch-radius-small);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-size:28px;font-weight:var(--vysteria-font-weight-display);box-shadow:var(--vysteria-sketch-shadow-active);overflow:hidden}.room-list__avatar img{width:100%;height:100%;display:block;object-fit:cover}.room-list__content{min-width:0;display:grid;gap:4px}.room-list__name{color:var(--md-sys-color-on-surface);font-size:18px;font-weight:var(--vysteria-font-weight-ui);line-height:26px;overflow-wrap:anywhere}.room-list__description{color:var(--md-sys-color-on-surface-variant);font-size:15px;line-height:22px;overflow-wrap:anywhere}.room-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:color-mix(in srgb,var(--md-sys-color-surface) 72%,transparent)}.room-modal__surface{width:min(100%,460px);display:grid;gap:18px;padding:22px;border:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-color);border-radius:var(--vysteria-sketch-radius-large);background:var(--md-sys-color-surface-container-high);box-shadow:var(--vysteria-sketch-shadow)}.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:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface)}.room-modal__actions{justify-content:flex-end}@media(max-width:980px){.home-view{align-items:stretch;flex-direction:column;justify-content:flex-start}.home-overview,.home-workspace{width:100%}}@media(max-width:640px){.home-view{padding:16px}.home-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.home-overview__block{min-height:112px}.rooms-panel__header,.friends-panel__header,.chats-panel__header,.events-panel__header,.friends-add,.room-modal__actions{align-items:stretch;flex-direction:column}.friends-add{display:flex}.rooms-panel__header .v-button,.friends-add .v-button,.room-modal__actions .v-button{width:100%}.friends-add>.v-button{margin-top:0}.friend-item,.event-item{grid-template-columns:auto minmax(0,1fr)}.friend-item>.v-button,.friend-item__actions,.event-item__actions{grid-column:1/-1;width:100%}.friend-item__actions,.event-item__actions{align-items:stretch;flex-direction:column}.friend-item__actions .v-button,.event-item__actions .v-button{width:100%}}.profile-page{height:100vh;min-height:0;display:grid;grid-template-columns:minmax(300px,430px) minmax(0,760px);align-items:start;justify-content:center;gap:24px;padding:32px;background:var(--vysteria-app-background);overflow:hidden}.profile-page__profile,.settings-shell{min-width:0}.profile-page__profile .v-profile-card{width:100%}.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;align-self:start;gap:18px}.settings-shell--page{width:100%;max-height:calc(100vh - 64px);padding-right:4px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.settings-group{display:grid;gap:18px;padding:22px;border:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-color);border-radius:var(--vysteria-sketch-radius-large);background:var(--md-sys-color-surface-container);box-shadow:var(--vysteria-sketch-shadow);overflow:hidden}form.settings-group{border:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-color)}.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:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-color)}.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:1fr;grid-template-rows:auto minmax(0,1fr);align-items:stretch}.profile-page__profile .v-profile-card{min-height:auto;position:static}.settings-shell--page{max-height:none;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:8px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);cursor:pointer;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))}.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:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-muted);background:var(--md-sys-color-surface-container)}@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:30;display:grid;place-items:center;padding:24px;background:color-mix(in srgb,var(--md-sys-color-surface) 72%,transparent)}.room-invite-panel__surface{width:min(100%,720px);max-height:min(760px,100vh - 48px);min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:18px;padding:22px;border:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-color);border-radius:var(--vysteria-sketch-radius-large);background:var(--md-sys-color-surface-container-high);box-shadow:var(--vysteria-sketch-shadow);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 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:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-muted);border-radius:var(--vysteria-sketch-radius);background:var(--md-sys-color-surface-container);box-shadow:var(--vysteria-sketch-shadow-soft)}.room-invite-friend__avatar{position:relative;width:54px;height:54px;display:grid;place-items:center;border:var(--vysteria-sketch-line) solid var(--vysteria-sketch-ink);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-sketch-shadow-active)}.room-invite-friend__avatar img{width:100%;height:100%;display:block;border-radius:inherit;object-fit:cover}.room-invite-friend__avatar:after{content:"";position:absolute;right:1px;bottom:1px;width:11px;height:11px;border:var(--vysteria-sketch-line-thin) solid var(--vysteria-sketch-ink);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(100vh - 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:color-mix(in srgb,var(--vysteria-app-background) 92%,transparent)}.room-settings__shell{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);border:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-color);border-radius:var(--vysteria-sketch-radius-large);background:var(--md-sys-color-surface-container);box-shadow:var(--vysteria-sketch-shadow);overflow:hidden}.room-settings__header{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;border-bottom:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-muted)}.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:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-muted);overflow:auto}.room-settings__nav-item{min-height:38px;padding:0 12px;border:0;border-radius:7px;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;background:transparent;cursor:pointer;transition:opacity .18s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.room-settings__close:hover{opacity:.78;transform:translateY(-1px)}.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:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-color);border-radius:16px;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);border-color:color-mix(in srgb,var(--md-sys-color-error) 62%,var(--vysteria-sketch-ink));background:color-mix(in srgb,var(--md-sys-color-error) 8%,transparent)}.room-settings__role-toolbar{justify-content:space-between;min-width:0}.room-settings__role-create{min-height:36px;padding:0 14px;border-color:var(--vysteria-sketch-line-color);box-shadow:var(--vysteria-sketch-shadow-soft);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;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{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:var(--vysteria-sketch-line-thin) solid color-mix(in srgb,var(--md-sys-color-primary) 28%,var(--vysteria-sketch-line-muted));border-radius:8px;background:var(--md-sys-color-surface-container-high);box-shadow:var(--vysteria-sketch-shadow-active)}.room-settings__member-role-menu button{width:100%;min-height:34px;padding:0 11px;border:0;border-radius:6px;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:translate(1px)}.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(--md-sys-color-surface-container-high);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:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-muted);background:var(--md-sys-color-surface-container)}.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(--md-sys-color-surface-container-high)}.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:100vh;display:grid;grid-template-columns:430px minmax(0,1fr);gap:16px;padding:32px;background:var(--vysteria-app-background)}.room-profile,.room-shell,.room-nav,.room-main,.participants-panel{min-width:0}.room-profile .v-profile-card{width:100%}.room-shell{height:calc(100vh - 64px);min-height:0;display:grid;grid-template-columns:280px minmax(360px,1fr) 240px;border:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-color);border-radius:var(--vysteria-sketch-radius-large);background:var(--md-sys-color-surface-container);box-shadow:var(--vysteria-sketch-shadow);overflow:hidden;transition:grid-template-columns .24s var(--md-sys-motion-standard)}.room-shell--participants-collapsed{grid-template-columns:280px minmax(360px,1fr) 56px}.room-nav{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);border-right:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-muted)}.room-nav__header{display:block;border-bottom:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-muted)}.room-nav__cover{position:relative;min-height:150px;display:grid;place-items:center;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)}.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__title,.room-main__placeholder h3,.room-main__placeholder p,.participants-panel__title,.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;background:transparent;cursor:pointer;transition:opacity .18s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.room-nav__settings-toggle:hover{opacity:.8;transform:translateY(-1px)}.room-nav__settings-toggle 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:var(--vysteria-sketch-line-thin) solid color-mix(in srgb,var(--md-sys-color-primary) 28%,var(--vysteria-sketch-line-muted));border-radius:8px;background:var(--md-sys-color-surface-container-high);box-shadow:var(--vysteria-sketch-shadow-active)}.room-nav__menu button{width:100%;min-height:34px;padding:0 11px;border:0;border-radius:6px;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: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-height:0;display:grid;align-content:start;overflow-y:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--md-sys-color-primary) 36%,transparent) transparent}.channel-group{display:grid;gap:8px;padding:16px}.channel-group__header{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:0;border:0;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{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;text-transform:uppercase}.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;background:transparent;cursor:pointer}.channel-group__add img{width:16px;height:16px;display:block}.channel-group__add:hover{opacity:.8}.channel-group__state{color:var(--md-sys-color-on-surface-variant);font-size:13px;line-height:18px}.channel-row{position:relative;min-width:0;display:flex;align-items:center}.channel-item{width:100%;min-width:0;min-height:40px;padding:0 42px 0 12px;display:flex;align-items:center;gap:10px;border:var(--vysteria-sketch-line-thin) solid transparent;border-radius:var(--vysteria-sketch-radius-small);background:transparent;color:var(--md-sys-color-on-surface);cursor:pointer;font:inherit;font-size:16px;font-weight:740;line-height:24px;text-align:left;transition:background-color .18s var(--md-sys-motion-standard),border-color .18s var(--md-sys-motion-standard),color .18s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.channel-item>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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;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-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{opacity:1;outline:0}.channel-item__settings img{width:18px;height:18px;display:block}.channel-item:hover{border-color:var(--vysteria-sketch-line-muted);background:var(--md-sys-color-surface-container-high);transform:translate(2px)}.channel-item--active,.channel-item--active:hover{border-color:var(--md-sys-color-primary);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);box-shadow:var(--vysteria-sketch-shadow-active)}.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:var(--vysteria-sketch-line-thin) solid var(--vysteria-sketch-line-muted);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;border-right:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-muted)}.room-main--voice-idle{--voice-idle-wave-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 900' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='7' stroke-linecap='round'%3E%3Cpath d='M-170 78 C100 -58 330 200 558 142 C690 108 692 20 842 28 C1030 38 1128 166 1608 58'/%3E%3Cpath d='M-170 160 C96 18 326 274 570 224 C704 196 708 88 850 104 C1038 126 1134 242 1608 142'/%3E%3Cpath d='M-170 242 C112 108 344 358 594 306 C724 278 734 174 878 190 C1058 210 1160 326 1608 226'/%3E%3Cpath d='M-170 324 C132 208 372 438 628 388 C754 364 780 260 920 278 C1090 306 1198 412 1608 314'/%3E%3Cpath d='M-170 408 C156 322 426 512 684 466 C802 446 850 342 980 366 C1138 396 1254 492 1608 402'/%3E%3Cpath d='M-170 492 C190 442 492 572 754 526 C866 506 934 418 1054 448 C1204 486 1306 560 1608 494'/%3E%3Cpath d='M-170 576 C214 554 552 630 826 582 C940 562 1008 506 1132 538 C1272 574 1362 642 1608 588'/%3E%3Cpath d='M-170 658 C206 684 548 690 846 636 C982 612 1038 592 1174 626 C1308 658 1394 724 1608 678'/%3E%3Cpath d='M-170 740 C182 810 514 740 828 694 C998 668 1062 694 1214 730 C1350 762 1424 814 1608 770'/%3E%3Cpath d='M-170 822 C142 942 474 800 780 750 C982 718 1086 782 1250 818 C1390 850 1456 902 1608 862'/%3E%3C/g%3E%3C/svg%3E");position:relative;background:var(--md-sys-color-surface);overflow:hidden}.room-main--voice-idle:before,.room-main--voice-idle:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.room-main--voice-idle:before{background:radial-gradient(62% 28% at 50% 50%,color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent),transparent 72%),var(--md-sys-color-surface);animation:voice-idle-glow 9s ease-in-out infinite}.room-main--voice-idle:after{top:-18%;right:-18%;bottom:-18%;left:-18%;background:linear-gradient(110deg,color-mix(in srgb,var(--md-sys-color-primary) 4%,transparent),color-mix(in srgb,var(--md-sys-color-primary) 9%,transparent) 48%,color-mix(in srgb,var(--md-sys-color-primary) 5%,transparent));mask-image:var(--voice-idle-wave-mask),var(--voice-idle-wave-mask);mask-position:50% 50%,50% 50%;mask-repeat:no-repeat;mask-size:118% 114%,138% 128%;-webkit-mask-image:var(--voice-idle-wave-mask),var(--voice-idle-wave-mask);-webkit-mask-position:50% 50%,50% 50%;-webkit-mask-repeat:no-repeat;-webkit-mask-size:118% 114%,138% 128%;animation:voice-idle-lines 9.5s ease-in-out infinite;opacity:.96;transform-origin:center;will-change:transform,mask-position,mask-size,-webkit-mask-position,-webkit-mask-size}.room-main--voice-idle>*{position:relative;z-index:1}.room-main__header{padding:18px 22px 14px}.room-main__title-skeleton .v-skeleton-loader__line{width:min(260px,70%);height:24px}.room-main__title{color:var(--md-sys-color-on-surface);font-size:22px;font-weight:var(--vysteria-font-weight-display);line-height:30px}.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{min-height:0;display:block;place-content:initial;border:0;color:var(--md-sys-color-on-surface);text-align:left;overflow:auto}.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{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:100vh;box-sizing:border-box;padding:24px;background:#08090d}.voice-connect-button{min-width:180px;min-height:58px;padding:0 28px;border:var(--vysteria-sketch-line) solid var(--vysteria-sketch-ink);border-radius:var(--vysteria-sketch-radius-small);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);cursor:pointer;font:inherit;font-size:18px;font-weight:var(--vysteria-font-weight-display);line-height:24px;text-align:center;box-shadow:var(--vysteria-sketch-shadow);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{opacity:.86;transform:translate(-2px,-2px)}.voice-connect-button:active{box-shadow:var(--vysteria-sketch-shadow-active);transform:translate(1px,1px)}.voice-screen{position:relative;min-width:0;min-height:0;display:grid;border:var(--vysteria-sketch-line) solid color-mix(in srgb,var(--md-sys-color-primary-container) 46%,var(--md-sys-color-outline-variant));border-radius:var(--vysteria-sketch-radius);background:#08090d;box-shadow:var(--vysteria-sketch-shadow-soft);overflow:hidden}.voice-screen--pending{place-items:center}.voice-screen__video{width:100%;height:100%;min-height:320px;display:block;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:92px}.voice-call-stack{min-width:0;min-height:0;display:flex;flex-direction:column;gap:16px}.voice-screen-collapsed{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:var(--vysteria-sketch-radius-small);background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 86%,#6d6f78);box-shadow:var(--vysteria-sketch-shadow-soft)}.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:8px;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;min-width:0;width:100%;min-height:190px;display:grid;place-items:center;align-content:center;gap:8px;padding:28px 24px;overflow:hidden;border:var(--vysteria-sketch-line) solid color-mix(in srgb,var(--md-sys-color-primary-container) 50%,var(--md-sys-color-outline-variant));border-radius:var(--vysteria-sketch-radius);background:var(--md-sys-color-surface-container-high);background-clip:padding-box;background-position:center;background-size:cover;box-shadow:var(--vysteria-sketch-shadow-soft)}.voice-participant-card__avatar{width:78px;height:78px;display:grid;place-items:center;padding:0;border:var(--vysteria-sketch-line) solid var(--vysteria-sketch-ink);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:var(--vysteria-sketch-shadow-active);overflow:hidden}.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__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}.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:0 14px 34px #00000052;transform:translate(-50%)}.voice-controls__button{width:64px;height:58px;display:grid;place-items:center;border:var(--vysteria-sketch-line-thin) solid var(--vysteria-sketch-line-color);border-radius:var(--vysteria-sketch-radius-small);background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 82%,var(--md-sys-color-primary-container));cursor:pointer;box-shadow:var(--vysteria-sketch-shadow-active);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-surface-container-highest) 68%,var(--md-sys-color-primary-container));opacity:1;box-shadow:var(--vysteria-sketch-shadow-soft);transform:translate(-1px,-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) drop-shadow(0 0 .4px currentColor)}.voice-controls__button--danger{background:color-mix(in srgb,#ff5d6d 18%,var(--md-sys-color-surface-container-highest))}.voice-controls__button--danger:hover{background:color-mix(in srgb,#ff5d6d 28%,var(--md-sys-color-surface-container-highest))}.voice-controls__button--active{background:color-mix(in srgb,var(--md-sys-color-primary) 28%,var(--md-sys-color-surface-container-highest))}.voice-controls__button--active:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 36%,var(--md-sys-color-surface-container-highest))}.voice-controls__button--danger img{filter:brightness(0) saturate(100%) invert(31%) sepia(94%) saturate(2179%) hue-rotate(340deg) brightness(107%) contrast(110%) drop-shadow(0 0 .45px rgba(255,93,109,.75))}.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--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:fixed;z-index:20;width:min(280px,100vw - 24px);box-sizing:border-box;display:grid;gap:16px;padding:16px;border:var(--vysteria-sketch-line-thin) solid color-mix(in srgb,var(--md-sys-color-primary) 34%,var(--vysteria-sketch-line-muted));border-radius:var(--vysteria-sketch-radius-small);background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 94%,#000);box-shadow:0 18px 42px #00000061}.voice-audio-menu__header{min-width:0;display:grid;gap:3px}.voice-audio-menu__title{min-width:0;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;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 .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{display:grid;grid-template-rows:auto minmax(0,1fr);align-content:start;gap:12px;padding:16px;overflow:hidden;transition:gap .24s var(--md-sys-motion-standard),padding .24s var(--md-sys-motion-standard)}.participants-panel--collapsed{gap:14px;padding:16px 8px}.participants-panel__header{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px}.participants-panel__title{min-width:0;max-width:180px;color:var(--md-sys-color-on-surface);font-size:18px;font-weight:var(--vysteria-font-weight-display);line-height:26px;overflow:hidden;white-space:nowrap;transition:max-width .22s var(--md-sys-motion-standard),opacity .18s var(--md-sys-motion-standard)}.participants-panel__toggle{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;border:0;background:transparent;cursor:pointer;transition:opacity .18s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.participants-panel__toggle:hover{opacity:.78;transform:translateY(-1px)}.participants-panel__toggle img{width:20px;height:20px;display:block}.participants-panel__content{min-width:0;max-height:100vh;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__title{max-width:0;opacity:0}.participants-panel--collapsed .participants-panel__content{max-height:calc(100vh - 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:10px}.participants-panel--collapsed .participants-list{justify-items:center;gap:9px}.participant-item{display:flex;align-items:center;gap:10px;min-width:0}.participants-panel--collapsed .participant-item{justify-content:center}.participant-item__avatar{position:relative;width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;padding:0;border:var(--vysteria-sketch-line-thin) solid var(--vysteria-sketch-line-muted);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-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:-1px;bottom:-1px;width:9px;height:9px;border:var(--vysteria-sketch-line-thin) solid var(--vysteria-sketch-ink);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-shell,.room-shell--participants-collapsed{grid-template-columns:minmax(260px,340px) minmax(360px,1fr)}.room-main{border-right:0}.participants-panel{grid-column:1/3;border-top:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-muted)}}@media(max-width:900px){.room-view,.room-shell{grid-template-columns:1fr}.room-shell{height:auto;min-height:calc(100vh - 64px)}.room-shell--participants-collapsed{grid-template-columns:1fr}.participants-panel{grid-column:auto}.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 exit-nudge{0%,to{transform:translate(0)}20%,58%{transform:translate(-6px)}38%,76%{transform:translate(0)}}@keyframes screen-rise{0%,to{transform:translateY(0)}32%{transform:translateY(-4px)}64%{transform:translateY(2px)}}@keyframes voice-idle-glow{0%,to{background-position:48% 48%,0 0}50%{background-position:54% 52%,0 0}}@keyframes voice-idle-lines{0%,to{mask-position:48% 48%,54% 52%;mask-size:118% 114%,138% 128%;-webkit-mask-position:48% 48%,54% 52%;-webkit-mask-size:118% 114%,138% 128%;opacity:.9;transform:translate3d(-18px,0,0) rotate(-4deg) skew(-1.2deg,-1.6deg) scale3d(1.04,1.01,1)}18%{mask-position:51% 45%,49% 56%;mask-size:124% 119%,132% 136%;-webkit-mask-position:51% 45%,49% 56%;-webkit-mask-size:124% 119%,132% 136%;opacity:.98;transform:translate3d(8px,-14px,0) rotate(2.6deg) skew(1.8deg,2.2deg) scale3d(1.02,1.07,1)}37%{mask-position:55% 51%,46% 48%;mask-size:121% 126%,142% 122%;-webkit-mask-position:55% 51%,46% 48%;-webkit-mask-size:121% 126%,142% 122%;opacity:.86;transform:translate3d(20px,-3px,0) rotate(5.2deg) skew(-2deg,1.4deg) scale3d(1.07,1.02,1)}58%{mask-position:52% 56%,58% 45%;mask-size:130% 116%,134% 132%;-webkit-mask-position:52% 56%,58% 45%;-webkit-mask-size:130% 116%,134% 132%;opacity:1;transform:translate3d(10px,16px,0) rotate(-2.8deg) skew(1.4deg,-2.1deg) scale3d(1.03,1.08,1)}78%{mask-position:45% 53%,52% 58%;mask-size:122% 121%,146% 126%;-webkit-mask-position:45% 53%,52% 58%;-webkit-mask-size:122% 121%,146% 126%;opacity:.92;transform:translate3d(-10px,11px,0) rotate(3.8deg) skew(-1.6deg,2deg) scale3d(1.08,1.03,1)}}@media(prefers-reduced-motion:reduce){.room-main--voice-idle:before,.room-main--voice-idle:after{animation:none}}@media(max-width:640px){.room-view{padding:16px}.voice-screen__video{min-height:240px}}.v-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 21px;border:var(--vysteria-sketch-line) solid var(--vysteria-sketch-ink);border-radius:var(--vysteria-sketch-radius-small);cursor:pointer;font-size:14px;font-weight:var(--vysteria-font-weight-ui);line-height:20px;box-shadow:var(--vysteria-sketch-shadow-soft);transition:background-color .18s var(--md-sys-motion-standard),border-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){transform:translate(-2px,-2px);box-shadow:var(--vysteria-sketch-shadow)}.v-button:active:not(:disabled){transform:translate(1px,1px);box-shadow:var(--vysteria-sketch-shadow-active)}.v-button:disabled{cursor:not-allowed;opacity:.58;box-shadow:none}.v-button--filled{border-color:var(--vysteria-sketch-ink);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-surface))}.v-button--tonal{border-color:var(--vysteria-sketch-line-color);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.v-button--text{border-color:color-mix(in srgb,var(--md-sys-color-primary) 68%,var(--vysteria-sketch-ink));background:color-mix(in srgb,var(--md-sys-color-primary) 8%,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) 14%,transparent);box-shadow:var(--vysteria-sketch-shadow-soft)}.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:var(--vysteria-sketch-line-thin) solid var(--vysteria-sketch-line-muted);border-radius:var(--vysteria-sketch-radius-small);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:var(--vysteria-sketch-shadow-active)}.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:var(--vysteria-sketch-shadow-soft);transform:translate(-1px,-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__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__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;background:transparent;cursor:pointer;transition:opacity .18s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.call-card__icon-button:hover{opacity:.78;transform:translateY(-1px)}.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) drop-shadow(0 0 .35px currentColor)}.call-card__icon-button--danger img{filter:brightness(0) saturate(100%) invert(31%) sepia(94%) saturate(2179%) hue-rotate(340deg) brightness(107%) contrast(110%) drop-shadow(0 0 .45px rgba(255,93,109,.75))}.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}.call-card__icon-button--return:hover img{animation:exit-nudge .56s ease-in-out}.v-chat{min-height:0;height:100%;display:grid}.v-chat__surface{min-height:0;height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:14px;padding:16px;border-top:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-muted);background:var(--md-sys-color-surface-container-low);overflow:hidden}.v-chat__messages-wrap{position:relative;min-height:0;display:grid}.v-chat__messages{min-height:0;max-height:100%;display:flex;flex-direction:column;gap:12px;padding:0 4px 0 0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.v-chat__load-more,.v-chat__scroll-latest{min-height:34px;padding:0 14px;border:var(--vysteria-sketch-line-thin) solid var(--vysteria-sketch-line-color);border-radius:var(--vysteria-sketch-radius-small);background:var(--md-sys-color-surface-container-high);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-sketch-shadow-active);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:translate(-1px,-1px)}.v-chat__load-more:disabled{cursor:not-allowed;opacity:.58}.v-chat__composer{position:relative;display:grid;gap:8px}.v-chat__undo{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border-radius:var(--vysteria-sketch-radius-small);background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-primary-container) 30%,transparent),color-mix(in srgb,var(--md-sys-color-surface-container-high) 88%,transparent)),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;box-shadow:var(--vysteria-sketch-shadow-active)}.v-chat__undo span{min-width:0;overflow-wrap:anywhere}.v-chat__undo button{flex:0 0 auto;padding:0;border:0;background:transparent;color:var(--md-sys-color-primary);cursor:pointer;font:inherit}.v-chat__undo button:hover:not(:disabled){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:var(--vysteria-sketch-line-thin) solid color-mix(in srgb,var(--md-sys-color-primary) 26%,var(--vysteria-sketch-line-muted));border-radius:8px;background:var(--md-sys-color-surface-container-high);box-shadow:var(--vysteria-sketch-shadow-active);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:6px;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}.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__edit-bar button{flex:0 0 auto;padding:0;border:0;background:transparent;color:var(--md-sys-color-primary);cursor:pointer;font:inherit}.v-chat__edit-bar button:hover{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;background:transparent;cursor:pointer;transition:opacity .18s var(--md-sys-motion-standard),transform .18s var(--md-sys-motion-standard)}.v-chat__send-icon:hover:not(:disabled){transform:translate(1px)}.v-chat__send-icon:disabled{cursor:not-allowed;opacity:.42}.v-chat__send-icon img{width:20px;height:20px;display:block}.v-chat-message{max-width:min(84%,720px);display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-self:flex-start}.v-chat-message--own{grid-template-columns:minmax(0,1fr) 38px;align-self:flex-end}.v-chat-message__avatar{width:38px;height:38px;display:grid;place-items:center;padding:0;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-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-sketch-shadow-active);overflow:hidden}.v-chat-message__avatar:hover,.v-chat-message__avatar:focus-visible{transform:translateY(-1px)}.v-chat-message--own .v-chat-message__avatar{grid-column:2;grid-row:1}.v-chat-message__avatar img{width:100%;height:100%;display:block;object-fit:cover}.v-chat-message__body{min-width:0;position:relative;display:grid;gap:5px;padding:11px 13px 12px;border:var(--vysteria-sketch-line-thin) solid var(--vysteria-sketch-line-muted);border-radius:6px 16px 18px 15px;background:var(--md-sys-color-surface-container-high);box-shadow:var(--vysteria-sketch-shadow-active)}.v-chat-message--own .v-chat-message__body{grid-column:1;grid-row:1;border-color:color-mix(in srgb,var(--md-sys-color-primary) 58%,var(--vysteria-sketch-line-color));border-radius:16px 6px 15px 18px;background:color-mix(in srgb,var(--md-sys-color-primary-container) 72%,var(--md-sys-color-surface-container-high))}.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__menu{position:relative;flex:0 0 auto;align-self:flex-start;margin-top:-2px}.v-chat-message__menu-toggle{min-width:24px;min-height:20px;display:grid;place-items:center;padding:0 2px;border:0;background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;font:inherit;font-size:18px;font-weight:var(--vysteria-font-weight-ui);line-height:18px;transition:color .18s var(--md-sys-motion-standard),opacity .18s var(--md-sys-motion-standard);opacity:0;pointer-events:none}.v-chat-message:hover .v-chat-message__menu-toggle,.v-chat-message:focus-within .v-chat-message__menu-toggle,.v-chat-message__menu-toggle:hover:not(:disabled),.v-chat-message__menu-toggle[aria-expanded=true]{color:var(--md-sys-color-primary);opacity:1;pointer-events:auto}.v-chat-message__menu-toggle:disabled{cursor:not-allowed}.v-chat-message:hover .v-chat-message__menu-toggle:disabled,.v-chat-message:focus-within .v-chat-message__menu-toggle:disabled{opacity:.48}.v-chat-message__dropdown{position:fixed;z-index:30;min-width:184px;display:grid;gap:3px;padding:7px;border:var(--vysteria-sketch-line-thin) solid color-mix(in srgb,var(--md-sys-color-primary) 28%,var(--vysteria-sketch-line-muted));border-radius:8px;background:var(--md-sys-color-surface-container-high)}.v-chat-message__quick-reactions{display:grid;grid-template-columns:repeat(4,38px);gap:4px;padding-bottom:5px;border-bottom:var(--vysteria-sketch-line-thin) solid var(--vysteria-sketch-line-muted)}.v-chat-message__quick-reaction{width:38px;height:38px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;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 .16s var(--md-sys-motion-standard),transform .16s var(--md-sys-motion-standard)}.v-chat-message__quick-reaction:hover:not(:disabled),.v-chat-message__quick-reaction:focus-visible,.v-chat-message__quick-reaction--active{background:color-mix(in srgb,var(--md-sys-color-primary-container) 56%,var(--md-sys-color-surface-container-high));outline:0}.v-chat-message__quick-reaction:hover:not(:disabled),.v-chat-message__quick-reaction:focus-visible{transform:translateY(-1px)}.v-chat-message__quick-reaction:disabled{cursor:not-allowed;opacity:.52}.v-chat-message__dropdown-action{width:100%;min-height:34px;padding:0 11px;border:0;border-radius:6px;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:translate(1px)}.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__content{min-width:0}.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}@media(max-width:640px){.v-chat{padding:0 16px 16px}.v-chat__messages{min-height:360px;max-height:62vh}.v-chat-message{max-width:100%}}.v-confirm-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:color-mix(in srgb,var(--md-sys-color-surface) 72%,transparent)}.v-confirm-modal__surface{width:min(100%,420px);display:grid;gap:16px;padding:22px;border:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-color);border-radius:var(--vysteria-sketch-radius-large);background:var(--md-sys-color-surface-container-high);box-shadow:var(--vysteria-sketch-shadow)}.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-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;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]{transform:translateY(-1px)}.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:var(--vysteria-sketch-line-thin) solid color-mix(in srgb,var(--md-sys-color-primary) 28%,var(--vysteria-sketch-line-muted));border-radius:8px;background:var(--md-sys-color-surface-container-high);box-shadow:var(--vysteria-sketch-shadow-active);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--menu .v-emoji-picker__panel{position:fixed;top:auto;right:auto;bottom:auto;z-index:40}.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:6px;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__groups button:hover,.v-emoji-picker__groups button:focus-visible{transform:translateY(-1px)}.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:6px;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:translateY(-1px)}.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;border:0;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{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 18px;border:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-color);border-radius:var(--vysteria-sketch-radius-small);background:color-mix(in srgb,var(--md-sys-color-primary) 8%,transparent);color:var(--md-sys-color-primary);cursor:pointer;font-size:14px;font-weight:var(--vysteria-font-weight-ui);line-height:20px;box-shadow:var(--vysteria-sketch-shadow-soft);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)}.v-file-upload__button:hover:not(:disabled){border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary) 14%,transparent);box-shadow:var(--vysteria-sketch-shadow);transform:translate(-2px,-2px)}.v-file-upload__button:active:not(:disabled){box-shadow:var(--vysteria-sketch-shadow-active);transform:translate(1px,1px)}.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-name-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:color-mix(in srgb,var(--md-sys-color-surface) 72%,transparent)}.v-name-modal__surface{width:min(100%,460px);display:grid;gap:18px;padding:22px;border:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-color);border-radius:var(--vysteria-sketch-radius-large);background:var(--md-sys-color-surface-container-high);box-shadow:var(--vysteria-sketch-shadow)}.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{color:var(--md-sys-color-on-surface);transform:rotate(-8deg) scale(1.08)}.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{width:min(100%,430px);min-height:calc(100vh - 64px);display:flex;flex-direction:column;position:sticky;top:32px;border:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-color);border-radius:var(--vysteria-sketch-radius-large);background:var(--md-sys-color-surface-container);box-shadow:var(--vysteria-sketch-shadow);overflow:hidden}.v-profile-card__cover{position:relative;height:188px;border-bottom:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-color);background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-primary) 22%,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}.v-profile-card__avatar{position:relative;width:116px;height:116px;display:grid;place-items:center;flex:0 0 auto;margin-top:-44px;border:var(--vysteria-sketch-line-heavy) solid var(--vysteria-sketch-ink);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:var(--vysteria-sketch-shadow-soft);z-index:1}.v-profile-card__avatar:after{content:"";position:absolute;right:7px;bottom:0;width:18px;height:18px;border:var(--vysteria-sketch-line) solid var(--vysteria-sketch-ink);border-radius:var(--md-sys-shape-corner-full);z-index:1}.v-profile-card__avatar--online:after{background:#31d076}.v-profile-card__avatar--offline:after{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__body-actions{margin-top:14px}.v-profile-card__footer{display:grid;gap:12px;margin-top:auto;padding:0 24px 24px}.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}.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:after{right:4px;bottom:0;width:15px;height:15px;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}@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}.v-profile-card__identity{padding-top:0}.v-profile-card__body-actions,.v-profile-card__body-actions .v-button{width:100%}}.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:color-mix(in srgb,var(--md-sys-color-surface) 72%,transparent)}.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;background:transparent;cursor:pointer}.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:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-color);border-radius:var(--vysteria-sketch-radius-small);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:var(--vysteria-sketch-shadow-soft);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)}.v-select__control:focus{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-surface-container-highest);box-shadow:var(--vysteria-sketch-shadow-soft);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:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-color);border-radius:var(--vysteria-sketch-radius-large);background:var(--md-sys-color-surface-container-high);box-shadow:var(--vysteria-sketch-shadow-soft)}.v-segmented-control__item{min-width:0;min-height:40px;padding:0 14px;border:var(--vysteria-sketch-line-thin) solid transparent;border-radius:var(--vysteria-sketch-radius-small);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),border-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{color:var(--md-sys-color-on-surface);transform:translateY(-1px)}.v-segmented-control__item--active{border-color:var(--vysteria-sketch-ink);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}@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%;min-width:0;display:grid;gap:12px}.v-skeleton-loader__block,.v-skeleton-loader__line{position:relative;overflow:hidden;border:var(--vysteria-sketch-line-thin) solid color-mix(in srgb,var(--md-sys-color-outline-variant) 58%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--md-sys-color-surface-container-highest) 70%,var(--md-sys-color-primary-container)),color-mix(in srgb,var(--md-sys-color-surface-container-highest) 44%,var(--md-sys-color-primary-container)),color-mix(in srgb,var(--md-sys-color-surface-container-highest) 70%,var(--md-sys-color-primary-container)));background-size:220% 100%;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:14px;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:40px;display:block;border-radius:var(--md-sys-shape-corner-small)}.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}.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(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-full);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:14px}.v-skeleton-loader__room-item{min-height:104px;display:flex;align-items:center;gap:18px;padding:18px;border:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-muted);border-radius:var(--vysteria-sketch-radius);background:var(--md-sys-color-surface-container-high);box-shadow:var(--vysteria-sketch-shadow-soft)}.v-skeleton-loader__room-avatar{width:76px;height:76px;display:block;flex:0 0 auto;border-radius:var(--md-sys-shape-corner-medium)}.v-skeleton-loader__room-content{min-width:0;flex:1;display:grid;gap:10px}.v-skeleton-loader--messages{min-height:0;align-content:end;gap:12px;padding-right:4px}.v-skeleton-loader__message{max-width:min(84%,720px);display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;justify-self:start}.v-skeleton-loader__message--own{grid-template-columns:minmax(0,1fr) 38px;justify-self:end}.v-skeleton-loader__message-avatar{width:38px;height:38px;display:block;border-radius:var(--md-sys-shape-corner-full)}.v-skeleton-loader__message--own .v-skeleton-loader__message-avatar{grid-column:2;grid-row:1}.v-skeleton-loader__message-body{min-width:0;display:grid;gap:9px;padding:12px 13px;border:var(--vysteria-sketch-line-thin) solid var(--vysteria-sketch-line-muted);border-radius:6px 16px 18px 15px;background:var(--md-sys-color-surface-container-high);box-shadow:var(--vysteria-sketch-shadow-active)}.v-skeleton-loader__message--own .v-skeleton-loader__message-body{grid-column:1;grid-row:1;border-radius:16px 6px 15px 18px;background:color-mix(in srgb,var(--md-sys-color-primary-container) 52%,var(--md-sys-color-surface-container-high))}.v-skeleton-loader__message-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.v-skeleton-loader--channels{gap:8px}.v-skeleton-loader__channel{min-height:40px;display:flex;align-items:center;gap:10px;padding:0 12px;border-radius:var(--md-sys-shape-corner-small)}.v-skeleton-loader__channel-icon{width:20px;height:20px;display:block;flex:0 0 auto;border-radius:var(--md-sys-shape-corner-small)}.v-skeleton-loader--participants{gap:10px}.v-skeleton-loader__participant{min-width:0;display:flex;align-items:center;gap:10px}.v-skeleton-loader__participant-avatar{width:34px;height:34px;display:block;flex:0 0 auto;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: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-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:var(--vysteria-sketch-line-thin) solid var(--vysteria-sketch-line-color);border-radius:var(--vysteria-sketch-radius-small);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:var(--vysteria-sketch-shadow-soft);transition:background-color .18s var(--md-sys-motion-standard),border-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{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-surface-container-highest);box-shadow:var(--vysteria-sketch-shadow-soft);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:var(--vysteria-sketch-line) solid var(--vysteria-sketch-line-color);border-radius:var(--vysteria-sketch-radius-small);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:var(--vysteria-sketch-shadow-soft);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)}.v-text-field__control::placeholder{color:color-mix(in srgb,var(--md-sys-color-on-surface-variant) 72%,transparent)}.v-text-field__control:focus{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-surface-container-highest);box-shadow:var(--vysteria-sketch-shadow-soft);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}