@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--color-primary:#8B5CF6;--color-primary-dark:#7C3AED;--color-primary-light:#A78BFA;--color-primary-hover:#7C3AED;--color-primary-bg:#F5F3FF;--color-primary-border:rgba(139,92,246,0.18);--color-bg-layout:#FAFAF8;--color-bg-container:#FFFFFF;--color-bg-sidebar:#FFFFFF;--color-bg-elevated:#FFFFFF;--color-bg-banner:#FAFAF8;--color-bg-banner-border:#E4E4E7;--color-border:#E4E4E7;--color-border-secondary:#F0F0F0;--color-border-hover:#C4C4C4;--color-border-banner:#E4E4E7;--color-success:#10a37f;--color-success-bg:rgba(16,163,127,0.05);--color-success-border:rgba(16,163,127,0.2);--color-error:#ef4444;--color-error-bg:rgba(239,68,68,0.05);--color-error-border:rgba(239,68,68,0.15);--color-warning:#D97706;--color-warning-bg:#FEF3C7;--color-warning-border:#FDE68A;--color-text-primary:#18181B;--color-text-secondary:#52525B;--color-text-muted:#A1A1AA;--color-text-disabled:#D4D4D8;--shadow-sm:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--shadow-lg:0 8px 24px rgba(0,0,0,0.10);--shadow-indigo:0 4px 14px rgba(139,92,246,0.22);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-full:99px;--transition-fast:0.15s cubic-bezier(0.16,1,0.3,1);--transition-base:0.25s cubic-bezier(0.16,1,0.3,1);--color-claude:#D97757;--color-suno:#7C3AED;--max-width:1200px;--header-height:64px}body.theme-claude{--color-primary:#D97757;--color-primary-dark:#b85c3f;--color-primary-light:#e08b6f;--color-primary-hover:#c46849;--color-primary-bg:rgba(217,119,87,0.08);--color-primary-border:rgba(217,119,87,0.2);--shadow-indigo:0 4px 14px rgba(217,119,87,0.28);--color-success:#D97757;--color-success-bg:rgba(217,119,87,0.05);--color-bg-banner:#FFF8F5;--color-border-banner:#FCDBD0}body.theme-suno{--color-primary:#7C3AED;--color-primary-dark:#5b21b6;--color-primary-light:#8b5cf6;--color-primary-hover:#6d28d9;--color-primary-bg:rgba(124,58,237,0.08);--color-primary-border:rgba(124,58,237,0.2);--shadow-indigo:0 4px 14px rgba(124,58,237,0.28);--color-success:#7C3AED;--color-success-bg:rgba(124,58,237,0.05);--color-bg-banner:#FAF5FF;--color-border-banner:#E9D5FF}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{background-color:var(--color-bg-layout)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;color:var(--color-text-primary);line-height:1.5;position:relative;overflow-x:hidden}body:after,body:before{display:none!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.08);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.16)}a{color:var(--color-primary);text-decoration:none;transition:all var(--transition-fast)}a:hover{color:var(--color-primary-hover);text-decoration:underline}.glass-card{background:var(--color-bg-container);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base);position:relative}.glass-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-slide{animation:fadeSlideUp .3s ease-out forwards}