@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/outfit-latin-ext-wght-normal.DdQaqQDo.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/outfit-latin-wght-normal.Bc-8i84L.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#19444b;font-synthesis:none;--teal:#288992;--teal-deep:#1d6b72;--ink:#19444b;--muted:#5f7a7c;--gold:#f9a51a;--gold-deep:#d9870a;--status:#288992;background:#f9fcfa;font-family:Outfit Variable,sans-serif}*{box-sizing:border-box}body{background:url(/assets/background.png) top/cover no-repeat;min-width:280px;min-height:100svh;margin:0}button,select{font:inherit}a,button,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #a86400}[hidden]{display:none!important}.page{width:min(100%,440px);margin-inline:auto;padding:22px 16px 24px}.brand{text-align:center}.brand a{display:inline-block}.brand img{width:150px;height:auto;display:block}.intro{text-align:center;margin:22px 0 20px}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--teal);margin:0 0 6px;font-size:11px;font-weight:600}h1{letter-spacing:-.03em;margin:0;font-size:clamp(28px,8.5vw,36px);font-weight:650;line-height:1.1}.gauge-card{text-align:center;background:#ffffffeb;border:1px solid #dfece9;border-radius:28px;padding:26px 20px 0;animation:.55s ease-out both arrive;position:relative;box-shadow:0 16px 40px #1f4f4a14}.live-pill{color:#547779;background:#edf5f2;border-radius:30px;align-items:center;gap:6px;padding:6px 9px;font-size:10px;display:inline-flex;position:absolute;top:14px;right:14px}.status-dot{background:currentColor;border-radius:50%;width:5px;height:5px}.porthole{aspect-ratio:1;width:min(100%,250px);margin:6px auto 0;position:relative}.porthole svg{width:100%;height:100%;display:block;overflow:visible}.glass{fill:#eef8f7}.water{transform:translateY(var(--water-y,200px));transition:transform 1s cubic-bezier(.3,.7,.2,1),opacity .4s}.water-top{stop-color:#8fd6d6}.water-bottom{stop-color:#4fb3b9}.wave{fill:url(#water-gradient)}.wave.back{opacity:.45;animation:7s linear infinite reverse drift}.wave.front{animation:5s linear infinite drift}.shine{fill:none;stroke:#fff;stroke-width:6px;stroke-linecap:round;opacity:.55}.rim{fill:none;stroke:var(--gold);stroke-width:12px;transition:stroke .4s}.rim-inner{fill:none;stroke:#e08f0c;stroke-width:2px;opacity:.55}.rivet{fill:#fff3d1;stroke:var(--gold-deep);stroke-width:1.2px}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-200px)}}.reading{place-content:center;gap:2px;display:grid;position:absolute;inset:0}.reading strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;text-shadow:0 1px #fff9;font-size:clamp(48px,15vw,64px);font-weight:650;line-height:1}.reading span{opacity:.75;font-size:13px;font-weight:500}.ribbon{background:var(--gold);color:var(--ink);letter-spacing:.08em;box-shadow:0 6px 0 var(--gold-deep), 0 14px 24px #8a560a33;border-radius:10px;padding:8px 26px;font-size:clamp(26px,8vw,32px);font-weight:750;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.steps{grid-template-columns:repeat(4,1fr);gap:6px;margin:22px 0 0;padding:0;list-style:none;display:grid}.steps li{color:var(--muted);padding-top:14px;font-size:11px;position:relative}.steps li:before{content:"";background:#e7efec;border-radius:6px;height:6px;transition:background .4s;position:absolute;inset:0 0 auto}#gauge-card[data-level=calm] #step-calm,#gauge-card[data-level=moderate] #step-moderate,#gauge-card[data-level=busy] #step-busy,#gauge-card[data-level=full] #step-full{color:var(--ink);font-weight:600}#gauge-card[data-level=calm] #step-calm:before,#gauge-card[data-level=moderate] #step-moderate:before,#gauge-card[data-level=busy] #step-busy:before,#gauge-card[data-level=full] #step-full:before{background:var(--status)}.status-copy{min-height:98px;padding:20px 0 18px}.status-copy h2{color:var(--status);letter-spacing:-.01em;margin:0 0 6px;font-size:22px;font-weight:600;line-height:1.2}.status-copy p{color:var(--muted);max-width:280px;margin:auto;font-size:14px;line-height:1.5}.update-row{border-top:1px solid #e6eeeb;justify-content:space-between;align-items:center;gap:10px;min-height:72px;display:flex}.update-row p{color:var(--muted);text-align:left;margin:0;font-size:12px}.update-row button{border:1.5px solid var(--teal);min-height:44px;color:var(--teal-deep);cursor:pointer;background:#fff;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.update-row button:hover{background:#edf6f4}.update-row button:disabled{opacity:.45;cursor:wait}.update-row svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;width:16px;height:16px}.refresh-note{text-align:center;color:var(--muted);margin:18px 0 0;font-size:11px}.refresh-note>span{color:var(--teal);padding-right:4px}.refresh-note strong{font-weight:600}.explanation{text-align:center;color:var(--muted);margin:12px 0 20px;font-size:12px;line-height:1.6}.website-link{background:var(--teal);color:#fff;min-height:54px;box-shadow:0 5px 0 var(--teal-deep);border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:14px 21px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.website-link:hover{background:#237b83}.website-link:active{box-shadow:0 2px 0 var(--teal-deep);transform:translateY(3px)}footer{text-align:center;color:#798b85;margin-top:24px;font-size:12px}noscript{text-align:center;margin-top:15px;display:block}#gauge-card[data-level=moderate]{--status:#a8700f}#gauge-card[data-level=busy]{--status:#b9671c}#gauge-card[data-level=full]{--status:#b54836}#gauge-card[data-level=full] .reading{visibility:hidden}#gauge-card[data-level=unavailable]{--status:#657e80}#gauge-card[data-level=unavailable] .water{opacity:0}#gauge-card[data-level=unavailable] .rim{stroke:#c9d6d3}#gauge-card[data-level=unavailable] .rivet{fill:#f2f6f5;stroke:#b5c4c1}#gauge-card[data-level=unavailable] .reading strong{color:#8a9c9e}.demo-banner{background:var(--ink);color:#fff;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:10px 15px;font-size:11px;display:flex}.demo-banner label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.demo-banner select{color:var(--ink);background:#fff;border:0;border-radius:5px;padding:8px}@keyframes arrive{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@media (width>=720px){.page{padding-top:40px}.brand img{width:170px}.intro{margin-top:28px}}@media (width<=340px){.page{padding-inline:12px}.gauge-card{padding-inline:14px}.update-row button{padding-inline:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
