:root{--ocean-deep: #0a1628;--ocean-mid: #0f172a;--ocean-surface: #006994;--turquoise: #40e0d0;--moonlight: #fff5e0;--coral: #ef4444;--amber: #f59e0b;--emerald: #10b981;--text-primary: rgba(255, 255, 255, .9);--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .35);--glass-bg: rgba(15, 23, 42, .7);--glass-border: rgba(64, 224, 208, .12);--glass-border-hover: rgba(64, 224, 208, .3);--font-display: "Playfair Display", serif;--font-body: "DM Sans", sans-serif;--font-accent: "Outfit", sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}input[type=range]{-webkit-appearance:none;height:4px;background:#40e0d026;border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--turquoise);cursor:pointer;border:3px solid var(--ocean-deep);box-shadow:0 0 10px #40e0d066}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,#40e0d00d 25%,#40e0d01a,#40e0d00d 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}