*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{color-scheme:light only;background:#fff}body{margin:0;padding:0;background:#fff!important;color:#333!important}#root{color-scheme:light;background:#fff;width:100%;max-width:none;margin:0;border:none;min-height:100svh;text-align:initial}@media(prefers-color-scheme:dark){html,body,#root{color-scheme:light!important;background:#fff!important;color:#000!important}}button{font-family:inherit}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.paywall{min-height:100vh;background:linear-gradient(135deg,#e0f4ff,#d4edda,#fff9e6);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:light only;color:#495057}.paywall-card{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:28px;padding:36px 28px;max-width:360px;width:100%;box-shadow:0 8px 40px #8ecfbd40,0 2px 8px #00000014;text-align:center;border:1px solid rgba(255,255,255,.6)}.paywall-pips{width:100px;height:100px;object-fit:contain;margin-bottom:8px}.paywall-title{font-size:26px;font-weight:800;color:#2d6a4f;margin:0 0 4px}.paywall-subtitle{font-size:13px;color:#6c757d;margin:0 0 20px}.paywall-intro{font-size:15px;color:#495057;line-height:1.6;margin:0 0 24px}.paywall-buy{display:block;background:linear-gradient(135deg,#52b788,#40916c);color:#fff;padding:14px 24px;border-radius:50px;font-weight:700;font-size:16px;text-decoration:none;margin-bottom:16px;box-shadow:0 4px 15px #52b78866}.paywall-hint{font-size:12px;color:#adb5bd;margin:0 0 16px}.paywall-input{width:100%;padding:12px 16px;border-radius:50px;border:2px solid #dee2e6;font-size:14px;font-family:inherit;outline:none;box-sizing:border-box;margin-bottom:10px;text-align:center;color:#212529;caret-color:#212529;color-scheme:light;-webkit-text-fill-color:#212529;background:#fff}.paywall-input::placeholder{color:#adb5bd;-webkit-text-fill-color:#adb5bd;opacity:1}.paywall-input:focus{border-color:#74c0fc}.paywall-unlock{width:100%;padding:12px;border-radius:50px;border:none;background:linear-gradient(135deg,#74c0fc,#4dabf7);color:#fff;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 4px 12px #74c0fc66}.paywall-unlock:disabled{background:#adb5bd;cursor:not-allowed;box-shadow:none}.paywall-status{margin-top:12px;font-size:13px}.paywall-status--error{color:#dc3545}.paywall-status--warn{color:#fd7e14}.paywall-footer{margin-top:16px;font-size:11px;color:#adb5bd}.hydration-app,.hydration-app *{color-scheme:light}.hydration-app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow:hidden}.hydration-card{width:100%;max-width:420px;margin:0 auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:32px;padding:24px 20px;box-shadow:0 10px 40px #64788c4d,0 0 0 2px #fffffff2 inset,0 6px 16px #fffc inset,0 0 0 1px #64788c26;border:2px solid rgba(255,255,255,.95);position:relative}.glass-pill{display:flex;align-items:center;gap:6px;padding:10px;background:linear-gradient(135deg,#ffffff80,#ffffff4d);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;border:2px solid rgba(255,255,255,.9);box-shadow:0 4px 16px #64788c40,0 2px 6px #fff9 inset,0 0 0 1px #64788c26}.glass-btn{padding:0;background:linear-gradient(180deg,#fff9,#e6e6ff66);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;border:2px solid rgba(255,255,255,.9);box-shadow:0 4px 16px #64788c40,0 1px #fff9 inset,0 0 0 1px #64788c26;cursor:pointer;width:50px;height:50px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}.glass-btn-shine{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#fff9,#ffffff0d);border-radius:12px 12px 0 0;pointer-events:none;z-index:1}.glass-btn-inner{position:relative;z-index:2}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes sparkle{0%,to{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1) rotate(180deg);opacity:1}}@keyframes leafWiggle{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes dropFall{0%{transform:translate(-50%,-150%);opacity:1}to{transform:translate(-50%,50%);opacity:0}}@keyframes fireflyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes fireflyglow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes fireflyblink{0%,90%,to{opacity:1}95%{opacity:.3}}@keyframes plantSway{0%,to{transform:rotate(0)}50%{transform:rotate(3deg)}}@keyframes ripple{0%{transform:scale(1);opacity:.4}to{transform:scale(1.3);opacity:0}}@keyframes waterSparkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:.8;transform:scale(1.2)}}@keyframes sparkleOut{0%{transform:scale(0);opacity:1}to{transform:scale(2);opacity:0}}@keyframes leafGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.5)}}@keyframes grassSway{0%,to{transform:rotate(0)}50%{transform:rotate(5deg)}}@keyframes flowerSway{0%,to{transform:translate(-50%) rotate(0)}25%{transform:translate(-50%) rotate(-2deg)}75%{transform:translate(-50%) rotate(2deg)}}@keyframes dewSparkle{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes gentlePulse{0%,to{box-shadow:0 6px 20px #8ecfbd66,0 2px 4px #ffffff80 inset}50%{box-shadow:0 6px 20px #8ecfbd66,0 0 25px #8ecfbd80,0 2px 4px #ffffff80 inset}}@keyframes dayCheck{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes pipsSad{0%,to{transform:translate(-50%,-50%) rotate(-3deg)}50%{transform:translate(-50%,-50%) rotate(3deg)}}@keyframes pipsNeutral{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-6px)}}@keyframes pipsHappy{0%,to{transform:translate(-50%,-50%) translateY(0) rotate(-5deg)}25%{transform:translate(-50%,-50%) translateY(-10px) rotate(5deg)}50%{transform:translate(-50%,-50%) translateY(-4px) rotate(-3deg)}75%{transform:translate(-50%,-50%) translateY(-8px) rotate(3deg)}}@keyframes pipsCelebration{0%{transform:translate(-50%,-50%) rotate(0) scale(1)}25%{transform:translate(-50%,-50%) rotate(90deg) scale(1.1)}50%{transform:translate(-50%,-50%) rotate(180deg) scale(1)}75%{transform:translate(-50%,-50%) rotate(270deg) scale(1.1)}to{transform:translate(-50%,-50%) rotate(360deg) scale(1)}}@keyframes pipsRefillSpin{0%{transform:translate(-50%,-50%) rotate(0) scale(1.2)}to{transform:translate(-50%,-50%) rotate(360deg) scale(1.2)}}@keyframes pipsRefillAlert{0%,to{filter:drop-shadow(0 0 15px #ff00ff) drop-shadow(0 0 30px #ff69b4) brightness(1.2)}50%{filter:drop-shadow(0 0 30px #ff00ff) drop-shadow(0 0 50px #ff69b4) brightness(1.5)}}@keyframes bannerSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.dragonfly-bug{position:fixed;width:40px;height:40px;pointer-events:none;z-index:1000;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:filter .3s ease}.dragonfly-bug.glow{filter:drop-shadow(0 0 10px #ffd700) drop-shadow(0 0 20px #ffa500) brightness(1.3);animation:dragonflyGlow 2s ease-in-out infinite}.dragonfly-wings{animation:dragonflyFlap .25s infinite}.dragonfly-bug.flying .dragonfly-wings{animation-duration:.15s!important}@keyframes dragonflyFlap{0%,to{transform:rotate(0)}50%{transform:rotate(25deg)}}@keyframes dragonflyGlow{0%,to{filter:drop-shadow(0 0 8px #ffd700) drop-shadow(0 0 16px #ffa500) brightness(1.2)}50%{filter:drop-shadow(0 0 16px #ffd700) drop-shadow(0 0 30px #ffa500) brightness(1.5)}}.wing-front-left,.wing-front-right,.wing-back-left,.wing-back-right{transform-origin:50% 40%}.bubble-trigger{position:absolute;width:50px;height:50px;background:linear-gradient(135deg,#aed6f1b3,#85c1e999);border:3px solid rgba(255,255,255,.9);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 12px #85c1e966,0 2px 6px #fff9 inset;animation:bubbleFloat 3s ease-in-out infinite;z-index:500}@keyframes bubbleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.drawing-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);z-index:9999;display:none;touch-action:none;overflow:hidden}.drawing-overlay.active{display:block}.drawing-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;cursor:none;background:transparent}.drawing-bug{position:fixed;width:60px;height:60px;pointer-events:none;z-index:10000;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.drawing-bug.drawing .dragonfly-wings{animation-duration:.12s!important}.drawing-title{position:fixed;top:20px;left:20px;color:#fff;font-size:20px;font-weight:600;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 25px;border-radius:50px;box-shadow:0 2px 10px #0000001a;display:flex;align-items:center;gap:8px;pointer-events:none;z-index:10001}.drawing-top-controls{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:10001}.drawing-controls{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 20px;border-radius:50px;box-shadow:0 4px 20px #0000001a;z-index:10001}.color-btn{width:45px;height:45px;border:3px solid transparent;border-radius:50%;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #00000026}.color-btn:hover{transform:scale(1.1)}.color-btn.active{border-color:#333;transform:scale(1.15)}.control-btn{width:50px;height:50px;background:#fff;border:2px solid #ddd;border-radius:50%;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 8px #00000026}.control-btn:hover{transform:scale(1.1);background:#f8f8f8}.bubble-back-btn{width:50px;height:50px;background:linear-gradient(135deg,#aed6f1e6,#85c1e9e6);border:2px solid rgba(255,255,255,.5);border-radius:50%;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 8px #00000026}.bubble-back-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #85c1e966}