:root{--sky-gradient-start: #f3f4f6;--sky-gradient-end: #e2e8f0;--water-line-color: #0ea5e9;--deep-bg-start: #0f172a;--deep-bg-end: #020617;--ice-tip-bg: #E0F7FA;--ice-tip-accent: #22d3ee;--color-melt: #FF6B6B;--color-freeze: #06b6d4;--color-text-dark: #0f172a;--color-text-light: #f8fafc;--color-text-muted: #94a3b8;--font-mono: "JetBrains Mono", monospace;--font-sans: "Inter", sans-serif;--glass-panel-light: rgba(255, 255, 255, .65);--glass-panel-dark: rgba(15, 23, 42, .8);--glass-blur: 16px;--glass-border-light: rgba(255, 255, 255, .4);--glass-border-dark: rgba(255, 255, 255, .1);--radius-lg: 24px;--radius-xl: 32px;--spacing-unit: 8px}body{margin:0;padding:0;font-family:var(--font-sans);background:var(--sky-gradient-start);color:var(--color-text-dark);-webkit-font-smoothing:antialiased;overflow:hidden}.font-mono{font-family:var(--font-mono)}.text-huge{font-size:3.5rem;letter-spacing:-2px;font-weight:700}.text-label{text-transform:uppercase;letter-spacing:1.5px;font-size:.7rem;font-weight:700;opacity:.8}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 6s ease-in-out infinite}