:root{--bg-main: #0F0F0F;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-blur: 16px;--glass-shadow: 0 4px 30px rgba(0, 0, 0, .1);--surface-card: var(--glass-bg);--surface-hover: rgba(255, 255, 255, .08);--text-main: #E0E0E0;--text-muted: #A0A0A0;--primary: #4ECDC4;--primary-dark: #3AAFA9;--secondary: #9D4EDD;--msg-outgoing-bg: linear-gradient(135deg, rgba(78, 205, 196, .2) 0%, rgba(157, 78, 221, .2) 100%);--msg-outgoing-border: rgba(255, 255, 255, .1);--msg-incoming-bg: rgba(255, 255, 255, .05);--border-dim: var(--glass-border);--color-background: var(--bg-main);--color-text: var(--text-main);--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-round: 50px;--shadow-soft: 0 4px 20px rgba(0, 0, 0, .5);--transition-fast: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--text-main);background-color:var(--bg-main);font-family:Quicksand,sans-serif;line-height:1.6;font-weight:500;touch-action:manipulation;scrollbar-width:thin;scrollbar-color:var(--surface-hover) var(--bg-main)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background-color:var(--surface-hover);border-radius:4px}#app{width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at 50% 0%,#1a1a1a,#0f0f0f)}.container-centered{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem}.card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);padding:1.5rem}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#0f0f0f;border:none;padding:.8rem 1.5rem;border-radius:var(--radius-round);font-weight:700;font-size:1rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;box-shadow:0 4px 15px #4ecdc44d}.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 20px #4ecdc466}.btn-primary:active{transform:translateY(0)}.btn-icon{background:transparent;border:none;color:var(--text-main);cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.btn-icon:hover{background-color:var(--surface-hover)}.text-gradient{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.material-symbols-rounded{font-size:24px;-webkit-user-select:none;user-select:none}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--text-main);margin-bottom:.5rem}input,textarea{background-color:#0003;border:1px solid var(--glass-border);color:var(--text-main);padding:.8rem 1rem;border-radius:var(--radius-md);font-family:inherit;font-size:1rem;width:100%;outline:none;transition:border-color .2s,background-color .2s}input:focus,textarea:focus{border-color:var(--primary);background-color:#0006}.home-view[data-v-a7bf5610]{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-main);color:#fff}.loading-state[data-v-a7bf5610]{flex:1;display:flex;justify-content:center;align-items:center;color:var(--primary)}.spinning[data-v-a7bf5610]{animation:spin-a7bf5610 1s linear infinite;font-size:3rem}@keyframes spin-a7bf5610{to{transform:rotate(360deg)}}.landing-container[data-v-a7bf5610]{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;text-align:center}.hero-content[data-v-a7bf5610]{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;max-width:400px;width:100%}.logo-circle[data-v-a7bf5610]{width:100px;height:100px;background:linear-gradient(135deg,var(--primary),#556270);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:0 10px 30px #4ecdc44d}.logo-icon[data-v-a7bf5610]{font-size:50px;color:#fff}.app-title[data-v-a7bf5610]{font-size:2.5rem;font-weight:800;margin:0;background:linear-gradient(to right,var(--primary),#ffffff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.app-subtitle[data-v-a7bf5610]{font-size:1.2rem;color:var(--text-muted);margin:0}.features[data-v-a7bf5610]{display:flex;gap:1.5rem;margin:2rem 0;color:var(--text-muted);font-size:.9rem}.feature-item[data-v-a7bf5610]{display:flex;align-items:center;gap:.5rem}.feature-item .material-symbols-rounded[data-v-a7bf5610]{color:var(--primary)}.btn-login[data-v-a7bf5610]{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#121212;text-decoration:none;padding:1rem 2rem;border-radius:50px;font-weight:700;font-size:1.1rem;display:flex;align-items:center;gap:.8rem;transition:transform .2s,box-shadow .2s;width:100%;justify-content:center;box-shadow:0 4px 15px #4ecdc44d}.btn-login[data-v-a7bf5610]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4ecdc466}.landing-footer[data-v-a7bf5610]{margin-top:auto;padding-top:2rem;font-size:.8rem;color:var(--text-muted);display:flex;flex-direction:column;gap:.5rem}.link[data-v-a7bf5610]{color:var(--primary);text-decoration:none}.pwa-installer[data-v-caea27f3]{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:90%;max-width:400px;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-radius:16px;padding:20px;box-shadow:var(--glass-shadow);z-index:9999;border:1px solid var(--glass-border);color:var(--text-main)}.installer-header[data-v-caea27f3]{display:flex;align-items:center;gap:16px;margin-bottom:20px}.icon-wrapper[data-v-caea27f3]{width:48px;height:48px;background:linear-gradient(135deg,var(--primary),#556270);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.app-icon[data-v-caea27f3]{color:#fff;font-size:24px}.text-content h3[data-v-caea27f3]{margin:0 0 4px;font-size:18px;font-weight:600}.text-content p[data-v-caea27f3]{margin:0;font-size:14px;color:var(--text-muted)}.platform-grid[data-v-caea27f3]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:16px}.platform-btn[data-v-caea27f3]{background-color:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .2s;color:var(--text-main)}.platform-btn[data-v-caea27f3]:hover{background-color:#ffffff1a;border-color:var(--primary)}.platform-btn .icon[data-v-caea27f3]{font-size:28px;color:var(--primary)}.platform-btn .label[data-v-caea27f3]{font-size:12px;font-weight:500}.instruction-header[data-v-caea27f3]{display:flex;align-items:center;gap:12px;margin-bottom:20px;border-bottom:1px solid var(--glass-border);padding-bottom:12px}.back-btn[data-v-caea27f3]{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:50%;display:flex}.back-btn[data-v-caea27f3]:hover{background-color:#ffffff1a;color:var(--text-main)}.steps[data-v-caea27f3]{display:flex;flex-direction:column;gap:16px}.step[data-v-caea27f3]{display:flex;gap:12px;align-items:flex-start}.step-num[data-v-caea27f3]{background-color:var(--primary);color:#121212;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0;margin-top:2px}.step p[data-v-caea27f3]{margin:0;font-size:14px;line-height:1.5;color:var(--text-main)}.inline-icon[data-v-caea27f3]{font-size:18px;vertical-align:text-bottom;color:var(--primary)}.api-install[data-v-caea27f3]{text-align:center}.api-install p[data-v-caea27f3]{margin-bottom:12px;color:var(--text-muted)}.btn-text[data-v-caea27f3]{background:none;border:none;color:var(--text-muted);width:100%;padding:8px;cursor:pointer;font-size:13px}.btn-text[data-v-caea27f3]:hover{color:var(--text-main)}.btn-primary[data-v-caea27f3]{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#121212;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;width:100%}.btn-primary[data-v-caea27f3]:hover{opacity:.9}.slide-up-enter-active[data-v-caea27f3],.slide-up-leave-active[data-v-caea27f3]{transition:all .3s cubic-bezier(.16,1,.3,1)}.slide-up-enter-from[data-v-caea27f3],.slide-up-leave-to[data-v-caea27f3]{transform:translate(-50%,100%);opacity:0}.app-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.main-content{flex:1;width:100%;display:flex;flex-direction:column;overflow-y:auto}