:root{--color-primary:#00a6ff;--color-primary-light:#5b9fe3;--color-primary-dark:#4a8fe7;--color-primary-glow:#00a6ff80;--gradient-primary:linear-gradient(135deg, #5b9fe3 0%, #4a8fe7 100%);--gradient-primary-hover:linear-gradient(135deg, #6baeed 0%, #5a9ff1 100%);--color-background:#000;--color-surface:#1c1c1e;--color-surface-highlight:#2c2c2e;--color-card-background:#1c1c1e;--color-border:#2c2c2e;--color-text:#fff;--color-text-secondary:#8e8e93;--color-accent-green:#30d158;--color-accent-pink:#ff2d55;--color-accent-orange:#ff9500;--color-danger:#ff453a;--font-family-base:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-display:var(--font-family-base);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:4rem;--container-width:1200px;--header-height:64px;--navbar-bg:#000c;--navbar-border:#ffffff1a;--shadow-sm:0 2px 10px #00a6ff4d;--shadow-md:0 4px 15px #00a6ff4d;--shadow-lg:0 20px 50px #00000080;--transition-theme:.3s ease}[data-theme=light]{--color-background:#fff;--color-surface:#f5f5f7;--color-surface-highlight:#e8e8ed;--color-card-background:#f5f5f7;--color-border:#d2d2d7;--color-text:#1d1d1f;--color-text-secondary:#6e6e73;--color-primary:#00a6ff;--color-primary-light:#5b9fe3;--color-primary-dark:#07c;--color-primary-glow:#00a6ff4d;--gradient-primary:linear-gradient(135deg, #00a6ff 0%, #07c 100%);--gradient-primary-hover:linear-gradient(135deg, #1ab5ff 0%, #08d 100%);--color-accent-green:#34c759;--color-accent-pink:#ff2d55;--color-accent-orange:#ff9500;--color-danger:#ff3b30;--navbar-bg:#ffffffb3;--navbar-border:#0000001a;--shadow-sm:0 2px 10px #0000001a;--shadow-md:0 4px 15px #00000026;--shadow-lg:0 20px 50px #0003}
@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-fade-in{animation:.6s ease-out forwards fadeIn}.animate-float{animation:6s ease-in-out infinite float}
*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-background);color:var(--color-text);font-family:var(--font-family-base);-webkit-font-smoothing:antialiased;transition:background-color var(--transition-theme), color var(--transition-theme);overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}