:root{--bg-liquid: fixed linear-gradient(135deg, #050505 0%, #120a1a 50%, #0a0508 100%);--glass-bg: linear-gradient(135deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .01) 100%);--glass-bg-hover: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .03) 100%);--glass-border: rgba(255, 255, 255, .1);--glass-blur: blur(25px);--input-bg: rgba(0, 0, 0, .25);--sidebar-bg: rgba(255, 255, 255, .08);--pill-bg: rgba(0, 0, 0, .15);--pill-active-bg: rgba(255, 255, 255, .2);--primary-accent: #818cf8;--secondary-accent: #ec4899;--text-main: #f8fafc;--text-muted: rgba(248, 250, 252, .5);--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 32px;--spacing-xl: 48px;--radius-lg: 32px;--radius-md: 20px;--radius-pill: 50px;--shadow-liquid: 0 15px 35px 0 rgba(0, 0, 0, .4), inset 0 0 1px 1px rgba(255, 255, 255, .05)}:root.light-mode{--bg-liquid: fixed linear-gradient(135deg, #f8fafc 0%, #eef2ff 50%, #f1f5f9 100%);--glass-bg: linear-gradient(135deg, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, .2) 100%);--glass-bg-hover: linear-gradient(135deg, rgba(255, 255, 255, .7) 0%, rgba(255, 255, 255, .4) 100%);--glass-border: rgba(129, 140, 248, .25);--input-bg: rgba(255, 255, 255, .6);--sidebar-bg: rgba(255, 255, 255, .5);--pill-bg: rgba(129, 140, 248, .08);--pill-active-bg: rgba(255, 255, 255, 1);--primary-accent: #4f46e5;--secondary-accent: #db2777;--text-main: #0f172a;--text-muted: #64748b;--shadow-liquid: 0 15px 35px 0 rgba(129, 140, 248, .15), inset 0 0 1px 1px rgba(255, 255, 255, 1)}body{margin:0;padding:0;box-sizing:border-box;font-family:Raleway,sans-serif!important;background:var(--bg-liquid);color:var(--text-main);min-height:100vh;line-height:1.5}*{box-sizing:inherit;font-family:Raleway,sans-serif!important}::placeholder{color:var(--text-muted);opacity:.7}.liquid-glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-liquid)}[data-tooltip]{position:relative;cursor:help}[data-tooltip]:before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(5px);padding:8px 14px;background:#0a0a14fa;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(129,140,248,.5);color:#fff;font-size:11px;font-weight:600;border-radius:10px;white-space:normal;width:max-content;max-width:180px;z-index:2000;pointer-events:none;opacity:0;visibility:hidden;transition:all .2s ease-out;box-shadow:0 8px 20px #0009;line-height:1.4;text-align:center}[data-tooltip]:hover:before{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}