:root{font-synthesis:none;text-rendering:optimizelegibility;color:#16323b;background:#f2f6f4;font-family:Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;overscroll-behavior-x:none}body{overscroll-behavior-x:none;min-width:320px;min-height:100dvh;margin:0;overflow-x:hidden}button,input{font:inherit}img{max-width:100%}::selection{color:#103c40;background:#8bd4d1}:root{--lake:#005a78;--lake-dark:#003b50;--alpine:#55a630;--sun:#f5d547;--ink:#16323b;--mist:#f2f6f4}.app-shell{min-height:100dvh;color:var(--ink);background:linear-gradient(#f8fbfa 0,#eef5f2 100%)}.app-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffed;border-bottom:1px solid #004a631a;align-items:center;gap:28px;height:80px;padding:0 clamp(20px,4vw,64px);display:flex;position:sticky;top:0}.brand-mark{object-fit:contain;flex:none;width:124px;height:52px}.desktop-nav{align-items:center;gap:4px;display:flex}.desktop-nav .MuiButton-root{color:#4d6268;border-radius:999px;min-height:44px;padding:9px 16px;font-weight:700}.desktop-nav .MuiButton-root.active{color:var(--lake-dark);background:#e3f0ec}.header-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.location-button{color:var(--lake-dark)!important;background:#edf5f2!important;border-radius:999px!important;padding-inline:16px!important}.location-menu .MuiPaper-root{border:1px solid #dce9e5;border-radius:20px;min-width:250px;margin-top:8px;box-shadow:0 18px 50px #00384829}.location-menu .MuiMenuItem-root{border-radius:12px;justify-content:space-between;min-height:48px;margin:3px 8px;padding:8px 12px;font-weight:650}.location-menu .MuiMenuItem-root.Mui-selected{color:var(--lake-dark);background:#e4f2ed}.menu-heading{color:#708286;padding:8px 20px 2px}.content{padding-top:40px;padding-bottom:48px}.swipe-track{touch-action:pan-y;will-change:transform}.mobile-context,.location-carousel{display:none}.weather-icon{object-fit:contain;display:inline-block}.hero-skeleton{border-radius:32px!important}.current-card{min-height:430px;position:relative;overflow:hidden;color:#fff!important;background:var(--lake-dark)!important;border-radius:32px!important;box-shadow:0 24px 70px #003b5038!important}.current-backdrop{background-position:50%;background-size:cover;transition:background-image .3s;position:absolute;inset:0}.current-card .MuiCardContent-root{z-index:1;flex-direction:column;justify-content:flex-end;min-height:430px;display:flex;position:relative;padding:clamp(28px,5vw,56px)!important}.live-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.11em;background:#002c3b5c;border:1px solid #ffffff47;border-radius:999px;align-self:flex-start;align-items:center;gap:10px;margin-bottom:auto;padding:8px 12px;font-size:.72rem;font-weight:800;display:flex}.live-dot{background:#8ee36b;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #8ee36b29}.weather-summary{align-items:flex-end;gap:42px;display:flex}.temperature{letter-spacing:-.09em!important;font-size:clamp(5rem,12vw,8.5rem)!important;font-weight:400!important;line-height:.78!important}.condition-copy{align-items:center;gap:16px;padding-bottom:4px;display:flex}.condition-icon{filter:drop-shadow(0 8px 14px #0000002e);width:64px;height:64px}.condition-copy h4{font-size:clamp(1.35rem,3vw,2rem);font-weight:750}.condition-copy p{opacity:.82}.update-time{opacity:.7;margin-top:18px!important;font-size:.78rem!important}.station-chips{overscroll-behavior-x:contain;touch-action:pan-x;margin-top:24px;overflow-x:auto}.station-chips .MuiChip-root{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#002c3b2e;border-color:#ffffff73}.station-chips .MuiChip-colorPrimary{color:var(--lake-dark);background:#fff}.section-label{margin:46px 0 18px}.section-label .MuiTypography-overline-root,.page-heading .MuiTypography-overline-root{color:var(--alpine);letter-spacing:.14em;font-weight:900}.section-label h2{letter-spacing:-.04em;font-size:clamp(1.6rem,3vw,2.25rem);font-weight:750}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.metric-card{background:#ffffffdb!important;border:1px solid #dce8e4!important;border-radius:22px!important;box-shadow:0 10px 32px #003b500f!important}.metric-card .MuiCardContent-root{padding:22px!important}.metric-top{align-items:center;gap:10px;display:flex}.metric-icon{width:36px;height:36px;color:var(--lake);background:#e4f2ed;border-radius:12px;place-items:center;display:grid}.metric-icon svg{font-size:20px}.metric-label{color:#64777b;font-size:.78rem!important;font-weight:750!important}.metric-value{letter-spacing:-.04em!important;margin:22px 0 4px!important;font-size:1.55rem!important;font-weight:800!important}.metric-hint{color:#849397;min-height:18px;font-size:.7rem!important}.page-heading{max-width:720px;padding:34px 0 30px}.page-heading h1{letter-spacing:-.065em;margin:5px 0 12px;font-size:clamp(2.5rem,6vw,4.8rem);font-weight:700;line-height:.98}.page-heading>p,.page-heading>div>p{color:#63777c;font-size:1.05rem}.section-block{padding-top:34px}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.section-heading h2{letter-spacing:-.035em;font-size:clamp(1.45rem,3vw,2rem);font-weight:750}.forecast-panel{border:1px solid #dce8e4;align-items:center;min-height:220px;padding:28px 8px 18px;display:grid;overflow:hidden;border-radius:28px!important;box-shadow:0 14px 38px #003b500f!important}.hourly-scroller{overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:thin;padding:6px 14px 16px;display:flex;overflow-x:auto}.hour-column{color:#6c7e82;text-align:center;flex-direction:column;align-items:center;gap:9px;min-width:76px;display:flex}.hour-column .MuiTypography-root{font-size:.72rem}.hour-column .weather-icon{width:28px;height:28px}.hour-column .hour-temp{color:var(--ink);font-size:.95rem;font-weight:800}.temp-bar{background:linear-gradient(var(--sun),#4ba7bd);border-radius:9px;width:6px;min-height:26px}.rain-label{align-items:center;gap:2px;display:flex;color:var(--lake)!important}.rain-label svg{font-size:13px}.daily-grid{grid-template-columns:repeat(7,1fr);gap:10px;display:grid}.day-card{border:1px solid #dce8e4;box-shadow:none!important;background:#fffc!important;border-radius:20px!important}.day-card .MuiCardContent-root{padding:18px 13px!important}.day-name{color:#687a7e;text-transform:uppercase;letter-spacing:.05em;font-size:.72rem!important;font-weight:850!important}.large-weather{width:42px;height:42px;margin:22px 0 12px}.day-card h5{font-weight:850}.day-card h5 span{color:#96a2a4;font-weight:500}.day-condition{color:#687a7e;min-height:36px;margin:5px 0 16px!important;font-size:.72rem!important}.day-meta{border-top:1px solid #e3ebe8;gap:3px;padding-top:12px}.day-meta span{color:#63777c;white-space:nowrap;align-items:center;gap:2px;font-size:.62rem;display:flex}.day-meta svg{font-size:13px}.cameras-section .MuiTabs-root{background:#e4eeeb;border-radius:999px;max-width:360px;min-height:42px;padding:4px}.cameras-section .MuiTab-root{text-transform:none;border-radius:999px;min-height:34px;padding:5px 14px}.cameras-section .MuiTab-root.Mui-selected{color:var(--lake-dark);background:#fff}.cameras-section .MuiTabs-indicator{display:none}.camera-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.camera-card{cursor:pointer;border:1px solid #dce8e4;transition:transform .2s,box-shadow .2s;overflow:hidden;border-radius:24px!important;box-shadow:0 12px 38px #003b5014!important}.camera-card:hover,.camera-card:focus-visible{outline:3px solid #005a7838;transform:translateY(-4px);box-shadow:0 20px 46px #003b5024!important}.camera-image-wrap{background:#b7cfce;height:220px;position:relative;overflow:hidden}.camera-image-wrap img{object-fit:cover;width:100%;height:100%;display:block}.camera-overlay{position:absolute;top:14px;left:14px}.camera-overlay .MuiChip-root{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.08em;background:#003140ad;font-size:.62rem}.camera-card h6{font-size:1rem;font-weight:800}.camera-card .MuiCardContent-root{padding:18px 20px!important}.camera-empty,.empty-live{text-align:center;padding:56px 24px;border-radius:28px!important}.empty-live{flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:390px;display:flex}.empty-live>svg{color:var(--lake);font-size:54px}.camera-dialog .MuiDialog-paper{background:#000;width:calc(100% - 24px);height:min(88dvh,100dvh - 24px);margin:12px;position:relative;overflow:hidden}.camera-dialog .MuiDialog-paperFullScreen{border-radius:0;width:100%;height:100%;margin:0}.camera-dialog-backdrop{z-index:0;filter:blur(40px)brightness(.35);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.15)}.camera-dialog-titlebar{z-index:2;padding:calc(14px + env(safe-area-inset-top)) 8px 14px 20px;color:#fff;background:linear-gradient(#0000008c,#0000);justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:0;left:0;right:0}.camera-dialog-titlebar .MuiTypography-root{font-weight:750}.camera-dialog-titlebar .MuiIconButton-root{color:#fff}.camera-dialog .camera-dialog-content.MuiDialogContent-root{z-index:1;justify-content:center;align-items:center;height:100%;padding:0;display:flex;position:relative;overflow:hidden}.dialog-camera{z-index:1;object-fit:contain;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:100%;max-height:100%;display:block;position:relative}footer{color:#718287;justify-content:space-between;align-items:center;padding:52px 2px 8px;display:flex}footer p{font-size:.75rem}.bottom-nav{display:none!important}@media (width<=900px){.app-header{gap:14px;padding-inline:20px}.desktop-nav .MuiButton-root{min-width:44px;padding-inline:12px;font-size:0}.desktop-nav .MuiButton-startIcon{margin:0}.metrics-grid{grid-template-columns:repeat(2,1fr)}.daily-grid{grid-template-columns:repeat(4,1fr)}.camera-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.app-header{height:68px;padding:8px 16px}.brand-mark{width:100px;height:44px}.desktop-nav,.location-button{display:none!important}.header-actions{gap:0}.content{padding-top:18px;padding-bottom:calc(94px + env(safe-area-inset-bottom))}.mobile-context{flex-direction:column;gap:5px;margin-bottom:16px;display:flex}.mobile-context .MuiTypography-overline-root{color:var(--alpine);letter-spacing:.13em;font-weight:850}.mobile-context h1{letter-spacing:-.045em;font-size:1.95rem;font-weight:750;line-height:1.15}.location-carousel{overscroll-behavior-x:contain;touch-action:pan-x;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:10px;margin:0 -20px 20px;padding:2px 20px 8px;display:flex;overflow-x:auto}.location-carousel::-webkit-scrollbar{display:none}.location-pill{scroll-snap-align:start;color:#63777c;white-space:nowrap;background:#fff;border:1px solid #dce9e5;border-radius:999px;flex:none;padding:10px 20px;font-size:.82rem;font-weight:700}.location-pill.active{color:#fff;border-color:var(--lake-dark);background:var(--lake-dark)}.current-card,.current-card .MuiCardContent-root{min-height:455px}.current-card{border-radius:26px!important}.current-backdrop{background-position:60%}.current-card .MuiCardContent-root{padding:24px!important}.weather-summary{display:block}.temperature{font-size:6.5rem!important}.condition-copy{margin-top:22px}.condition-icon{width:48px;height:48px}.station-chips{margin-right:-24px;padding-right:24px}.section-label{margin-top:34px}.metrics-grid{gap:10px}.metric-card .MuiCardContent-root{padding:16px!important}.metric-top{align-items:flex-start}.metric-icon{flex:none;width:32px;height:32px}.metric-label{line-height:1.2!important}.metric-value{margin-top:18px!important;font-size:1.25rem!important}.page-heading{padding:6px 0 14px}.page-heading h1{letter-spacing:-.045em;font-size:2.35rem;line-height:1.1}.section-block{padding-top:28px}.section-heading{flex-direction:column;align-items:flex-start}.daily-grid{overscroll-behavior-x:contain;touch-action:pan-x;margin-right:-16px;padding:0 16px 10px 0;display:flex;overflow-x:auto}.day-card{min-width:145px}.camera-grid{grid-template-columns:1fr}.camera-image-wrap{height:230px}.cameras-section .MuiTabs-root{width:100%;max-width:none}.cameras-section .MuiTab-root{min-width:33.333%}footer{padding-top:38px}.bottom-nav{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #004a631f;border-radius:24px;padding:6px;position:fixed;box-shadow:0 12px 40px #003b502e;background:#fffffff5!important;height:auto!important;display:flex!important}.bottom-nav-action{color:#738589!important;border-radius:18px!important;min-width:0!important;max-width:none!important}.bottom-nav-action.Mui-selected{background:#e3f0ec;color:var(--lake-dark)!important}.bottom-nav-action .MuiBottomNavigationAction-label{margin-top:3px;font-weight:700;font-size:.67rem!important}.bottom-nav-action.Mui-selected .MuiBottomNavigationAction-label{font-size:.67rem!important}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}