html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}body{font-family:Inter,SF Pro Display,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}:root,:root.dark{color-scheme:dark;--bg-base: #05060d;--app-container-bg: rgba(18, 22, 42, .35);--app-container-border: rgba(255, 255, 255, .06);--app-container-blur: 24px;--app-container-shadow: 0 30px 80px rgba(0, 0, 0, .55), 0 0 0 1px rgba(255, 255, 255, .04) inset;--nav-bg: rgba(8, 10, 22, .45);--nav-border: rgba(255, 255, 255, .04);--header-bg: rgba(8, 10, 22, .3);--header-border: rgba(255, 255, 255, .04);--surface: rgba(255, 255, 255, .04);--surface-hover: rgba(255, 255, 255, .08);--surface-dark: rgba(14, 17, 32, .95);--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .62);--text-tertiary: rgba(255, 255, 255, .42);--text-code: #c77dff;--border: rgba(255, 255, 255, .14);--border-subtle: rgba(255, 255, 255, .06);--overlay-light: rgba(255, 255, 255, .03);--overlay-medium: rgba(0, 0, 0, .3);--accent: #9d4edd;--accent-light: rgba(157, 78, 221, .18);--accent-medium: rgba(157, 78, 221, .32);--accent-strong: rgba(157, 78, 221, .85);--aurora-blue: #4361ee;--aurora-violet: #9d4edd;--aurora-magenta: #f72585;--aurora-teal: #06d6a0;--color-error: #ff5c7a;--color-success: #06d6a0;--color-warning: #ffb703;--scrollbar-thumb: rgba(157, 78, 221, .35);--card-surface: rgba(255, 255, 255, .04);--card-border: rgba(255, 255, 255, .08);--card-hover-shadow: 0 12px 40px rgba(157, 78, 221, .18);--card-selected-bg: rgba(157, 78, 221, .18);--card-selected-text: #ffffff;--btn-active-bg: rgba(157, 78, 221, .22);--btn-active-text: #ffffff;--glow-soft: 0 0 30px rgba(157, 78, 221, .25);--glow-medium: 0 0 50px rgba(157, 78, 221, .4);--glow-strong: 0 0 80px rgba(157, 78, 221, .6);--modal-bg: rgba(18, 22, 42, .92);--modal-border: rgba(255, 255, 255, .1);--modal-shadow: 0 30px 80px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .04) inset}:root.light{color-scheme:light;--bg-base: linear-gradient(135deg, #ede8f7 0%, #dbd3f5 100%);--app-container-bg: rgba(255, 255, 255, .75);--app-container-border: rgba(124, 77, 255, .15);--app-container-blur: 24px;--app-container-shadow: 0 20px 60px rgba(80, 40, 140, .1), 0 0 0 1px rgba(255, 255, 255, .65) inset;--nav-bg: rgba(124, 77, 255, .07);--nav-border: rgba(124, 77, 255, .12);--header-bg: rgba(0, 0, 0, .04);--header-border: rgba(0, 0, 0, .07);--surface: rgba(0, 0, 0, .05);--surface-hover: rgba(0, 0, 0, .08);--surface-dark: #ffffff;--text-primary: #1a0b2e;--text-secondary: rgba(26, 11, 46, .55);--text-tertiary: rgba(26, 11, 46, .4);--text-code: #5e35b1;--border: rgba(0, 0, 0, .12);--border-subtle: rgba(0, 0, 0, .07);--overlay-light: rgba(0, 0, 0, .04);--overlay-medium: rgba(0, 0, 0, .08);--accent: #7c4dff;--accent-light: rgba(124, 77, 255, .12);--accent-medium: rgba(124, 77, 255, .22);--accent-strong: rgba(124, 77, 255, .85);--aurora-blue: #3a56d4;--aurora-violet: #7c4dff;--aurora-magenta: #db1b73;--aurora-teal: #059669;--color-error: #e53935;--color-success: #388e3c;--color-warning: #f57c00;--scrollbar-thumb: rgba(124, 77, 255, .2);--card-surface: rgba(255, 255, 255, .6);--card-border: rgba(0, 0, 0, .07);--card-hover-shadow: 0 12px 40px rgba(124, 77, 255, .15);--card-selected-bg: rgba(124, 77, 255, .12);--card-selected-text: #3d1a8e;--btn-active-bg: rgba(124, 77, 255, .12);--btn-active-text: #3d1a8e;--glow-soft: 0 0 30px rgba(124, 77, 255, .15);--glow-medium: 0 0 50px rgba(124, 77, 255, .25);--glow-strong: 0 0 80px rgba(124, 77, 255, .4);--modal-bg: rgba(255, 255, 255, .95);--modal-border: rgba(124, 77, 255, .18);--modal-shadow: 0 30px 80px rgba(80, 40, 140, .18), 0 0 0 1px rgba(255, 255, 255, .65) inset}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::placeholder{color:var(--text-tertiary);opacity:1}.shell-panel{display:flex}@media(max-width:767px){.shell-panel.panel-hidden{display:none}}@keyframes shell-spin{to{transform:rotate(360deg)}}.shell-animate-spin{animation:shell-spin 1s linear infinite;display:inline-block}@keyframes shell-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.shell-animate-fade-in{animation:shell-fade-in .25s ease-out}@keyframes shell-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.shell-animate-float{animation:shell-float 5s ease-in-out infinite}@keyframes shell-text-shimmer{0%{background-position:-200% center}to{background-position:200% center}}.shell-text-gradient{background:linear-gradient(90deg,var(--aurora-blue) 0%,var(--aurora-violet) 50%,var(--aurora-magenta) 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shell-text-shimmer 6s linear infinite}.shell-glass{background:var(--app-container-bg);backdrop-filter:blur(var(--app-container-blur)) saturate(160%);-webkit-backdrop-filter:blur(var(--app-container-blur)) saturate(160%);border:1px solid var(--app-container-border);box-shadow:var(--app-container-shadow)}