:root{--vl-color-bg: #0f0f0f;--vl-color-surface: #1a1a1a;--vl-color-surface-hover: #252525;--vl-color-surface-active: #2f2f2f;--vl-color-border: #333333;--vl-color-text: #f0f0f0;--vl-color-text-secondary: #999999;--vl-color-text-muted: #666666;--vl-color-primary: #3b82f6;--vl-color-primary-hover: #2563eb;--vl-color-danger: #ef4444;--vl-color-danger-hover: #dc2626;--vl-color-success: #22c55e;--vl-color-warning: #f59e0b;--vl-color-info: #3b82f6;--vl-space-xs: 4px;--vl-space-sm: 8px;--vl-space-md: 16px;--vl-space-lg: 24px;--vl-space-xl: 32px;--vl-space-2xl: 48px;--vl-space-3xl: 64px;--vl-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--vl-font-size-xs: .75rem;--vl-font-size-sm: .875rem;--vl-font-size-md: 1rem;--vl-font-size-lg: 1.125rem;--vl-font-size-xl: 1.25rem;--vl-font-size-2xl: 1.5rem;--vl-line-height-tight: 1.25;--vl-line-height-normal: 1.5;--vl-line-height-relaxed: 1.75;--vl-radius-sm: 4px;--vl-radius-md: 8px;--vl-radius-lg: 12px;--vl-radius-xl: 16px;--vl-radius-full: 9999px;--vl-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--vl-shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--vl-shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--vl-transition-fast: .15s ease;--vl-transition-normal: .25s ease;--vl-z-dropdown: 100;--vl-z-modal: 200;--vl-z-toast: 300;--vl-z-tooltip: 400}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--vl-font-family);font-size:var(--vl-font-size-md);line-height:var(--vl-line-height-normal);color:var(--vl-color-text);background-color:var(--vl-color-bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background-color:var(--vl-color-primary);color:var(--vl-color-text)}:focus-visible{outline:2px solid var(--vl-color-primary);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--vl-color-bg)}::-webkit-scrollbar-thumb{background:var(--vl-color-border);border-radius:var(--vl-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--vl-color-text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--vl-color-border) var(--vl-color-bg)}.app-layout[data-v-265e2e09]{display:flex;flex-direction:column;min-height:100vh;background-color:var(--vl-color-bg);color:var(--vl-color-text)}.app-layout__header[data-v-265e2e09]{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 var(--vl-space-md);background-color:var(--vl-color-surface);border-bottom:1px solid var(--vl-color-border);flex-shrink:0}.app-layout__brand[data-v-265e2e09]{font-size:var(--vl-font-size-lg);font-weight:700;color:var(--vl-color-text);letter-spacing:-.02em}.app-layout__main[data-v-265e2e09]{flex:1;display:flex;flex-direction:column}@media(max-width:640px){.app-layout__header[data-v-265e2e09]{height:48px;padding:0 var(--vl-space-sm)}}.v-toast[data-v-770bf3ae]{display:flex;align-items:center;gap:var(--vl-space-sm);padding:var(--vl-space-sm) var(--vl-space-md);border-radius:var(--vl-radius-md);font-size:var(--vl-font-size-sm);box-shadow:var(--vl-shadow-lg);animation:v-toast-in-770bf3ae .2s ease}.v-toast--success[data-v-770bf3ae]{background-color:var(--vl-color-success);color:#fff}.v-toast--warning[data-v-770bf3ae]{background-color:var(--vl-color-warning);color:#000}.v-toast--error[data-v-770bf3ae]{background-color:var(--vl-color-danger);color:#fff}.v-toast--info[data-v-770bf3ae]{background-color:var(--vl-color-info);color:#fff}.v-toast__message[data-v-770bf3ae]{flex:1}.v-toast__close[data-v-770bf3ae]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:none;color:inherit;font-size:var(--vl-font-size-lg);cursor:pointer;opacity:.8;border-radius:var(--vl-radius-sm)}.v-toast__close[data-v-770bf3ae]:hover{opacity:1}@keyframes v-toast-in-770bf3ae{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast-container[data-v-e1d91b32]{position:fixed;bottom:var(--vl-space-lg);left:50%;transform:translate(-50%);z-index:var(--vl-z-toast);display:flex;flex-direction:column;gap:var(--vl-space-sm);pointer-events:none}.toast-container[data-v-e1d91b32]>*{pointer-events:auto}.v-spinner[data-v-e80ff7f1]{display:inline-block;border:2px solid var(--vl-color-border);border-top-color:var(--vl-color-primary);border-radius:var(--vl-radius-full);animation:v-spin-e80ff7f1 .6s linear infinite}.v-spinner__sr-only[data-v-e80ff7f1]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes v-spin-e80ff7f1{to{transform:rotate(360deg)}}.v-button[data-v-f2e7f682]{display:inline-flex;align-items:center;justify-content:center;gap:var(--vl-space-sm);border:1px solid transparent;border-radius:var(--vl-radius-md);font-family:var(--vl-font-family);font-weight:500;cursor:pointer;transition:background-color var(--vl-transition-fast),border-color var(--vl-transition-fast),color var(--vl-transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap;flex-shrink:0}.v-button[data-v-f2e7f682]:disabled{cursor:not-allowed;opacity:.5}.v-button--sm[data-v-f2e7f682]{min-height:32px;padding:var(--vl-space-xs) var(--vl-space-sm);font-size:var(--vl-font-size-xs)}.v-button--md[data-v-f2e7f682]{min-height:44px;padding:var(--vl-space-sm) var(--vl-space-md);font-size:var(--vl-font-size-sm)}.v-button--lg[data-v-f2e7f682]{min-height:52px;padding:var(--vl-space-sm) var(--vl-space-lg);font-size:var(--vl-font-size-md)}.v-button--icon-only.v-button--sm[data-v-f2e7f682]{width:32px;padding:0}.v-button--icon-only.v-button--md[data-v-f2e7f682]{width:44px;padding:0}.v-button--icon-only.v-button--lg[data-v-f2e7f682]{width:52px;padding:0}.v-button--primary[data-v-f2e7f682]{background-color:var(--vl-color-primary);color:var(--vl-color-text)}.v-button--primary[data-v-f2e7f682]:hover:not(:disabled){background-color:var(--vl-color-primary-hover)}.v-button--secondary[data-v-f2e7f682]{background-color:var(--vl-color-surface);border-color:var(--vl-color-border);color:var(--vl-color-text)}.v-button--secondary[data-v-f2e7f682]:hover:not(:disabled){background-color:var(--vl-color-surface-hover)}.v-button--danger[data-v-f2e7f682]{background-color:var(--vl-color-danger);color:var(--vl-color-text)}.v-button--danger[data-v-f2e7f682]:hover:not(:disabled){background-color:var(--vl-color-danger-hover)}.v-button--ghost[data-v-f2e7f682]{background-color:transparent;color:var(--vl-color-text-secondary)}.v-button--ghost[data-v-f2e7f682]:hover:not(:disabled){background-color:var(--vl-color-surface-hover);color:var(--vl-color-text)}.v-button--loading .v-button__label[data-v-f2e7f682]{opacity:.6}.v-button__spinner[data-v-f2e7f682]{display:inline-flex}.v-button__icon[data-v-f2e7f682]{display:inline-flex;align-items:center;justify-content:center}.v-button__label[data-v-f2e7f682]{display:inline-flex;align-items:center}.home-page[data-v-76df16c2]{display:flex;flex-direction:column;flex:1;padding:var(--vl-space-xl);max-width:800px;margin:0 auto;width:100%}.home-page__header[data-v-76df16c2]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--vl-space-lg)}.home-page__title[data-v-76df16c2]{font-size:var(--vl-font-size-2xl);font-weight:700}.home-page__user-info[data-v-76df16c2]{display:flex;align-items:center;gap:var(--vl-space-sm)}.home-page__user-name[data-v-76df16c2]{font-size:var(--vl-font-size-sm);color:var(--vl-color-text-secondary)}.home-page__create[data-v-76df16c2]{display:flex;gap:var(--vl-space-sm);margin-bottom:var(--vl-space-lg)}.home-page__input[data-v-76df16c2]{flex:1;height:44px;padding:var(--vl-space-sm) var(--vl-space-md);border:1px solid var(--vl-color-border);border-radius:var(--vl-radius-md);background-color:var(--vl-color-surface);color:var(--vl-color-text);font-family:var(--vl-font-family);font-size:var(--vl-font-size-sm)}.home-page__input[data-v-76df16c2]:focus{border-color:var(--vl-color-primary);outline:none}.home-page__loading[data-v-76df16c2]{display:flex;justify-content:center;padding:var(--vl-space-2xl)}.home-page__error[data-v-76df16c2]{padding:var(--vl-space-sm) var(--vl-space-md);margin-bottom:var(--vl-space-md);border-radius:var(--vl-radius-md);background-color:#ef44441a;color:var(--vl-color-danger);font-size:var(--vl-font-size-sm)}.home-page__rooms[data-v-76df16c2]{display:flex;flex-direction:column;gap:var(--vl-space-sm)}.home-page__room-card[data-v-76df16c2]{display:flex;align-items:center;justify-content:space-between;padding:var(--vl-space-md);background-color:var(--vl-color-surface);border:1px solid var(--vl-color-border);border-radius:var(--vl-radius-md);transition:border-color var(--vl-transition-fast)}.home-page__room-card[data-v-76df16c2]:hover{border-color:var(--vl-color-text-muted)}.home-page__room-info[data-v-76df16c2]{display:flex;flex-direction:column;gap:var(--vl-space-xs)}.home-page__room-name[data-v-76df16c2]{font-size:var(--vl-font-size-md);font-weight:500}.home-page__room-type[data-v-76df16c2]{font-size:var(--vl-font-size-xs);color:var(--vl-color-text-muted);text-transform:uppercase;letter-spacing:.05em}.home-page__room-actions[data-v-76df16c2]{display:flex;gap:var(--vl-space-xs)}.home-page__empty[data-v-76df16c2]{text-align:center;padding:var(--vl-space-2xl);color:var(--vl-color-text-secondary);font-size:var(--vl-font-size-sm)}.home-page__cta[data-v-76df16c2]{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:var(--vl-space-md);text-align:center}.home-page__subtitle[data-v-76df16c2]{color:var(--vl-color-text-secondary);font-size:var(--vl-font-size-lg);margin-bottom:var(--vl-space-md)}@media(max-width:640px){.home-page[data-v-76df16c2]{padding:var(--vl-space-md)}.home-page__create[data-v-76df16c2]{flex-direction:column}}