:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--black: #0a0a0a;--black-soft: #121212;--black-lighter: #1a1a1a;--gray-darker: #2a2a2a;--gray-dark: #3a3a3a;--gray: #808080;--gray-light: #b8b8b8;--gray-lighter: #d4d4d4;--white-darker: #e8e8e8;--white: #ffffff;--glass-bg: rgba(255, 255, 255, .03);--glass-bg-hover: rgba(255, 255, 255, .06);--glass-bg-active: rgba(255, 255, 255, .09);--glass-border: rgba(255, 255, 255, .1);--glass-border-strong: rgba(255, 255, 255, .15);--glass-light: rgba(255, 255, 255, .08);--glass-light-hover: rgba(255, 255, 255, .12);--glass-light-border: rgba(255, 255, 255, .2);--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .65);--text-muted: rgba(255, 255, 255, .4);--text-disabled: rgba(255, 255, 255, .25);--color-success: #e8e8e8;--color-warning: #b8b8b8;--color-error: #808080;--color-info: #d4d4d4;--shadow-sm: 0 1px 4px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px 0 rgba(0, 0, 0, .6);--shadow-lg: 0 8px 32px 0 rgba(0, 0, 0, .7);--shadow-xl: 0 16px 48px 0 rgba(0, 0, 0, .8);--shadow-inner: inset 0 2px 8px 0 rgba(0, 0, 0, .3);--radius-none: 0;--radius-xs: 1px;--radius-sm: 2px;--radius-md: 3px;--radius-lg: 4px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;--font-size-xs: .6875rem;--font-size-sm: .8125rem;--font-size-base: .9375rem;--font-size-lg: 1.0625rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--transition-instant: .1s cubic-bezier(.4, 0, 1, 1);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.25, 0, .1, 1);--z-background: -1;--z-base: 0;--z-grid: 1;--z-dropdown: 1000;--z-sticky: 1100;--z-fixed: 1200;--z-modal-backdrop: 1300;--z-modal: 1400;--z-popover: 1500;--z-tooltip: 1600;--grid-size: 32px;--grid-color: rgba(255, 255, 255, .02);--grid-line-width: 1px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--black);overflow-x:hidden;line-height:1.5;letter-spacing:-.01em}.liquid-background{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at top,var(--black-soft) 0%,var(--black) 100%);z-index:var(--z-background);overflow:hidden}.liquid-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--grid-color) var(--grid-line-width),transparent var(--grid-line-width)),linear-gradient(90deg,var(--grid-color) var(--grid-line-width),transparent var(--grid-line-width));background-size:var(--grid-size) var(--grid-size);z-index:var(--z-grid);opacity:.5;animation:gridMove 40s linear infinite}.liquid-background:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(255,255,255,.02) 0%,transparent 50%);animation:floatShape 30s ease-in-out infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(var(--grid-size),var(--grid-size))}}@keyframes floatShape{0%,to{transform:translate(0) scale(1);opacity:.3}50%{transform:translate(50px,-50px) scale(1.1);opacity:.5}}.vector-lines{position:absolute;width:100%;height:100%;overflow:hidden;pointer-events:none}.vector-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);animation:vectorSlide 8s linear infinite}@keyframes vectorSlide{0%{transform:translate(-100%);opacity:0}50%{opacity:1}to{transform:translate(100%);opacity:0}}.glass-card{background:var(--glass-bg);backdrop-filter:blur(24px) saturate(100%);-webkit-backdrop-filter:blur(24px) saturate(100%);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md),var(--shadow-inner);transition:all var(--transition-base);position:relative}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);opacity:0;transition:opacity var(--transition-base)}.glass-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-strong);box-shadow:var(--shadow-lg),var(--shadow-inner)}.glass-card:hover:before{opacity:1}.glass-card-sharp{border-radius:var(--radius-xs)}.glass-card-lg{border-radius:var(--radius-lg);padding:var(--space-6)}.glass-card-sm{border-radius:var(--radius-sm);padding:var(--space-4)}.glass-card-accent:after{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:500;letter-spacing:.02em;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none;text-transform:uppercase}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);transition:left var(--transition-base)}.btn:hover:before{left:100%}.btn-primary{background:var(--white);color:var(--black);box-shadow:var(--shadow-sm);font-weight:600}.btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-1px);background:var(--white-darker)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--glass-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);border:1px solid var(--glass-light-border)}.btn-secondary:hover{background:var(--glass-light-hover);border-color:var(--white)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--glass-border)}.btn-ghost:hover{background:var(--glass-bg);color:var(--text-primary);border-color:var(--glass-border-strong)}.btn-outline{background:transparent;color:var(--white);border:1px solid var(--white)}.btn-outline:hover{background:var(--white);color:var(--black)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-base)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.input{width:100%;padding:var(--space-3) var(--space-4);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-base);transition:all var(--transition-fast);outline:none}.input::placeholder{color:var(--text-muted);letter-spacing:.01em}.input:focus{background:var(--glass-bg-hover);border-color:var(--white);box-shadow:0 0 0 1px #ffffff1a}.input:disabled{opacity:.4;cursor:not-allowed}.input-lg{padding:var(--space-4) var(--space-5);font-size:var(--font-size-lg)}.textarea{min-height:120px;resize:vertical;font-family:var(--font-sans)}.message-bubble{max-width:70%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);word-wrap:break-word;animation:messageSlideIn .2s cubic-bezier(.4,0,.2,1);position:relative}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.message-bubble.sent{background:linear-gradient(135deg,#5b6fd8,#6b7ee8);color:#fff;align-self:flex-end;border-bottom-right-radius:var(--radius-xs);box-shadow:0 3px 12px #5b6fd866;border:1px solid rgba(107,126,232,.3);transition:all .2s ease}.message-bubble.sent:hover{background:linear-gradient(135deg,#6270e0,#7280f0);box-shadow:0 5px 20px #5b6fd880}.message-bubble.sent:before{content:"";position:absolute;top:0;right:0;width:2px;height:100%;background:linear-gradient(180deg,rgba(255,255,255,.2) 0%,transparent 100%)}.message-bubble.received{background:linear-gradient(135deg,#1a1a24,#1f1f2e);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(91,111,216,.25);color:#e5e5f0;align-self:flex-start;border-bottom-left-radius:var(--radius-xs);box-shadow:0 3px 10px #00000080;transition:all .2s ease}.message-bubble.received:hover{background:linear-gradient(135deg,#1f1f2e,#252538);border-color:#5b6fd859;box-shadow:0 5px 15px #0009}.message-bubble.received:before{content:"";position:absolute;top:0;left:0;width:1px;height:100%;background:linear-gradient(180deg,rgba(91,111,216,.3) 0%,transparent 100%)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;border:1px solid}.badge-primary{background:var(--white);color:var(--black);border-color:var(--white)}.badge-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:var(--glass-border);color:var(--text-secondary)}.badge-outline{background:transparent;border-color:var(--glass-border-strong);color:var(--text-primary)}.spinner{width:40px;height:40px;border:2px solid var(--glass-border);border-top-color:var(--white);border-radius:var(--radius-xs);animation:spin 1s cubic-bezier(.5,0,.5,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner-sm{width:20px;height:20px;border-width:1px}.spinner-lg{width:60px;height:60px;border-width:3px}.avatar{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--white);color:var(--black);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-sm);position:relative;overflow:hidden;border:1px solid var(--glass-border)}.avatar-sm{width:32px;height:32px;font-size:var(--font-size-xs)}.avatar-lg{width:56px;height:56px;font-size:var(--font-size-lg)}.avatar-online:after{content:"";position:absolute;bottom:2px;right:2px;width:8px;height:8px;background:var(--white);border:1px solid var(--black);border-radius:var(--radius-xs);animation:pulseOnline 2s ease-in-out infinite}@keyframes pulseOnline{0%,to{opacity:1}50%{opacity:.6}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--glass-bg-active);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}::-webkit-scrollbar-thumb:hover{background:#ffffff26}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.w-full{width:100%}.h-full{height:100%}.rounded-none{border-radius:var(--radius-none)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.border-accent{position:relative}.border-accent:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%)}.corner-accent{position:relative}.corner-accent:before,.corner-accent:after{content:"";position:absolute;width:12px;height:12px;border:1px solid rgba(255,255,255,.3)}.corner-accent:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.corner-accent:after{bottom:-1px;right:-1px;border-left:none;border-top:none}@media(max-width:768px){:root{--font-size-base: .875rem;--grid-size: 24px}.glass-card-lg{padding:var(--space-4)}.message-bubble{max-width:85%}}@media(max-width:480px){:root{--font-size-base: .8125rem;--grid-size: 16px}.btn{padding:var(--space-2) var(--space-4)}.message-bubble{max-width:90%}}@media(prefers-reduced-motion:no-preference){*{scroll-behavior:smooth}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{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);--glass-border-strong: rgba(255, 255, 255, .5)}}