:root{--bg-primary: #0b0d10;--bg-secondary: #111419;--bg-tertiary: #191d23;--bg-hover: rgba(255, 255, 255, .06);--bg-active: rgba(255, 255, 255, .1);--text-primary: #eef1f4;--text-secondary: #b2bac4;--text-muted: #6f7781;--accent: #8f98a3;--accent-hover: #a5adb8;--accent-dim: rgba(143, 152, 163, .22);--accent-glow: rgba(143, 152, 163, .38);--accent2: #c6cbd3;--accent2-dim: rgba(198, 203, 211, .16);--accent2-glow: rgba(198, 203, 211, .3);--danger: #ed4245;--success: #3ba55d;--warning: #faa61a;--glass-bg: rgba(15, 16, 19, .55);--glass-border: rgba(255, 255, 255, .07);--glass-border-light: rgba(255, 255, 255, .15);--gloss-gradient: linear-gradient(180deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,0) 100%);--gradient-primary: linear-gradient(135deg, #2f343c 0%, #6b7280 100%);--gradient-nebula: linear-gradient(135deg, #1f242b 0%, #3b4047 50%, #9ca3af 100%);--font-main: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Space Grotesk", "Manrope", sans-serif;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .5);--shadow-md: 0 8px 24px rgba(0, 0, 0, .7);--shadow-lg: 0 24px 48px rgba(0, 0, 0, .85);--shadow-glow: 0 0 25px var(--accent-glow), 0 0 50px var(--accent-glow);--shadow-glow2: 0 0 25px var(--accent2-glow), 0 0 50px var(--accent2-glow);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--spring: cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-main);margin:0;padding:0;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),0 0 0 1px #ffffff05 inset;position:relative;overflow:hidden}.glass-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.06) 49%,transparent 72%);transform:translate(-150%) skew(-15deg);animation:glass-shimmer 6s infinite ease-in-out;pointer-events:none}.liquid-panel{position:relative;isolation:isolate;border-radius:var(--radius-lg);background:#0f101366;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.liquid-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,var(--accent-dim),transparent 60%);opacity:.5;filter:blur(20px);pointer-events:none;animation:liquid-pulse 5s infinite alternate ease-in-out;z-index:-1}.glossy-button{background:linear-gradient(125deg,#2f343c,#4b5563 45%,#9ca3af);background-size:200% 200%;animation:nebula-gradient 4s ease infinite;color:#fff;border:none;border-radius:var(--radius-full);padding:12px 26px;font-weight:700;font-size:15px;cursor:pointer;position:relative;isolation:isolate;overflow:hidden;transition:transform var(--spring),box-shadow var(--spring);box-shadow:0 4px 15px #94a3b840,inset 0 1px 1px #fff3;display:inline-flex;align-items:center;justify-content:center;gap:8px}.glossy-button:after{content:"";position:absolute;inset:0;background:#fff3;opacity:0;transition:opacity .3s ease;pointer-events:none}.glossy-button:hover,.glossy-button:focus-visible{transform:translateY(-4px) scale(1.05);box-shadow:var(--shadow-glow),inset 0 1px 2px #fff6}.glossy-button:hover:after{opacity:1}.glossy-button:active{transform:translateY(0) scale(.95);box-shadow:0 2px 5px #94a3b84d}.secondary-button{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:10px 20px;font-weight:600;font-size:14px;cursor:pointer;transition:all var(--spring);position:relative;overflow:hidden}.secondary-button:hover{background:var(--bg-hover);border-color:var(--glass-border-light);transform:translateY(-2px);box-shadow:0 8px 20px #00000080}.icon-btn{background:transparent;color:var(--text-secondary);padding:10px;border-radius:var(--radius-md);cursor:pointer;border:none;transition:all var(--spring);position:relative}.icon-btn:hover{background:#ffffff14;color:var(--text-primary);transform:translateY(-2px) scale(1.1);box-shadow:0 8px 16px #0006}.icon-btn:active{transform:scale(.9)}.app-liquid-shell{position:relative;background:var(--bg-primary)}.app-liquid-shell:before,.app-liquid-shell:after{display:none}.app-nav-shell{background:#0a0a0cb3;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border-right:1px solid var(--glass-border)}.app-content-shell{background:transparent}.card{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:transform var(--spring),box-shadow var(--spring)}.card:hover{transform:translateY(-4px) scale(1.02);border-color:var(--accent);box-shadow:0 10px 30px #000c,0 0 15px #94a3b82e}.input-field{background:#0006;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:12px 16px;color:var(--text-primary);font-size:15px;outline:none;transition:all var(--spring);width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim),var(--shadow-glow);transform:translateY(-2px);background:#0009}.chat-shell{background:#0f101366}.chat-header{background:#0a0a0ccc!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border)}.chat-composer-zone{background:linear-gradient(0deg,var(--bg-primary) 0%,transparent 100%);padding:20px}.chat-composer-shell{background:#0f1013cc!important;border-radius:var(--radius-lg)!important;border:1px solid rgba(255,255,255,.08)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all var(--spring);box-shadow:var(--shadow-md)}.chat-composer-shell:focus-within{border-color:var(--accent)!important;box-shadow:var(--shadow-lg),var(--shadow-glow)!important;transform:translateY(-2px)}.list-item{padding:8px 12px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--fast);margin-bottom:4px;display:flex;align-items:center;position:relative;overflow:hidden}.list-item:hover{background:var(--bg-hover);transform:translate(4px)}.list-item.active{background:var(--bg-active);color:#fff}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 8px #0006}.badge-primary{background:var(--accent);color:#fff;box-shadow:0 2px 12px var(--accent-dim)}.badge-danger{background:var(--danger);color:#fff;box-shadow:0 2px 12px #ed424566}.badge-success{background:var(--success);color:#fff;box-shadow:0 2px 12px #3ba55d66}.status-indicator{width:14px;height:14px;border-radius:50%;border:3px solid var(--bg-primary)}.status-online{background:var(--success);box-shadow:0 0 10px var(--success)}.status-offline{background:var(--text-muted)}.status-idle{background:var(--warning);box-shadow:0 0 10px var(--warning)}.status-dnd{background:var(--danger);box-shadow:0 0 10px var(--danger)}.avatar{border-radius:50%;background-size:cover;background-position:center;background-color:var(--bg-tertiary);transition:transform var(--spring),box-shadow var(--spring)}.avatar:hover{transform:scale(1.1);box-shadow:0 4px 15px #0009}.avatar-sm{width:32px;height:32px}.avatar-md{width:40px;height:40px}.avatar-lg{width:48px;height:48px}.avatar-xl{width:80px;height:80px}.avatar-2xl{width:120px;height:120px}@keyframes nebula-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes liquid-blob{0%{transform:translate(0) scale(1) rotate(0);border-radius:30% 70% 70% 30%/30% 30% 70% 70%}50%{transform:translate(50px,80px) scale(1.2) rotate(180deg);border-radius:70% 30% 30% 70%/70% 70% 30% 30%}to{transform:translate(0) scale(1) rotate(360deg);border-radius:30% 70% 70% 30%/30% 30% 70% 70%}}@keyframes liquid-blob-reverse{0%{transform:translate(0) scale(1) rotate(0);border-radius:70% 30% 30% 70%/70% 70% 30% 30%}50%{transform:translate(-60px,-90px) scale(1.3) rotate(-180deg);border-radius:30% 70% 70% 30%/30% 30% 70% 70%}to{transform:translate(0) scale(1) rotate(-360deg);border-radius:70% 30% 30% 70%/70% 70% 30% 30%}}@keyframes glass-shimmer{0%{transform:translate(-150%) skew(-15deg)}20%,to{transform:translate(250%) skew(-15deg)}}@keyframes liquid-pulse{0%{opacity:.3;transform:scale(.9)}to{opacity:.7;transform:scale(1.1);filter:blur(25px)}}@keyframes hue-rotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px) scale(.98);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px) scale(.95);filter:blur(4px)}to{opacity:1;transform:translate(0) scale(1);filter:blur(0)}}@keyframes bouncePop{0%{transform:scale(.5);opacity:0;filter:blur(10px)}60%{transform:scale(1.1);filter:blur(0);opacity:1}to{transform:scale(1)}}.animate-fade-in{animation:fadeIn .5s cubic-bezier(.34,1.56,.64,1) forwards}.animate-slide-in{animation:slideInLeft .5s cubic-bezier(.34,1.56,.64,1) forwards}.animate-pop-in{animation:bouncePop .6s cubic-bezier(.34,1.56,.64,1) forwards}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:120%;left:50%;transform:translate(-50%) scale(.9);background:var(--bg-tertiary);color:var(--text-primary);padding:8px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--spring);box-shadow:var(--shadow-lg);border:1px solid var(--glass-border);z-index:1000}.tooltip:hover:after{opacity:1;transform:translate(-50%) scale(1)}:root{--app-vh: 100vh}html,body,#root{height:100%;width:100%;margin:0;padding:0;overscroll-behavior:none}body{font-family:var(--font-main)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.01em}button,input,textarea,select{font:inherit}@media(max-width:768px){:root{--safe-area-bottom: env(safe-area-inset-bottom, 20px);--safe-area-top: env(safe-area-inset-top, 0px)}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}html,body,#root{min-height:var(--app-vh);height:var(--app-vh);width:100%;overflow:hidden;position:relative;overscroll-behavior:none;-webkit-overflow-scrolling:touch}.glossy-button{padding:12px 20px;min-height:44px}.icon-btn{min-width:44px;min-height:44px}input,textarea,select{font-size:16px!important}input:focus,textarea:focus{outline:none}}@media(min-width:769px)and (max-width:1024px){.member-list{width:200px}}@media(min-width:1400px){:root{--chat-max-width: 1200px}}@media print{body{background:#fff;color:#000}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){:root{--glass-border: rgba(255, 255, 255, .3);--text-muted: #9ca3af}}@media(prefers-color-scheme:light){:root{color-scheme:dark}}@media(hover:none)and (pointer:coarse){.icon-btn:hover,.list-item:hover{background:transparent}.glossy-button:hover{transform:none}}@media(max-height:500px)and (orientation:landscape){.mobile-nav{height:50px}}@supports (padding: env(safe-area-inset-bottom)){.mobile-nav{padding-bottom:env(safe-area-inset-bottom)}.chat-input{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}@supports (padding: max(0px)){.app-container{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}::selection{background:var(--accent);color:#fff}::-moz-selection{background:var(--accent);color:#fff}::placeholder{color:var(--text-muted);opacity:1}:-ms-input-placeholder{color:var(--text-muted)}::-ms-input-placeholder{color:var(--text-muted)}img{image-rendering:-webkit-optimize-contrast}.emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.login-shell{position:relative;min-height:var(--app-vh);background:radial-gradient(ellipse at 18% 14%,rgba(168,85,247,.22),transparent 48%),radial-gradient(ellipse at 82% 80%,rgba(236,72,153,.18),transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(99,102,241,.1),transparent 65%),linear-gradient(160deg,#06040f,#0b0818 55%,#100a1e);overflow:hidden;display:flex;align-items:center;justify-content:center;padding:clamp(20px,4vw,48px)}.login-background,.login-noise{position:absolute;inset:0;pointer-events:none}.login-grid{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(168,85,247,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(168,85,247,.06) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.85),transparent 75%);mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.85),transparent 75%)}.login-noise{opacity:.05;background-image:radial-gradient(rgba(168,85,247,.5) .4px,transparent .4px),radial-gradient(rgba(236,72,153,.4) .4px,transparent .4px);background-position:0 0,20px 20px;background-size:40px 40px}.login-aurora{position:absolute;filter:blur(75px);border-radius:50%}.login-aurora-one{width:min(50vw,650px);height:min(50vw,650px);top:-14%;left:-14%;background:radial-gradient(circle,rgba(168,85,247,.55) 0%,rgba(99,102,241,.12) 60%,transparent 100%)}.login-aurora-two{width:min(45vw,580px);height:min(45vw,580px);top:4%;right:-14%;background:radial-gradient(circle,rgba(236,72,153,.48) 0%,rgba(236,72,153,.08) 65%,transparent 100%)}.login-aurora-three{width:min(38vw,520px);height:min(38vw,520px);bottom:-26%;left:35%;background:radial-gradient(circle,rgba(99,102,241,.38) 0%,rgba(168,85,247,.06) 70%,transparent 100%)}.login-orbit-ring{position:absolute;border-radius:9999px}.login-ring-one{width:660px;height:660px;top:calc(50% - 330px);left:calc(50% - 330px);border:1px solid rgba(168,85,247,.12)}.login-ring-two{width:460px;height:460px;top:calc(50% - 230px);left:calc(50% - 230px);border:1px dashed rgba(236,72,153,.1)}.login-layout{position:relative;z-index:1;width:min(1100px,100%);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);align-items:stretch;gap:clamp(24px,3.5vw,42px)}.login-hero{display:flex;flex-direction:column;justify-content:center;gap:26px;padding:clamp(20px,3vw,38px)}.login-hero-badge{width:fit-content;display:inline-flex;align-items:center;gap:8px;font-size:.76rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;border:1px solid rgba(168,85,247,.3);border-radius:9999px;padding:8px 14px;background:#a855f71a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#d4b8ff;box-shadow:0 0 20px #a855f726}.login-hero-title{margin:0;font-size:clamp(2.4rem,5.5vw,4.2rem);line-height:.95;letter-spacing:-.025em;font-family:var(--font-display);text-wrap:balance;background:linear-gradient(135deg,#f0ebff 20%,#c084fc,#ec4899 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-hero-subtitle{margin:0;max-width:46ch;color:var(--text-secondary);font-size:clamp(1rem,2vw,1.2rem);line-height:1.55}.login-hero-points{display:flex;flex-direction:column;gap:10px;max-width:52ch}.login-hero-point{display:flex;align-items:center;gap:12px;font-size:.94rem;color:#cebceb;padding:12px 16px;border-radius:14px;border:1px solid rgba(168,85,247,.14);background:#a855f70f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .2s,background .2s}.login-hero-point:hover{border-color:#a855f747;background:#a855f71a}.login-hero-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#a855f7,#ec4899);box-shadow:0 0 0 5px #a855f726}.login-panel{width:100%;display:flex;flex-direction:column;gap:20px;padding:clamp(24px,3.5vw,38px);border-radius:28px;background:#0a0714c7;border:1px solid rgba(168,85,247,.18);box-shadow:0 28px 70px #0000008c,0 0 0 1px #ffffff0a inset,0 0 60px #a855f71a;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.login-brand{display:flex;align-items:center;gap:16px}.login-logo-wrap{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#a855f7,#ec4899);box-shadow:0 16px 36px #a855f766,0 0 0 1px #ffffff1f inset;flex-shrink:0}.login-brand h2{margin:0;font-size:1.5rem;font-family:var(--font-display);letter-spacing:-.01em;background:linear-gradient(135deg,#ede8ff,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-brand p{margin:4px 0 0;color:var(--text-muted);font-size:.92rem}.login-error{color:#ffd7d5;background:#f43f5e2e;border:1px solid rgba(244,63,94,.35);border-radius:12px;padding:10px 14px;font-size:.88rem;animation:fadeIn .3s ease}.login-primary-button{width:100%;min-height:54px;font-size:.97rem;border-radius:14px!important}.login-account-switcher{display:flex;flex-direction:column;gap:12px}.login-switch-title{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.login-switch-title span{flex:1;height:1px;background:#a855f733}.login-account-list{display:flex;flex-direction:column;gap:10px}.login-account-card{width:100%;border:1px solid rgba(168,85,247,.14);background:#a855f70d;color:var(--text-primary);border-radius:14px;display:flex;align-items:center;gap:12px;padding:11px 14px;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}.login-account-card:hover{border-color:#a855f759;background:#a855f71a;box-shadow:0 8px 24px #a855f726}.login-account-card:disabled{opacity:.5;cursor:not-allowed}.login-account-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;background-size:cover;background-position:center;border:1px solid rgba(168,85,247,.28)}.login-account-avatar-fallback{display:grid;place-items:center;background:#a855f733;font-weight:700;font-size:.9rem;color:#c084fc}.login-account-meta{flex:1;min-width:0;text-align:left}.login-account-meta strong,.login-account-meta span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-account-meta strong{font-size:.9rem}.login-account-meta span{margin-top:2px;font-size:.78rem;color:var(--text-muted)}.login-footnote{margin:0;font-size:.75rem;line-height:1.5;color:var(--text-muted);text-align:center}.login-legal-consent{display:flex;align-items:flex-start;gap:10px;font-size:.78rem;color:var(--text-secondary);line-height:1.5}.login-legal-consent input{margin-top:2px;width:14px;height:14px;accent-color:var(--accent)}.login-footnote-link{background:none;border:none;color:#c084fc;cursor:pointer;padding:0;margin:0;font:inherit;text-decoration:underline;text-underline-offset:2px}.login-footnote-link:hover{color:#e9d5ff}@media(max-width:960px){.login-layout{grid-template-columns:1fr;max-width:560px}.login-hero{padding:4px 6px;gap:18px}.login-panel{border-radius:22px}.login-ring-one{width:500px;height:500px;top:calc(50% - 250px);left:calc(50% - 250px)}.login-ring-two{width:340px;height:340px;top:calc(50% - 170px);left:calc(50% - 170px)}}@media(max-width:680px){.login-shell{padding:16px}.login-hero-title{font-size:clamp(2.1rem,10vw,2.8rem)}.login-hero-subtitle{font-size:.98rem}.login-hero-point{font-size:.88rem}.login-panel{padding:22px;gap:16px}.login-ring-one,.login-ring-two{display:none}}#root{max-width:none;margin:0;padding:0;text-align:left;width:100%;height:100%}