:root{--teal: #1D9E75;--teal-dark: #157a5a;--teal-light: #2dc994;--ocean-blue: #1a6b8a;--ocean-light: #e8f6f9;--ocean-mid: #b0dce8;--white: #ffffff;--off-white: #f7fdfb;--text-dark: #0d2b23;--text-mid: #2d5a4a;--text-light: #5a9080;--card-bg: #ffffff;--shadow: 0 4px 24px rgba(29, 158, 117, .12);--shadow-hover: 0 8px 40px rgba(29, 158, 117, .22);--radius: 16px;--radius-sm: 8px;--radius-lg: 24px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:linear-gradient(160deg,#e8f6f9,#f0faf6,#e0f2ea);min-height:100vh;color:var(--text-dark)}button{cursor:pointer;border:none;font-family:inherit}input,select,textarea{font-family:inherit}@keyframes float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}@keyframes flipSpin{0%{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(1.3)}50%{transform:rotate(180deg) scale(1.5)}75%{transform:rotate(270deg) scale(1.3)}to{transform:rotate(360deg) scale(1)}}@keyframes megaFlip{0%{transform:scale(1) rotate(0)}20%{transform:scale(1.8) rotate(180deg)}40%{transform:scale(2.4) rotate(360deg) translateY(-20px)}60%{transform:scale(1.8) rotate(540deg) translateY(-10px)}80%{transform:scale(1.2) rotate(680deg)}to{transform:scale(1) rotate(720deg)}}@keyframes splash{0%{transform:scale(1)}30%{transform:scale(.7) translateY(8px)}60%{transform:scale(1.1) rotate(-15deg)}to{transform:scale(1) rotate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes wave{0%{transform:scaleX(1)}50%{transform:scaleX(1.02) translate(2px)}to{transform:scaleX(1)}}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#1d9e75;border:3px solid white;box-shadow:0 2px 8px #1d9e7559;cursor:pointer;margin-top:-7px}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#1d9e75;border:3px solid white;box-shadow:0 2px 8px #1d9e7559;cursor:pointer}.animate-float{animation:float 3s ease-in-out infinite}.animate-flip{animation:flipSpin .6s ease-in-out}.animate-mega-flip{animation:megaFlip 1.2s ease-in-out}.animate-splash{animation:splash .5s ease-in-out}.animate-slide-up{animation:slideUp .4s ease-out}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-pulse{animation:pulse 1.5s ease-in-out infinite}