:root{color:#123341;background:#f6e6b4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 16% 8%,rgba(255,216,106,.34),transparent 30%),radial-gradient(circle at 90% 12%,rgba(104,199,220,.34),transparent 28%),linear-gradient(180deg,#eafaff,#fff6dc 55%,#f7e4b2)}button{font:inherit}.app-shell{width:min(430px,100%);margin:0 auto;min-height:100vh;padding:18px 0}.phone-frame{position:relative;min-height:calc(100vh - 36px);border:0;border-radius:34px;overflow:hidden;background:linear-gradient(180deg,#87d9ef,#c4f1f4 34%,#f2d587 35%,#f9edc8);box-shadow:0 26px 72px #114b5c2b;contain:paint}.hero{position:relative;z-index:3;isolation:isolate;overflow:hidden;min-height:220px;padding:34px 22px 18px;background:linear-gradient(180deg,#78d8ec,#acecf1);transition:background .6s ease}.hero.scene-sunny{background:linear-gradient(180deg,#72d8ee,#bff4f2)}.hero.scene-partly-sunny{background:linear-gradient(180deg,#80d8ee,#c9f0ee)}.hero.scene-mostly-cloudy{background:linear-gradient(180deg,#9dcfd8,#d3e8e4)}.hero.scene-cloudy{background:linear-gradient(180deg,#a9c3c9,#d7ddd5)}.hero.scene-rainy{background:linear-gradient(180deg,#7fa7b4,#bdd1ca)}.hero.scene-snowy{background:linear-gradient(180deg,#b9d9e4,#eef6f5)}.hero.scene-thunderstorm{background:linear-gradient(180deg,#526f83,#8caeb2)}.hero.tod-sunrise{background:radial-gradient(circle at 78% 93%,rgba(255,197,104,.72),transparent 26%),linear-gradient(180deg,#738bc4,#ffa876 58%,#f8df9b)}.hero.tod-sunset{background:radial-gradient(circle at 82% 96%,rgba(255,156,78,.78),transparent 30%),linear-gradient(180deg,#5469a1,#f18472 56%,#f4c36d)}.hero.tod-night{background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.12),transparent 24%),linear-gradient(180deg,#142d4f,#274e73 58%,#406c7f)}.hero.tod-dawn{background:radial-gradient(circle at 76% 94%,rgba(255,188,117,.46),transparent 25%),linear-gradient(180deg,#23395f,#6d82b1 55%,#f3bb83)}.hero.tod-dusk{background:radial-gradient(circle at 80% 94%,rgba(255,117,91,.42),transparent 28%),linear-gradient(180deg,#34446f,#a16083 52%,#d69074)}.weather-scene{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.weather-scene.tod-night:before{content:"";position:absolute;inset:0;opacity:.86;background:radial-gradient(circle at 7% 22%,rgba(255,255,255,.88) 0 1px,transparent 1.8px),radial-gradient(circle at 14% 48%,rgba(255,255,255,.48) 0 .8px,transparent 1.6px),radial-gradient(circle at 24% 18%,rgba(255,255,255,.68) 0 1px,transparent 1.9px),radial-gradient(circle at 31% 58%,rgba(255,255,255,.38) 0 .7px,transparent 1.5px),radial-gradient(circle at 43% 28%,rgba(255,255,255,.8) 0 1.1px,transparent 2.1px),radial-gradient(circle at 54% 16%,rgba(255,255,255,.5) 0 .8px,transparent 1.7px),radial-gradient(circle at 62% 47%,rgba(255,255,255,.72) 0 1px,transparent 1.9px),radial-gradient(circle at 72% 24%,rgba(255,255,255,.44) 0 .7px,transparent 1.5px),radial-gradient(circle at 83% 53%,rgba(255,255,255,.74) 0 1px,transparent 1.9px),radial-gradient(circle at 93% 18%,rgba(255,255,255,.52) 0 .8px,transparent 1.7px);animation:starTwinkle 6.8s ease-in-out infinite alternate}.weather-scene.tod-night:after{content:"";position:absolute;inset:15% auto auto 64%;opacity:.42;background:linear-gradient(45deg,transparent calc(50% - .7px),rgba(255,255,255,.66) 50%,transparent calc(50% + .7px)),linear-gradient(-45deg,transparent calc(50% - .7px),rgba(255,255,255,.66) 50%,transparent calc(50% + .7px));width:5px;height:5px;filter:drop-shadow(-148px 24px rgba(255,255,255,.5)) drop-shadow(-82px 74px rgba(255,255,255,.34)) drop-shadow(118px 30px rgba(255,255,255,.46)) drop-shadow(168px 86px rgba(255,255,255,.3));animation:starSparkle 5.6s ease-in-out infinite alternate}.weather-scene.tod-dawn:before,.weather-scene.tod-dusk:before{content:"";position:absolute;inset:0;opacity:.24;background:radial-gradient(circle at 9% 26%,rgba(255,255,255,.72) 0 .9px,transparent 1.8px),radial-gradient(circle at 28% 18%,rgba(255,255,255,.48) 0 .8px,transparent 1.6px),radial-gradient(circle at 47% 35%,rgba(255,255,255,.58) 0 .9px,transparent 1.8px),radial-gradient(circle at 71% 22%,rgba(255,255,255,.42) 0 .7px,transparent 1.5px),radial-gradient(circle at 88% 48%,rgba(255,255,255,.52) 0 .8px,transparent 1.7px);animation:starDimTwinkle 6s ease-in-out infinite alternate}.sun-orb{position:absolute;top:52px;right:40px;z-index:1;display:grid;width:86px;height:86px;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.72),transparent 19%),linear-gradient(145deg,#ffe985,#ffc84d);box-shadow:0 0 0 13px #ffe0662b,0 12px 26px #9b6a182e;transform-origin:center}.sun-orb:before,.sun-orb:after{content:"";position:absolute;inset:-17px;border-radius:50%;opacity:0;pointer-events:none;transition:opacity .22s ease}.sun-orb:before{background:repeating-conic-gradient(from 0deg,rgba(255,211,62,.98) 0 5deg,transparent 5deg 12deg);clip-path:polygon(50% 0,54% 22%,64% 4%,63% 27%,78% 10%,71% 32%,92% 20%,76% 40%,100% 50%,76% 60%,92% 80%,71% 68%,78% 90%,63% 73%,64% 96%,54% 78%,50% 100%,46% 78%,36% 96%,37% 73%,22% 90%,29% 68%,8% 80%,24% 60%,0 50%,24% 40%,8% 20%,29% 32%,22% 10%,37% 27%,36% 4%,46% 22%);animation:sunRaySpin 11s linear infinite}.sun-orb:after{inset:-9px;border:2px dashed rgba(255,122,66,.64);animation:sunRaySpin 15s linear infinite reverse}.weather-scene.tod-sunrise .sun-orb,.weather-scene.tod-sunset .sun-orb{top:auto;bottom:-49px;right:50px;width:72px;height:72px}.weather-scene.tod-sunrise .sun-orb{background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.72),transparent 19%),linear-gradient(145deg,#fff3a9,#ff9f5a);animation:horizonGlow 7s ease-in-out infinite alternate}.weather-scene.tod-sunset .sun-orb{background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.52),transparent 19%),linear-gradient(145deg,#ffd181,#ef6d55);animation:horizonGlow 8s ease-in-out infinite alternate}.weather-scene.tod-night .sun-orb,.weather-scene.tod-dawn .sun-orb,.weather-scene.tod-dusk .sun-orb{display:none}.moon-orb{position:absolute;top:52px;right:46px;z-index:1;display:none;width:72px;height:72px;border-radius:50%;background:#183653;box-shadow:0 0 0 10px #ffffff12,0 0 28px #ffffdd61;overflow:hidden}.moon-phase-svg{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;filter:drop-shadow(0 2px 8px rgba(10,35,56,.18))}.moon-disc-shadow{fill:#183653}.moon-disc-light{fill:#fff8ce}.moon-disc-texture{fill:#856e4752;opacity:.55;mix-blend-mode:multiply;pointer-events:none}.moon-orb:before{content:"";position:absolute;inset:0;z-index:2;border-radius:50%;opacity:.18;background:radial-gradient(circle at 29% 33%,rgba(147,121,75,.62) 0 4px,transparent 4.8px),radial-gradient(circle at 63% 29%,rgba(147,121,75,.46) 0 3px,transparent 3.8px),radial-gradient(circle at 54% 67%,rgba(147,121,75,.52) 0 5px,transparent 5.8px)}.weather-scene.tod-night .moon-orb,.weather-scene.tod-dawn .moon-orb,.weather-scene.tod-dusk .moon-orb{display:block;animation:moonFloat 8s ease-in-out infinite alternate}.weather-scene.tod-dawn .moon-orb,.weather-scene.tod-dusk .moon-orb{opacity:.46}.moon-orb:after{content:"";display:none;position:absolute;inset:0;z-index:2;border-radius:50%;background:#183653}.moon-orb.phase-new{background:#203f59;box-shadow:0 0 0 10px #ffffff09}.moon-orb.phase-new:after{opacity:.94}.moon-orb.phase-full:after{opacity:0}.moon-orb.phase-first-quarter:after{left:0;right:50%;border-radius:50% 0 0 50%}.moon-orb.phase-last-quarter:after{left:50%;right:0;border-radius:0 50% 50% 0}.moon-orb.phase-waxing-crescent:after,.moon-orb.phase-waning-gibbous:after{left:-18%;width:78%}.moon-orb.phase-waning-crescent:after,.moon-orb.phase-waxing-gibbous:after{left:40%;width:78%}.moon-orb.phase-waxing-gibbous:after,.moon-orb.phase-waning-gibbous:after{opacity:.46}.weather-scene .moon-orb.is-playful{animation:moonFloat 8s ease-in-out infinite alternate,moonCheeseShift 6.8s ease-in-out;box-shadow:0 0 0 10px #ffffff17,0 0 36px #fff5b294}.moon-orb.is-playful:before{opacity:.32;animation:moonCheeseSpeckles 6.8s ease-in-out}.moon-face{position:absolute;inset:0;z-index:3;display:block;visibility:hidden;opacity:0;transform:translateY(2px) scale(.9) rotate(-4deg);pointer-events:none}.moon-orb.is-playful .moon-face{visibility:visible;animation:moonFacePeek 6.8s ease-in-out forwards}.moon-eye{position:absolute;top:27px;width:8px;height:9px;border-radius:50%;background:#173348;box-shadow:inset 2px 2px #ffffff4d}.moon-eye.left{left:22px}.moon-eye.right{right:21px;transform-origin:center}.moon-orb.is-playful .moon-eye.right{animation:moonWink 6.8s ease-in-out forwards}.moon-smile{position:absolute;left:24px;top:41px;width:24px;height:12px;border-bottom:3px solid #173348;border-radius:0 0 999px 999px}.moon-cheese{position:absolute;border-radius:50%;background:#d1a23f8c;box-shadow:inset 1px 2px #694d1f2e;opacity:0}.moon-cheese.one{left:17px;top:18px;width:8px;height:7px}.moon-cheese.two{right:15px;top:46px;width:10px;height:8px}.moon-cheese.three{left:37px;top:13px;width:6px;height:6px}.moon-orb.is-playful .moon-cheese{animation:cheeseHolesFade 6.8s ease-in-out forwards}.scene-cloud{position:absolute;z-index:2;display:block;width:142px;height:64px;border-radius:999px;background:#ffffffe6;box-shadow:34px -18px 0 9px #ffffffdb,70px 0 0 7px #ffffffd1;opacity:.16;animation:cloudDrift 34s linear infinite}.cloud-one{top:138px;left:-92px}.cloud-two{top:92px;left:140px;--cloud-scale: .82;animation-duration:42s;animation-delay:-13s}.cloud-three{top:31px;right:-68px;--cloud-scale: .7;animation-duration:48s;animation-delay:-24s}.scene-sunny .scene-cloud{opacity:.04}.scene-partly-sunny .scene-cloud{opacity:.42}.scene-mostly-cloudy .scene-cloud{opacity:.74}.scene-cloudy .scene-cloud,.scene-rainy .scene-cloud,.scene-snowy .scene-cloud,.scene-thunderstorm .scene-cloud{opacity:.92}.scene-cloudy .sun-orb,.scene-rainy .sun-orb,.scene-snowy .sun-orb,.scene-thunderstorm .sun-orb{opacity:.28}.scene-thunderstorm .sun-orb{opacity:.05}.rain-curtain,.snow-flurry{position:absolute;inset:0;z-index:3;opacity:.58}.rain-curtain{background-image:repeating-linear-gradient(105deg,rgba(255,255,255,.62) 0 2px,transparent 2px 16px);background-size:42px 54px;animation:rainSweep .65s linear infinite}.snow-flurry{background-image:radial-gradient(circle,rgba(255,255,255,.95) 0 2px,transparent 3px),radial-gradient(circle,rgba(255,255,255,.82) 0 1px,transparent 3px);background-size:56px 56px,83px 83px;animation:snowFall 8s linear infinite}.lightning-bolt{position:absolute;top:45px;right:132px;z-index:4;width:44px;height:88px;clip-path:polygon(53% 0,16% 52%,45% 52%,28% 100%,88% 36%,56% 37%);background:#ffe85c;filter:drop-shadow(0 0 18px rgba(255,239,101,.95));animation:lightningFlash 5s steps(1,end) infinite}.sun-face{position:relative;display:block;width:58px;height:44px;visibility:hidden;opacity:0;transform:translateY(1px) scale(.72) rotate(-5deg);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.sun-orb.is-happy{animation:happySun 4.2s ease-in-out}.sun-orb.is-happy:before,.sun-orb.is-happy:after{opacity:1}.sun-orb.is-happy .sun-face{visibility:visible;opacity:1;transform:scale(1) rotate(0)}.sun-eye{position:absolute;top:4px;width:25px;height:18px;border-radius:9px 9px 13px 13px;background:radial-gradient(ellipse at 34% 22%,rgba(255,255,255,.58) 0 18%,transparent 19%),linear-gradient(180deg,#222 0 48%,#080808 49% 100%);border:4px solid #070707;box-shadow:inset 0 -6px #ffffff14,0 2px #633d082e}.sun-eye.left{left:2px;transform:rotate(5deg)}.sun-eye.right{right:2px;transform:rotate(-5deg)}.sun-eye:after{content:"";position:absolute;inset:2px 3px auto;height:6px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.32),transparent)}.sun-shades-bridge{position:absolute;left:25px;top:12px;z-index:1;width:9px;height:6px;border-top:4px solid #070707;border-radius:999px 999px 0 0}.sun-smile{position:absolute;left:13px;top:28px;width:33px;height:14px;border-radius:7px 7px 18px 18px;background:radial-gradient(ellipse at 50% 100%,#ef3340 0 26%,transparent 27%),linear-gradient(180deg,#fffdf3 0 20%,#761926 22% 100%);box-shadow:inset 0 3px #fffdf3,0 2px #7c430a2e;overflow:hidden}.sun-smile:after{content:"";position:absolute;left:3px;top:1px;width:27px;height:4px;border-radius:999px;background:#fffdf3}.app-bar,.temperature,.hero p,.risk-chip{position:relative;z-index:2}.app-bar{position:absolute;top:24px;left:22px;display:flex;justify-content:flex-start;align-items:center;gap:10px;font-size:14px;font-weight:900}.boat-title{width:min(178px,54vw);height:54px;transform-origin:50% 70%;animation:boatTitleBob 5.2s ease-in-out infinite}.boat-title svg{display:block;width:100%;height:100%;overflow:visible}.boat-shadow{fill:#12334129}.boat-hull{fill:#fffdf3;stroke:#533a2370;stroke-width:3;filter:drop-shadow(0 5px 5px rgba(18,51,65,.14))}.boat-rim{fill:none;stroke:#b87b37;stroke-width:7;stroke-linecap:round}.boat-seat{fill:#2c9fe1;opacity:.92}.boat-lines{fill:none;stroke:#1233412b;stroke-width:2;stroke-linecap:round}.boat-oar{fill:#c58b45;stroke:#65421c61;stroke-width:2}.boat-title text{fill:#d71920;font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:900;letter-spacing:.25px}.app-bar span,.risk-chip{border-radius:999px;background:#ffffffc7;padding:8px 11px;font-size:12px;font-weight:900;white-space:nowrap}.temperature{margin-top:0;color:#123341;font-size:84px;line-height:.88;font-weight:950;letter-spacing:0}.hero p{max-width:270px;margin:13px 0 0;color:#123341;font-size:17px;line-height:1.26;font-weight:800}.hero.tod-night .temperature,.hero.tod-night p,.hero.tod-dawn .temperature,.hero.tod-dawn p,.hero.tod-dusk .temperature,.hero.tod-dusk p{color:#edfaff;text-shadow:0 2px 9px rgba(5,22,34,.5)}.hero.tod-night .temperature{color:#d7eef5}.hero.tod-dawn .temperature,.hero.tod-dusk .temperature{color:#fff7df}.risk-chip{display:inline-flex;margin-top:14px}.tide-chip{background:#ffffffd1;color:#123341}.greenhead-fly-badge{position:absolute;right:18px;bottom:9px;z-index:3;width:84px;height:51px;pointer-events:none;filter:drop-shadow(0 9px 10px rgba(18,51,65,.18));transform-origin:center;animation:greenheadHover 3.8s ease-in-out infinite}.greenhead-fly-badge.fly-alert{animation:greenheadHover 3.2s ease-in-out infinite,greenheadPulse 1.8s ease-in-out infinite}.greenhead-fly-badge svg{display:block;width:100%;height:100%;overflow:visible}.greenhead-wing{fill:#e7f1ecad;stroke:#3c524c47;stroke-width:1.4}.greenhead-wing-top{transform-origin:60px 35px;animation:greenheadWingTop .28s ease-in-out infinite alternate}.greenhead-wing-bottom{transform-origin:64px 42px;animation:greenheadWingBottom .28s ease-in-out infinite alternate}.greenhead-wing-vein{fill:none;stroke:#3f504957;stroke-width:1;stroke-linecap:round}.greenhead-body{fill:url(#greenheadBodyGradient)}.greenhead-body,.greenhead-head{stroke:#33251957;stroke-width:1.5}.greenhead-head{fill:#6b5740}.greenhead-eye{fill:#2c8c7e;stroke:#15464094;stroke-width:1.2}.greenhead-stripe{fill:none;stroke:#f6e0a0bd;stroke-width:4.4;stroke-linecap:round;opacity:.78}.greenhead-leg,.greenhead-antenna,.greenhead-mouth{fill:none;stroke:#4d3624;stroke-width:3;stroke-linecap:round}.greenhead-antenna{stroke-width:2.5}.greenhead-leg{transform-origin:78px 44px;animation:greenheadLegs .36s ease-in-out infinite alternate}.leg-two{animation-delay:-.14s}.leg-three{animation-delay:-.22s}.lightning-chip{position:relative;z-index:3;display:inline-flex;margin-top:10px;border-radius:999px;background:#ffe85c;color:#4b3300;padding:8px 11px;font-size:12px;font-weight:950}.alert-chip{position:relative;z-index:3;display:inline-flex;margin-top:10px;margin-left:7px;border:0;border-radius:999px;background:#fff4c5;color:#513400;padding:8px 11px;cursor:pointer;font-size:12px;font-weight:950}.alert-chip.alert-warning{background:#ffd2c4;color:#68140f}.alert-chip.alert-watch,.alert-chip.alert-advisory{background:#ffe994}.risk-low{background:#d9f8e5}.risk-watch{background:#fff0aa}.risk-alert{background:#ffc6a8}.wave-band{position:relative;z-index:2;height:148px;background:radial-gradient(210px 28px at 58px 36px,rgba(255,255,255,.13) 0 43%,transparent 45%),radial-gradient(250px 34px at 226px 54px,rgba(255,255,255,.1) 0 43%,transparent 45%),radial-gradient(180px 16px at 168px 78px,rgba(15,87,110,.16) 0 52%,transparent 54%),linear-gradient(180deg,#79d3dc,#48bfce 32%,#2293aa 61%,#176f89 66%,#e8cb67 67%,#f3d98a);background-size:340px 86px,390px 92px,310px 80px,auto;animation:waveRoll 42s linear infinite;overflow:hidden}.wave-band:before{content:"";position:absolute;inset:7px 0 auto;height:82px;opacity:.18;background:linear-gradient(178deg,transparent 0 46%,rgba(255,255,255,.34) 47% 48%,transparent 49% 100%),linear-gradient(3deg,transparent 0 53%,rgba(190,245,239,.26) 54% 55%,transparent 56% 100%),radial-gradient(120px 9px at 64px 50px,rgba(255,255,255,.28) 0 52%,transparent 54%);background-size:320px 58px,410px 68px,300px 76px;animation:waveTextureDrift 46s linear infinite}.wave-band:after{content:"";position:absolute;inset:96px 0 auto;height:24px;opacity:.46;background:radial-gradient(54px 10px at 24px 8px,rgba(255,255,255,.72) 0 58%,transparent 60%),radial-gradient(64px 12px at 112px 12px,rgba(255,255,255,.48) 0 58%,transparent 60%),linear-gradient(180deg,#ffffff57,#fff0);background-size:260px 24px,260px 24px,auto;animation:foamDrift 22s linear infinite}.wave-band .boat-title{position:absolute;right:16px;bottom:24px;z-index:3;width:min(158px,44vw);height:48px;animation:boatTitleBeachBob 5.2s ease-in-out infinite}.wave-band .boat-title svg{filter:drop-shadow(0 7px 5px rgba(90,62,28,.18))}.tab-bar{position:relative;z-index:4;display:grid;grid-template-columns:repeat(6,1fr);gap:5px;padding:12px 18px 0}.tab-bar button{height:39px;border:1px solid rgba(18,51,65,.12);border-radius:999px;background:#ffffffb3;color:#123341;cursor:pointer;font-size:11px;font-weight:900}.tab-bar button.active{background:#123341;border-color:#123341;color:#fff}.tab-bar .joy-tab{display:inline-flex;align-items:center;justify-content:center;gap:4px;border-color:#d3a01e4d;background:#fff6bee6;box-shadow:inset 0 -2px #d4971f29}.tab-bar .joy-tab span{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#ffd65c;font-size:10px;line-height:1}.tab-bar .joy-tab strong{font-size:11px;font-weight:950}.content{position:relative;z-index:3;display:grid;gap:13px;padding:18px 18px 8px}.card,.metric-card{border:1px solid rgba(18,51,65,.12);background:#ffffffc2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 30px #114b5c14;background-blend-mode:normal}.card{border-radius:20px;padding:16px;animation:cardRise .34s ease both}.card.soft{color:#58727d;font-size:14px}.card h2{margin:0;font-size:16px;letter-spacing:0}.card p{color:#476875;margin:10px 0 0;font-size:14px;line-height:1.45}.card small{display:block;color:#58727d;margin-top:9px;font-size:12px;line-height:1.35}.card-title{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.card-title span{color:#58727d;font-size:12px;font-weight:900;text-align:right}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.metric-card{min-height:94px;border-radius:17px;padding:13px;animation:cardRise .34s ease both}.tile-weather{background:radial-gradient(42px 26px at 82% 22%,rgba(255,210,92,.26) 0 42%,transparent 45%),radial-gradient(76px 24px at 22% 72%,rgba(111,202,222,.18) 0 46%,transparent 49%),linear-gradient(145deg,#ffffffdb,#e8f9f9a8)}.tile-wind{background:radial-gradient(110px 22px at 78% 30%,rgba(107,171,190,.16) 0 42%,transparent 45%),linear-gradient(145deg,#ffffffdb,#ecf7f2b3)}.tile-sun{background:radial-gradient(62px 62px at 14% 28%,rgba(255,190,73,.28) 0 38%,transparent 41%),radial-gradient(78px 42px at 88% 24%,rgba(239,111,88,.15) 0 44%,transparent 47%),linear-gradient(142deg,#ffffffe0,#fff4cbad 48%,#eaf7fa9e)}.tile-tide{background:radial-gradient(140px 28px at 78% 26%,rgba(61,176,202,.15) 0 46%,transparent 49%),linear-gradient(150deg,#ffffffe0,#effbfab3 58%,#ffefb46b)}.tile-marine{background:radial-gradient(150px 32px at 82% 22%,rgba(67,183,209,.16) 0 46%,transparent 49%),linear-gradient(145deg,#ffffffdb,#e6f9fab3)}.tile-greenhead{background:radial-gradient(84px 40px at 86% 28%,rgba(83,133,95,.14) 0 42%,transparent 45%),linear-gradient(145deg,#ffffffdb,#f9f5dac2)}.shortcut-card{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.shortcut-card:hover,.shortcut-card:focus-visible{border-color:#12334147;background:#ffffffe6;box-shadow:0 16px 34px #114b5c21;transform:translateY(-2px);outline:none}.shortcut-card:active{transform:translateY(0)}.metric-card:nth-child(2),.forecast-card:nth-child(2),.tide-day:nth-child(2){animation-delay:.04s}.metric-card:nth-child(3),.forecast-card:nth-child(3),.tide-day:nth-child(3){animation-delay:.08s}.metric-card:nth-child(4),.forecast-card:nth-child(4),.tide-day:nth-child(4){animation-delay:.12s}.metric-card span,.split-row span,.tide-row span,.sun-time span,.forecast-card span{color:#58727d;font-size:12px;font-weight:850}.metric-card strong{display:block;margin-top:12px;font-size:23px;line-height:1}.tide-bar{height:12px;border-radius:999px;background:linear-gradient(90deg,#c69b42 0 var(--tide-sand-width, 50%),#78dcec var(--tide-sand-width, 50%) 100%);box-shadow:inset 0 1px #ffffff6b,inset 0 -1px #12334114;margin:16px 0 10px;overflow:hidden;position:relative;transition:background .5s ease}.tide-bar:before{content:"";position:absolute;left:var(--tide-sand-width, 50%);top:50%;z-index:1;width:46px;height:24px;border-radius:999px;pointer-events:none;opacity:.48;filter:blur(2px);background:radial-gradient(ellipse at 42% 50%,rgba(255,255,255,.82) 0 12%,transparent 13%),radial-gradient(ellipse at 54% 50%,rgba(233,252,255,.7) 0 22%,transparent 24%),linear-gradient(90deg,transparent 0 12%,rgba(255,255,255,.58) 38% 62%,transparent 88% 100%);mix-blend-mode:screen;transform:translate(-50%,-50%);animation:tideWaveReceding 4.6s ease-in-out infinite}.tide-bar[data-tide-motion=rising]:before{animation-name:tideWaveRising}.tide-bar[data-tide-motion=still]:before{animation:none;opacity:.28}.tide-bar:after{content:none}.tide-position-label{display:block;margin:-2px 0 8px;color:#58727d;font-size:11px;font-weight:850}.split-row,.tide-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:8px 0;border-top:1px solid rgba(18,51,65,.1)}.split-row:first-of-type,.tide-row:first-of-type{border-top:0}.sun-card{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.sun-time{border-radius:16px;background:#ffffffb8;border:1px solid rgba(18,51,65,.1);padding:12px}.sun-time strong{display:block;margin-top:8px;font-size:21px;line-height:1}.marine-card{overflow:hidden}.marine-card p{margin-bottom:13px}.marine-card:before{content:"";display:block;height:5px;margin:-16px -16px 14px;background:linear-gradient(90deg,#4fc3d5,#78d6c6,#f0cf69)}.marine-card.marine-rough:before,.marine-card.marine-hazard:before{background:linear-gradient(90deg,#d8b64e,#e87552,#d71920)}.marine-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.marine-pill{min-height:58px;border:1px solid rgba(18,51,65,.1);border-radius:14px;background:#ffffffb8;padding:9px 8px}.marine-pill span,.marine-period span{display:block;color:#58727d;font-size:11px;font-weight:850}.marine-pill strong{display:block;margin-top:7px;font-size:17px;line-height:1}.marine-detail-list{margin-top:12px}.marine-panel{display:grid;gap:12px}.marine-forecast-list{display:grid;gap:9px;margin-top:12px}.marine-period{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;border:1px solid rgba(18,51,65,.1);border-radius:15px;background:#ffffffb8;padding:11px}.marine-period strong,.marine-period b,.marine-period small{display:block}.marine-period b{font-size:22px;line-height:1;text-align:right}.marine-period small{color:#58727d;margin-top:4px;text-align:right}.primary-button,.greenhead .primary-button{width:100%;min-height:46px;margin-top:13px;border:0;border-radius:15px;background:#123341;color:#fff;cursor:pointer;font-size:14px;font-weight:950}.secondary-button{width:100%;min-height:46px;border:1px solid rgba(18,51,65,.18);border-radius:15px;background:#ffffffc2;color:#123341;cursor:pointer;font-size:14px;font-weight:950}.icon-button{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid rgba(18,51,65,.12);border-radius:50%;background:#ffffffd1;color:#123341;cursor:pointer;font-size:22px;font-weight:900;line-height:1}.alert-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:18px;background:#12334157;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.alert-dialog{width:min(390px,100%);max-height:min(720px,calc(100vh - 36px));overflow:auto;border:1px solid rgba(18,51,65,.14);border-radius:22px;background:#fffaf0;box-shadow:0 28px 70px #12334147;padding:18px}.alert-dialog p{margin:10px 0 0;color:#476875;font-size:14px;line-height:1.45}.alert-dialog>small{display:block;margin-top:11px;color:#58727d;font-size:12px;line-height:1.35}.alert-choice-list{display:grid;gap:9px;margin-top:14px}.alert-choice{display:grid;grid-template-columns:24px 1fr;gap:11px;align-items:start;border:1px solid rgba(18,51,65,.12);border-radius:15px;background:#ffffffb8;padding:12px;cursor:pointer}.alert-choice input{width:20px;height:20px;margin:2px 0 0;accent-color:#123341}.alert-choice strong,.alert-choice small{display:block}.alert-choice strong{font-size:14px}.alert-choice small{margin-top:4px;color:#58727d;font-size:12px;line-height:1.32}.alert-dialog-actions{display:grid;grid-template-columns:.82fr 1.18fr;gap:9px;margin-top:14px}.alert-dialog-actions .primary-button,.alert-dialog-actions .secondary-button{margin-top:0}.alerts-card.alert-warning{border-color:#d719206b;background:#ffebe4db}.alerts-card.alert-watch{border-color:#d2931e6b;background:#fff6cedb}.alerts-list{display:grid;gap:9px;margin-top:12px}.alert-item{border:1px solid rgba(18,51,65,.12);border-radius:14px;background:#ffffffb8;padding:11px}.alert-item strong,.alert-item span,.alert-item small{display:block}.alert-item span{color:#476875;margin-top:5px;font-size:12px;line-height:1.25}.tide-days{display:grid;gap:11px;margin-top:13px}.tide-day{border-radius:18px;background:#ffffffb8;border:1px solid rgba(18,51,65,.1);padding:13px}.tide-day-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px}.tide-day-head span{color:#58727d;font-size:12px;font-weight:850}.forecast-list{display:grid;gap:10px}.forecast-panel{display:grid;gap:12px}.forecast-toggle{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:5px;border:1px solid rgba(18,51,65,.12);border-radius:999px;background:#ffffff8c}.forecast-toggle button{min-height:38px;border:0;border-radius:999px;background:transparent;color:#123341;cursor:pointer;font-size:13px;font-weight:950}.forecast-toggle button.active{background:#123341;color:#fff;box-shadow:0 8px 18px #12334124}.forecast-card{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.forecast-card strong,.forecast-card span,.forecast-card small{display:block}.forecast-card b{font-size:32px;line-height:1}.daily-forecast-card b{font-size:22px;white-space:nowrap}.forecast-card small{color:#58727d;margin-top:4px;text-align:right}.joy-sheet-backdrop{position:fixed;inset:0;z-index:28;display:flex;justify-content:center;align-items:flex-start;padding:clamp(74px,11vh,108px) 14px 14px;background:#07182457}.joy-sheet{width:min(402px,100%);max-height:min(72vh,650px);overflow:auto;border:1px solid rgba(18,51,65,.12);border-radius:22px;background:#fffbeefc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 48px #1233413d;padding:16px;animation:joySheetDrop .22s ease both}.joy-sheet p{margin:8px 0 10px;color:#476875;font-size:13px;line-height:1.35}.joy-sheet-note{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.joy-sheet-note span{display:inline-grid;place-items:center;min-width:48px;min-height:24px;border-radius:999px;background:#123341;color:#fff;font-size:11px;font-weight:950}.joy-sheet-note small{color:#58727d;font-size:11px;line-height:1.25;text-align:right}.reaction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.reaction-grid button{min-height:76px;border:1px solid rgba(18,51,65,.12);border-radius:17px;background:#ffffffc7;color:#123341;cursor:pointer;display:grid;place-items:center;gap:5px;padding:8px 4px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.reaction-grid button:hover,.reaction-grid button:focus-visible{background:#fffffff0;box-shadow:0 10px 22px #114b5c1f;transform:translateY(-2px)}.reaction-grid button:active{transform:translateY(1px) scale(.98)}.reaction-grid button>span:first-child{font-size:27px;line-height:1;transform-origin:center;transition:transform .16s ease}.reaction-grid button:hover>span:first-child,.reaction-grid button:focus-visible>span:first-child{transform:rotate(-4deg) scale(1.08)}.reaction-grid button>span:last-child{font-size:10px;font-weight:900;line-height:1.1}.legal-footer{position:relative;z-index:4;display:grid;gap:6px;padding:4px 18px 22px;text-align:center;color:#123341b8}.legal-footer div{display:flex;flex-wrap:wrap;justify-content:center;gap:9px 12px}.legal-footer button{border:0;padding:0;background:transparent;color:#365b68;cursor:pointer;font-size:11px;font-weight:850;line-height:1.2;text-decoration:underline;text-underline-offset:3px}.legal-footer button:hover,.legal-footer button:focus-visible{color:#d71920}.legal-footer small{font-size:10px;line-height:1.35}.legal-sheet-backdrop{position:fixed;inset:0;z-index:30;display:flex;align-items:flex-end;justify-content:center;padding:0 14px 14px;background:#07182457}.legal-sheet{width:min(402px,100%);max-height:min(76vh,620px);overflow:auto;border:1px solid rgba(18,51,65,.12);border-radius:24px 24px 18px 18px;background:#fffbeefc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -18px 48px #1233413d;padding:16px;animation:joySheetRise .22s ease both}.legal-copy{display:grid;gap:10px;margin-top:12px;color:#365b68;font-size:13px;line-height:1.45}.legal-copy p{margin:0}.legal-copy a{color:#0b5f75;font-weight:900;text-decoration:underline;text-underline-offset:3px}.credits-copy p{padding-bottom:8px;border-bottom:1px solid rgba(18,51,65,.08)}.credits-copy p:last-child{padding-bottom:0;border-bottom:0}.reaction-layer{position:absolute;top:0;left:0;right:0;height:356px;pointer-events:none;z-index:9;overflow:hidden;contain:paint;clip-path:inset(0 0 0 0 round 34px 34px 0 0)}.reaction-sprite{position:absolute;left:var(--reaction-x);top:var(--reaction-y);font-size:31px;filter:drop-shadow(0 8px 11px rgba(18,51,65,.18));animation:driftUp var(--reaction-duration) linear forwards;opacity:0;will-change:transform,opacity}.reaction-sprite.lane-water{animation-name:driftWater}.reaction-sprite.lane-sand{animation-name:driftSand}.reaction-sprite.lane-burst{animation:popBurst 12s ease-out forwards}.reaction-sprite.kind-seagull,.reaction-sprite.kind-bird{left:108%;top:84px;animation-name:flySky;animation-timing-function:linear}.reaction-sprite.kind-seagull{top:72px;font-size:42px}.reaction-sprite.kind-bird{font-size:30px}.reaction-sprite.kind-biplane{left:-238px;top:58px;font-size:30px;animation-name:flySkyEastbound;animation-timing-function:linear}.reaction-sprite.kind-smallPlane{left:-58px;top:72px;font-size:29px;animation-name:flySkyEastbound;animation-timing-function:linear}.reaction-sprite.kind-basset,.reaction-sprite.kind-sandpiper,.reaction-sprite.kind-crab{left:104%;top:294px;animation-name:trotBy;animation-timing-function:linear}.reaction-sprite.kind-basset{pointer-events:auto;cursor:pointer;touch-action:manipulation}.reaction-sprite.kind-basset:focus-visible{outline:3px solid rgba(255,255,255,.88);outline-offset:6px;border-radius:999px}.reaction-sprite.kind-basset.is-sitting{animation-play-state:paused}.reaction-sprite.kind-hotAirBalloon{top:38px;animation-name:balloonFloat}.reaction-sprite.kind-dolphin{left:-70px;top:228px;animation-name:dolphinLeap;animation-timing-function:linear}.reaction-sprite.kind-lifeboat{left:104%;top:304px;animation-name:surfBy;animation-timing-function:linear}.reaction-sprite.kind-surferGirl,.reaction-sprite.kind-surferBoy{left:104%;top:254px;font-size:34px;animation-name:surfBy;animation-timing-function:linear}.reaction-sprite.kind-kite{animation-name:kiteFloat}.reaction-sprite.kind-fireworks{top:82px}.reaction-sprite.kind-sun{animation-name:sunnyFloat}.reaction-sprite.kind-cocktail,.reaction-sprite.kind-scotch,.reaction-sprite.kind-heart,.reaction-sprite.kind-basset,.reaction-sprite.kind-rabbit,.reaction-sprite.kind-umbrella,.reaction-sprite.kind-shell{top:min(var(--reaction-y),286px)}.reaction-sprite.kind-sandcastle{top:305px;animation-name:sandcastleMelt;animation-timing-function:ease-in-out;transform-origin:50% 100%}.lifeboat-sticker{display:inline-grid;place-items:center;position:relative;width:58px;height:28px;border-radius:8px 8px 19px 19px;background:linear-gradient(180deg,#2da7e2 0 28%,transparent 29%),repeating-linear-gradient(180deg,rgba(18,51,65,.08) 0 1px,transparent 1px 5px),linear-gradient(180deg,#fffdf1 0 67%,#ece3ce 68% 100%);border:2px solid rgba(134,93,34,.42);border-top-color:#b98036;color:#d71920;font-size:11px;font-weight:950;letter-spacing:0;box-shadow:inset 0 3px #ffffff94}.lifeboat-sticker:before,.lifeboat-sticker:after{content:"";position:absolute;top:6px;width:34px;height:4px;border-radius:999px;background:#c79048;transform-origin:center}.lifeboat-sticker:before{left:-17px;transform:rotate(24deg)}.lifeboat-sticker:after{right:-17px;transform:rotate(-24deg)}.lifeboat-sticker i{font-style:normal}.seagull-sticker{position:relative;display:inline-block;width:46px;height:20px}.seagull-sticker i{position:absolute;top:8px;display:block;width:27px;height:12px;border-top:4px solid #fffdf3;filter:drop-shadow(0 2px 1px rgba(18,51,65,.32))}.seagull-sticker i:first-child{left:0;border-radius:100% 0 0;transform:rotate(17deg)}.seagull-sticker i:last-child{right:0;border-radius:0 100% 0 0;transform:rotate(-17deg)}.mini-happy-sun{position:relative;display:inline-block;width:35px;height:35px;border-radius:50%;background:radial-gradient(circle at 35% 27%,rgba(255,255,255,.62),transparent 20%),linear-gradient(145deg,#fff174,#ffad35);box-shadow:0 0 0 6px #ffcf4033}.mini-happy-sun:before{content:"";position:absolute;inset:-7px;border-radius:50%;background:repeating-conic-gradient(#ffd13f 0 8deg,transparent 8deg 17deg);z-index:-1;animation:sunRaySpin 7s linear infinite}.mini-sun-eye{position:absolute;top:10px;width:10px;height:8px;border-radius:4px 4px 6px 6px;background:linear-gradient(180deg,#272727,#050505);border:2px solid #050505}.mini-sun-eye.left{left:6px}.mini-sun-eye.right{right:6px}.mini-sun-bridge{position:absolute;left:16px;top:14px;width:5px;height:3px;border-top:2px solid #050505;border-radius:999px 999px 0 0}.mini-sun-smile{position:absolute;left:9px;top:21px;width:16px;height:8px;border-radius:3px 3px 9px 9px;background:radial-gradient(ellipse at 50% 100%,#ef3340 0 28%,transparent 30%),linear-gradient(180deg,#fffdf3 0 23%,#761926 24% 100%);overflow:hidden}.mini-moon{position:relative;display:inline-block;width:35px;height:35px;border-radius:50%;background:radial-gradient(circle at 31% 30%,rgba(255,255,255,.56),transparent 18%),linear-gradient(145deg,#fff7c5,#efd26f);box-shadow:inset -8px 0 #213b5233,0 0 0 5px #ffffff29;overflow:hidden}.mini-moon:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 26% 30%,rgba(171,131,57,.42) 0 2px,transparent 2.8px),radial-gradient(circle at 67% 67%,rgba(171,131,57,.34) 0 3px,transparent 3.8px);opacity:.62}.mini-moon-eye{position:absolute;z-index:1;top:13px;width:5px;height:6px;border-radius:50%;background:#173348}.mini-moon-eye.left{left:11px}.mini-moon-eye.right{right:10px;height:2px;top:15px;border-radius:999px}.mini-moon-smile{position:absolute;z-index:1;left:12px;top:21px;width:13px;height:7px;border-bottom:2px solid #173348;border-radius:0 0 999px 999px}.basset-sticker{position:relative;display:inline-block;width:88px;height:46px;transition:transform .24s ease}.basset-sticker i{position:absolute;display:block;transition:left .24s ease,top .24s ease,bottom .24s ease,width .24s ease,height .24s ease,transform .24s ease,border-radius .24s ease}.basset-shadow{left:9px;bottom:1px;width:69px;height:6px;z-index:0;border-radius:50%;background:#1233412b}.basset-body{left:24px;top:14px;width:52px;height:20px;z-index:2;border-radius:18px 20px 12px 13px;background:radial-gradient(ellipse at 88% 56%,#a96534 0 9px,transparent 10px),radial-gradient(circle at 42% 38%,#754326 0 9px,transparent 10px),linear-gradient(90deg,#f9edd7 0 61%,#b66d36 62% 100%);box-shadow:inset 0 -4px #5c321929,inset 0 3px #ffffff85}.basset-body:before{content:"";position:absolute;left:2px;top:3px;width:5px;height:17px;border-radius:999px;background:#d71920;box-shadow:2px 0 #ffffff59}.basset-body:after{content:"";position:absolute;left:11px;bottom:2px;width:26px;height:6px;border-radius:50%;background:#fff8e0b8}.basset-patch{left:38px;top:13px;width:18px;height:15px;z-index:3;border-radius:47% 53% 58% 42%;background:#7b4727;opacity:.92}.basset-head{left:3px;top:9px;width:26px;height:21px;z-index:5;border-radius:13px 9px 11px 14px;background:radial-gradient(circle at 39% 35%,#102c3c 0 2px,rgba(255,255,255,.8) 2.1px 2.7px,transparent 3.2px),linear-gradient(180deg,#f9eed9,#ecd8bd);border-bottom:4px solid #8e542e;box-shadow:inset 2px 2px #ffffff8c}.basset-head:before{content:"";position:absolute;left:8px;top:5px;width:8px;height:4px;border-top:2px solid rgba(102,61,35,.52);border-radius:50%;transform:rotate(-9deg)}.basset-head:after{content:"";position:absolute;left:5px;top:15px;width:9px;height:3px;border-radius:50%;background:#663d2333}.basset-muzzle{left:-1px;top:20px;width:17px;height:10px;z-index:6;border-radius:9px 6px 10px 9px;background:#fff7e7;transform:rotate(4deg);box-shadow:inset 0 -2px #7e4e2a21}.basset-muzzle:before{content:"";position:absolute;left:6px;top:5px;width:7px;height:4px;border-bottom:1.8px solid rgba(51,31,20,.58);border-radius:0 0 999px 999px}.basset-muzzle:after{content:"";position:absolute;left:-4px;top:1px;width:8px;height:7px;border-radius:58% 46% 54% 50%;background:#11100f;box-shadow:inset 2px 2px #ffffff2e,2px 1px #19120e2e}.basset-ear{left:16px;top:10px;width:15px;height:33px;z-index:4;border-radius:11px 10px 13px 13px;background:radial-gradient(ellipse at 55% 87%,rgba(30,19,13,.22) 0 28%,transparent 30%),linear-gradient(180deg,#8a4d2a,#56311e);transform-origin:50% 4px;animation:earFlop .7s ease-in-out infinite alternate;box-shadow:inset 2px 0 #ffffff1f}.basset-tail{left:73px;top:26px;width:18px;height:5px;z-index:1;border-radius:999px;background:#8e542e;transform:rotate(-18deg);transform-origin:left center;animation:tailWag .42s ease-in-out infinite alternate}.basset-tail:after{content:"";position:absolute;right:-1px;top:0;width:6px;height:6px;border-radius:999px;background:#fff6df}.basset-leg{top:29px;width:6px;height:11px;z-index:1;border-radius:999px;background:#704021;transform-origin:top center}.basset-leg.front{left:28px;animation:trotLeg .38s ease-in-out infinite alternate}.basset-leg.back{left:57px;animation:trotLeg .38s ease-in-out infinite alternate-reverse}.basset-paw{top:37px;width:11px;height:4px;z-index:2;border-radius:999px;background:#4f2e1c}.basset-paw.front{left:23px;animation:pawScoot .38s ease-in-out infinite alternate}.basset-paw.back{left:53px;animation:pawScoot .38s ease-in-out infinite alternate-reverse}.reaction-sprite.kind-basset.is-sitting .basset-sticker{transform:translate3d(0,4px,0) rotate(-1deg)}.reaction-sprite.kind-basset.is-sitting .basset-shadow{left:13px;bottom:0;width:63px;height:7px}.reaction-sprite.kind-basset.is-sitting .basset-body{left:25px;top:20px;height:17px;transform:rotate(-5deg);border-radius:16px 20px 14px 15px}.reaction-sprite.kind-basset.is-sitting .basset-patch{left:39px;top:19px;transform:rotate(-8deg)}.reaction-sprite.kind-basset.is-sitting .basset-head{top:13px;transform:rotate(-3deg)}.reaction-sprite.kind-basset.is-sitting .basset-muzzle{top:24px;transform:rotate(2deg)}.reaction-sprite.kind-basset.is-sitting .basset-ear{top:13px;height:35px;animation:none;transform:rotate(7deg)}.reaction-sprite.kind-basset.is-sitting .basset-tail{top:25px;animation:seatedTailWag .78s ease-in-out infinite alternate}.reaction-sprite.kind-basset.is-sitting .basset-leg.front{left:31px;top:31px;height:10px;animation:none;transform:rotate(-28deg)}.reaction-sprite.kind-basset.is-sitting .basset-leg.back{left:60px;top:29px;height:13px;animation:none;transform:rotate(42deg)}.reaction-sprite.kind-basset.is-sitting .basset-paw.front{left:24px;top:39px;animation:none;transform:rotate(-5deg)}.reaction-sprite.kind-basset.is-sitting .basset-paw.back{left:59px;top:39px;animation:none;transform:rotate(5deg)}.biplane-banner-sticker{display:inline-flex;align-items:center;gap:5px;min-width:254px;transform:rotate(-1deg)}.reaction-grid .biplane-banner-sticker{margin:-10px -80px;transform:scale(.39) rotate(-1deg)}.tow-banner{display:inline-grid;place-items:center;min-width:124px;height:23px;padding:0 8px;border:2px solid rgba(215,25,32,.72);border-radius:4px;background:#fffdf3;color:#d71920;font-size:7.4px;font-weight:950;letter-spacing:0;text-transform:uppercase;box-shadow:0 3px #1233411f;white-space:nowrap}.banner-line{width:18px;height:2px;border-radius:999px;background:#533c2d8f}.old-plane-sticker{display:block;flex:0 0 auto;width:116px;height:58px;object-fit:contain;filter:drop-shadow(0 5px 4px rgba(18,51,65,.18))}.plane-emoji{display:inline-block;font-size:30px;line-height:1;transform:rotate(6deg)}.scotch-sticker{position:relative;display:inline-block;width:37px;height:36px}.scotch-sticker:before{content:"";position:absolute;left:7px;top:5px;width:23px;height:28px;border:3px solid rgba(255,255,255,.82);border-top-width:2px;border-radius:5px 5px 10px 10px;background:radial-gradient(circle at 35% 66%,rgba(255,255,255,.9) 0 3px,transparent 3.6px),radial-gradient(circle at 66% 55%,rgba(255,255,255,.78) 0 3px,transparent 3.8px),linear-gradient(180deg,transparent 0 32%,#d2872a 33% 100%);box-shadow:inset 0 4px #ffffff40,0 4px #1233411a}.scotch-sticker i{position:absolute;left:11px;top:13px;width:15px;height:12px;border-radius:4px;background:linear-gradient(145deg,#ffffffd1,#ffffff3d);transform:rotate(-10deg)}.scotch-sticker b{position:absolute;left:23px;top:17px;width:9px;height:8px;border-radius:3px;background:#ffffff9e;transform:rotate(14deg)}.sandcastle-sticker{position:relative;display:inline-block;width:68px;height:48px;transform-origin:50% 100%}.sandcastle-sticker i{position:absolute;display:block}.sandcastle-base{left:14px;bottom:7px;width:40px;height:18px;border-radius:7px 7px 5px 5px;background:radial-gradient(circle at 23% 70%,rgba(190,137,59,.26) 0 2px,transparent 2.8px),radial-gradient(circle at 72% 62%,rgba(190,137,59,.2) 0 1.8px,transparent 2.5px),linear-gradient(180deg,#efd48a,#d4a54d);box-shadow:inset 0 4px #fff4bcb3,0 4px #8056201a}.sandcastle-tower{bottom:12px;width:15px;height:25px;border-radius:6px 6px 3px 3px;background:linear-gradient(90deg,transparent 0 18%,#e7bf67 19% 31%,transparent 32% 68%,#e7bf67 69% 81%,transparent 82%),linear-gradient(180deg,#f3dc9a,#d6a650);box-shadow:inset 0 4px #fff6c799}.sandcastle-tower:before,.sandcastle-keep:before{content:"";position:absolute;left:0;top:-5px;width:100%;height:8px;background:linear-gradient(90deg,#e5bd63 0 23%,transparent 24% 38%,#e5bd63 39% 62%,transparent 63% 76%,#e5bd63 77% 100%);border-radius:3px 3px 0 0}.sandcastle-tower.left{left:9px}.sandcastle-tower.right{right:10px}.sandcastle-keep{left:27px;bottom:15px;width:15px;height:29px;border-radius:6px 6px 3px 3px;background:linear-gradient(180deg,#f6dea0,#d7a650);box-shadow:inset 0 4px #fff6c7a3}.sandcastle-gate{left:29px;bottom:7px;width:10px;height:12px;border-radius:999px 999px 2px 2px;background:#9b7132;opacity:.58}.sand-bucket{right:0;bottom:8px;width:15px;height:15px;border-radius:3px 3px 6px 6px;background:linear-gradient(90deg,#ef4b54 0 48%,#36a9d6 49% 100%);border-top:3px solid #ffd65c;box-shadow:inset 0 -3px #1233411f;transform:rotate(7deg)}.sand-bucket:before{content:"";position:absolute;left:2px;top:-8px;width:12px;height:9px;border:2px solid rgba(18,51,65,.36);border-bottom:0;border-radius:999px 999px 0 0}.sand-shovel{left:2px;bottom:7px;width:4px;height:30px;border-radius:999px;background:#35a0d4;transform:rotate(-34deg);transform-origin:bottom center}.sand-shovel:before{content:"";position:absolute;left:-4px;top:-7px;width:12px;height:11px;border-radius:0 0 8px 8px;background:#ef4b54;box-shadow:inset 0 -2px #1233411f}.sand-melt{left:10px;bottom:2px;width:48px;height:8px;border-radius:50%;background:radial-gradient(ellipse at 28% 50%,rgba(213,164,78,.62) 0 35%,transparent 36%),radial-gradient(ellipse at 68% 50%,rgba(213,164,78,.5) 0 35%,transparent 36%),#e4bc67b3;transform:scaleX(.78);opacity:.45}.reaction-sprite.kind-sandcastle .sandcastle-base,.reaction-sprite.kind-sandcastle .sandcastle-tower,.reaction-sprite.kind-sandcastle .sandcastle-keep,.reaction-sprite.kind-sandcastle .sandcastle-gate{animation:castleSoftCollapse var(--reaction-duration) ease-in forwards}.reaction-sprite.kind-sandcastle .sand-melt{animation:sandPuddleSpread var(--reaction-duration) ease-out forwards}.balloon-sticker{position:relative;display:inline-block;width:48px;height:60px}.balloon-sticker i{position:absolute;left:7px;top:0;width:34px;height:39px;border-radius:50% 50% 47% 47%;background:radial-gradient(circle at 32% 22%,rgba(255,255,255,.72) 0 5px,transparent 6px),linear-gradient(90deg,#ed5148 0 27%,#ffd86b 28% 49%,#fff5bf 50% 56%,#2aa7cf 57% 78%,#f07c49 79% 100%);box-shadow:inset 0 -6px #1233411c,0 5px 9px #1233411f}.balloon-sticker i:before,.balloon-sticker i:after{content:"";position:absolute;top:38px;width:14px;height:17px;border-left:2px solid rgba(83,60,45,.48)}.balloon-sticker i:before{left:8px;transform:rotate(10deg)}.balloon-sticker i:after{right:-4px;transform:rotate(-10deg)}.balloon-sticker b{position:absolute;left:17px;bottom:0;width:15px;height:11px;border-radius:3px 3px 5px 5px;background:repeating-linear-gradient(90deg,rgba(83,60,45,.2) 0 2px,transparent 2px 5px),#b98036;box-shadow:inset 0 2px #ffffff47}.dolphin-sticker{display:inline-block;width:58px;height:46px;object-fit:contain;transform:rotate(2deg);filter:drop-shadow(0 6px 4px rgba(18,51,65,.14))}.sandpiper-sticker{position:relative;display:inline-block;width:51px;height:38px;animation:sandpiperBob .42s ease-in-out infinite alternate}.sandpiper-sticker:before{content:"";position:absolute;left:12px;top:13px;width:28px;height:13px;border-radius:64% 46% 48% 58%;background:radial-gradient(ellipse at 64% 36%,rgba(84,55,31,.46) 0 26%,transparent 28%),linear-gradient(180deg,#d9c39b 0 45%,#fff3d1 46% 100%);box-shadow:inset 0 -2px #533c2d2e,0 3px #12334114}.sandpiper-head{position:absolute;left:7px;top:9px;width:11px;height:10px;border-radius:50%;background:#d9c39b}.sandpiper-beak.forward{position:absolute;left:-4px;top:12px;width:15px;height:3px;border-radius:999px;background:#503623;transform:rotate(-4deg)}.sandpiper-eye.forward{position:absolute;left:10px;top:12px;width:2.8px;height:2.8px;border-radius:50%;background:#123341}.sandpiper-leg{position:absolute;top:26px;width:2px;height:13px;background:#503623}.sandpiper-leg.front{left:25px;transform:rotate(12deg);transform-origin:top center;animation:sandpiperStep .34s ease-in-out infinite alternate}.sandpiper-leg.back{left:36px;transform:rotate(-10deg);transform-origin:top center;animation:sandpiperStep .34s ease-in-out infinite alternate-reverse}.crab-sticker{position:relative;display:inline-block;width:58px;height:40px}.crab-sticker:before{content:"";position:absolute;left:13px;top:14px;width:32px;height:19px;border-radius:54% 54% 45% 45%;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.24) 0 3px,transparent 3.8px),radial-gradient(circle at 68% 30%,rgba(255,255,255,.18) 0 2.4px,transparent 3px),linear-gradient(180deg,#f36a3f,#cf3629);box-shadow:inset 0 -4px #6d191638,0 4px #12334117}.crab-sticker:after{content:"";position:absolute;left:23px;top:23px;width:12px;height:5px;border-bottom:2px solid rgba(89,24,21,.58);border-radius:0 0 999px 999px}.crab-sticker i{position:absolute;display:block}.crab-claw{top:3px;width:19px;height:19px;border:5px solid #df3e2e;border-bottom-color:transparent;border-radius:50%}.crab-claw.left{left:0;transform:rotate(-36deg)}.crab-claw.right{right:0;transform:rotate(36deg)}.crab-claw:after{content:"";position:absolute;width:9px;height:5px;border-radius:999px;background:#f36a3f}.crab-claw.left:after{left:-6px;top:5px;transform:rotate(33deg)}.crab-claw.right:after{right:-6px;top:5px;transform:rotate(-33deg)}.crab-eye{top:9px;width:4px;height:8px;border-radius:999px;background:linear-gradient(180deg,#123341 0 4px,#b73327 4px 100%)}.crab-eye.left{left:22px}.crab-eye.right{left:32px}.crab-leg{top:30px;width:17px;height:2px;border-radius:999px;background:#b73327}.crab-leg.leg-one{left:4px;transform:rotate(22deg)}.crab-leg.leg-two{left:6px;top:35px;transform:rotate(-14deg)}.crab-leg.leg-three{right:6px;transform:rotate(-22deg)}.crab-leg.leg-four{right:8px;top:35px;transform:rotate(14deg)}.umbrella-sticker{position:relative;display:inline-block;width:45px;height:39px}.umbrella-sticker:before{content:"";position:absolute;left:5px;top:3px;width:35px;height:20px;border-radius:35px 35px 4px 4px;background:linear-gradient(105deg,#f05b4f 0 33%,#ffd65c 34% 66%,#2aa7cf 67% 100%);clip-path:polygon(0 100%,10% 30%,50% 0,90% 30%,100% 100%);box-shadow:inset 0 -3px #1233411f}.umbrella-sticker:after{content:"";position:absolute;left:23px;top:20px;width:3px;height:17px;border-radius:999px;background:#8b5d2f;transform:rotate(9deg)}.umbrella-sticker i{position:absolute;left:18px;top:31px;width:18px;height:3px;border-radius:999px;background:#12334133}.shell-sticker{position:relative;display:inline-block;width:39px;height:33px}.shell-sticker:before{content:"";position:absolute;left:6px;top:5px;width:28px;height:24px;border-radius:55% 55% 48% 48%;background:radial-gradient(ellipse at 50% 82%,rgba(255,255,255,.52) 0 14%,transparent 16%),repeating-conic-gradient(from -28deg at 50% 100%,#f6c99f 0 12deg,#fff0d2 12deg 22deg);clip-path:polygon(50% 0,91% 28%,100% 76%,72% 100%,28% 100%,0 76%,9% 28%);box-shadow:inset 0 -4px #9252342e}.shell-sticker i{position:absolute;left:9px;bottom:2px;width:23px;height:4px;border-radius:999px;background:#d89b78}@keyframes driftUp{0%{opacity:0;transform:translate3d(0,18px,0) scale(.85) rotate(-5deg)}5%{opacity:1}88%{opacity:1}to{opacity:0;transform:translate3d(42px,-150px,0) scale(1.08) rotate(7deg)}}@keyframes driftWater{0%{opacity:0;transform:translate3d(-34px,0,0) scale(.88)}6%{opacity:1}92%{opacity:1}to{opacity:0;transform:translate3d(84px,-22px,0) scale(1.05)}}@keyframes driftSand{0%{opacity:0;transform:translate3d(0,18px,0) scale(.9)}8%{opacity:1}86%{opacity:1}to{opacity:0;transform:translate3d(24px,-50px,0) scale(1.02)}}@keyframes popBurst{0%{opacity:0;transform:scale(.6)}12%{opacity:1;transform:scale(1.2)}72%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.45)}}@keyframes cloudDrift{0%{transform:translate3d(-20px,0,0) scale(var(--cloud-scale, 1))}50%{transform:translate3d(120px,-4px,0) scale(var(--cloud-scale, 1))}to{transform:translate3d(280px,0,0) scale(var(--cloud-scale, 1))}}@keyframes boatTitleBob{0%,to{transform:translateZ(0) rotate(-.6deg)}50%{transform:translate3d(0,3px,0) rotate(.8deg)}}@keyframes boatTitleBeachBob{0%,to{transform:translateZ(0) rotate(-.4deg)}50%{transform:translate3d(-2px,2px,0) rotate(.5deg)}}@keyframes waveRoll{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:340px 0,-390px 0,310px 0,0 0}}@keyframes foamDrift{0%{background-position:0 0,0 0,0 0}to{background-position:260px 0,173px 0,0 0}}@keyframes waveTextureDrift{0%{background-position:0 0,0 0,0 0}to{background-position:320px 0,-410px 0,300px 0}}@keyframes cardRise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes joySheetRise{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes joySheetDrop{0%{opacity:0;transform:translateY(-14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tideWaveRising{0%,to{transform:translate(-50%,-50%) translate(2px) scaleX(.92)}45%{transform:translate(-50%,-50%) translate(-4px) scaleX(1.08)}70%{transform:translate(-50%,-50%) translate(-1px) scaleX(1)}}@keyframes tideWaveReceding{0%,to{transform:translate(-50%,-50%) translate(-2px) scaleX(.92)}45%{transform:translate(-50%,-50%) translate(4px) scaleX(1.08)}70%{transform:translate(-50%,-50%) translate(1px) scaleX(1)}}@keyframes rainSweep{0%{background-position:0 0}to{background-position:-42px 54px}}@keyframes snowFall{0%{background-position:0 0,0 0}to{background-position:12px 112px,-24px 166px}}@keyframes lightningFlash{0%,89%,95%,to{opacity:0}90%,92%{opacity:1}93%{opacity:.25}94%{opacity:1}}@keyframes starTwinkle{0%{opacity:.58;transform:translateY(0)}to{opacity:.9;transform:translateY(2px)}}@keyframes starDimTwinkle{0%{opacity:.14;transform:translateY(0)}to{opacity:.28;transform:translateY(2px)}}@keyframes starSparkle{0%{opacity:.24;transform:scale(.86) rotate(0)}to{opacity:.56;transform:scale(1.1) rotate(18deg)}}@keyframes horizonGlow{0%{transform:translate3d(0,7px,0) scale(.96)}to{transform:translate3d(0,-5px,0) scale(1.04)}}@keyframes moonFloat{0%{transform:translateZ(0)}to{transform:translate3d(-6px,5px,0)}}@keyframes moonCheeseShift{0%,to{background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.48),transparent 18%),#fff8ce}34%,72%{background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.58),transparent 18%),linear-gradient(145deg,#fff4a8,#e9bd4e)}}@keyframes moonCheeseSpeckles{0%,to{opacity:.18;transform:scale(1)}34%,72%{opacity:.42;transform:scale(1.03) rotate(-3deg)}}@keyframes moonFacePeek{0%{opacity:0;transform:translateY(3px) scale(.88) rotate(-5deg)}12%{opacity:.98;transform:translateY(0) scale(1) rotate(-1deg)}28%{opacity:1;transform:translateY(-1px) scale(1.02) rotate(2deg)}76%{opacity:1;transform:translateY(0) scale(1) rotate(0)}to{opacity:0;transform:translateY(2px) scale(.92) rotate(4deg)}}@keyframes moonWink{0%,16%,54%,to{height:9px;border-radius:50%;transform:translateY(0) rotate(0)}26%,42%{height:3px;border-radius:999px;transform:translateY(3px) rotate(-7deg)}}@keyframes cheeseHolesFade{0%,22%,86%,to{opacity:0;transform:scale(.72)}36%,70%{opacity:1;transform:scale(1)}}@keyframes sunRaySpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes greenheadHover{0%,to{transform:translateZ(0) rotate(-3deg) scale(.98)}50%{transform:translate3d(-5px,-7px,0) rotate(4deg) scale(1.04)}}@keyframes greenheadPulse{0%,to{filter:drop-shadow(0 9px 10px rgba(18,51,65,.18))}50%{filter:drop-shadow(0 0 14px rgba(255,232,92,.72))}}@keyframes greenheadWingTop{0%{transform:rotate(-2deg) translateY(0)}to{transform:rotate(5deg) translateY(-2px)}}@keyframes greenheadWingBottom{0%{transform:rotate(3deg) translateY(0)}to{transform:rotate(-5deg) translateY(2px)}}@keyframes greenheadLegs{0%{transform:rotate(2deg)}to{transform:rotate(-4deg)}}@keyframes flySky{0%{opacity:0;transform:translate3d(20px,7px,0) rotate(3deg) scale(.92)}1.6%{opacity:1}50%{transform:translate3d(-245px,-10px,0) rotate(-3deg) scale(1)}92%{opacity:1}to{opacity:0;transform:translate3d(-560px,4px,0) rotate(0) scale(.96)}}@keyframes flySkyEastbound{0%{opacity:0;transform:translate3d(-16px,8px,0) rotate(-2deg) scale(.92)}1.6%{opacity:1}50%{transform:translate3d(252px,-10px,0) rotate(3deg) scale(1)}92%{opacity:1}to{opacity:0;transform:translate3d(610px,5px,0) rotate(1deg) scale(.96)}}@keyframes surfBy{0%{opacity:0;transform:translate3d(20px,12px,0) rotate(4deg) scale(.9)}1.8%{opacity:1}46%{transform:translate3d(-238px,-9px,0) rotate(-3deg) scale(1)}88%{opacity:1}to{opacity:0;transform:translate3d(-552px,10px,0) rotate(2deg) scale(.94)}}@keyframes trotBy{0%{opacity:0;transform:translate3d(20px,7px,0) scale(.92)}2%{opacity:1}42%{transform:translate3d(-225px,0,0) scale(1)}90%{opacity:1}to{opacity:0;transform:translate3d(-550px,6px,0) scale(.94)}}@keyframes sandcastleMelt{0%{opacity:0;transform:translate3d(0,8px,0) scale(.9)}3%{opacity:1;transform:translateZ(0) scale(1)}72%{opacity:1;transform:translateZ(0) scale(1)}to{opacity:0;transform:translate3d(0,13px,0) scaleX(1.12) scaleY(.48)}}@keyframes castleSoftCollapse{0%,68%{transform:translateZ(0) scaleY(1);opacity:1}to{transform:translate3d(0,10px,0) scaleY(.38);opacity:.35}}@keyframes sandPuddleSpread{0%,50%{transform:scaleX(.78);opacity:.45}to{transform:scaleX(1.24);opacity:.85}}@keyframes sandpiperBob{0%{transform:translateY(0) rotate(-1deg)}to{transform:translateY(2px) rotate(1deg)}}@keyframes sandpiperStep{0%{transform:rotate(20deg) translate(-1px)}to{transform:rotate(-20deg) translate(1px)}}@keyframes trotLeg{0%{transform:rotate(16deg)}to{transform:rotate(-18deg)}}@keyframes earFlop{0%{transform:rotate(7deg)}to{transform:rotate(-4deg)}}@keyframes tailWag{0%{transform:rotate(-36deg)}to{transform:rotate(-14deg)}}@keyframes seatedTailWag{0%{transform:rotate(-24deg)}to{transform:rotate(-9deg)}}@keyframes pawScoot{0%{transform:translate3d(-3px,0,0) rotate(4deg)}to{transform:translate3d(3px,0,0) rotate(-3deg)}}@keyframes balloonFloat{0%{opacity:0;transform:translate3d(0,18px,0) scale(.86) rotate(-4deg)}8%{opacity:1}36%{transform:translate3d(42px,-18px,0) scale(1) rotate(5deg)}72%{transform:translate3d(-20px,-56px,0) scale(.98) rotate(-3deg)}90%{opacity:1}to{opacity:0;transform:translate3d(28px,-92px,0) scale(.94) rotate(4deg)}}@keyframes dolphinLeap{0%{opacity:0;transform:translate3d(-16px,18px,0) rotate(-3deg) scale(.82)}5%{opacity:1}34%{transform:translate3d(130px,-42px,0) rotate(4deg) scale(.96)}58%{transform:translate3d(248px,-4px,0) rotate(-8deg) scale(.92)}88%{opacity:1}to{opacity:0;transform:translate3d(520px,14px,0) rotate(2deg) scale(.86)}}@keyframes kiteFloat{0%{opacity:0;transform:translate3d(-18px,24px,0) rotate(-12deg) scale(.8)}10%{opacity:1}35%{transform:translate3d(34px,-36px,0) rotate(9deg) scale(1.03)}70%{transform:translate3d(-20px,-62px,0) rotate(-8deg) scale(1)}90%{opacity:1}to{opacity:0;transform:translate3d(26px,-82px,0) rotate(4deg) scale(.94)}}@keyframes sunnyFloat{0%{opacity:0;transform:translate3d(0,18px,0) scale(.78) rotate(-8deg)}7%{opacity:1}35%{transform:translate3d(32px,-38px,0) scale(1.02) rotate(9deg)}70%{transform:translate3d(-18px,-78px,0) scale(1) rotate(-6deg)}90%{opacity:1}to{opacity:0;transform:translate3d(42px,-112px,0) scale(.9) rotate(6deg)}}@keyframes happySun{0%{transform:scale(1) rotate(0)}14%{transform:scale(1.1) rotate(-5deg)}28%{transform:scale(1.02) rotate(6deg)}48%{transform:scale(1.08) rotate(-3deg)}72%{transform:scale(1.03) rotate(4deg)}to{transform:scale(1) rotate(0)}}@media(max-width:900px){.app-shell{width:min(100%,430px)}}@media(max-width:470px){.app-shell{width:100%;padding:0}.phone-frame{border-radius:0;min-height:100vh;box-shadow:none}.hero{min-height:220px;padding-left:18px;padding-right:18px}.app-bar{top:22px;left:18px}.temperature{font-size:72px}.tab-bar{padding-left:12px;padding-right:12px;gap:5px}.tab-bar button{font-size:11px}.content{padding:13px}.reaction-grid{grid-template-columns:repeat(2,1fr)}.sun-orb{top:51px;right:22px;width:74px;height:74px}.sun-orb span{font-size:32px}.reaction-layer{height:358px}.wave-band{height:138px}.wave-band:after{inset:90px 0 auto}.wave-band .boat-title{right:12px;bottom:21px;width:min(150px,45vw)}.reaction-sprite.kind-lifeboat{top:304px}.reaction-sprite.kind-surferGirl,.reaction-sprite.kind-surferBoy{top:254px}.reaction-sprite.kind-basset{top:294px}.greenhead-fly-badge{right:10px;bottom:8px;width:72px;height:44px}}