*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,sans-serif}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}ol,ul{list-style:none}a:not([class]){text-decoration-skip-ink:auto}.fade-up-transition{animation:fadeInUp .4s ease-out forwards}.fade-in-transition{animation:fadeIn .6s ease-out forwards}.clickable{cursor:pointer}.hide-scrollbar{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#root{margin:0 auto;text-align:center}body{background-color:var(--background-base);color:var(--text-primary)}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}.Link,Link,a,a[href]{color:var(--brand-blue-400);text-decoration:none;transition:color .2s}.Link:hover,Link:hover,a:hover,a[href]:hover{color:var(--brand-blue-300)}.Link:focus-visible,Link:focus-visible,a:focus-visible,a[href]:focus-visible{outline:2px solid var(--brand-blue-400);outline-offset:2px}.spinner-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.spinner{animation:spin 2s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:48px;width:48px}:root{--brand-white:#fff;--brand-cyan:#00d3ff;--brand-blue:#005b9b;--brand-navy:#010035;--brand-accent:#ff8000;--brand-blue-100:#e6f3ff;--brand-blue-200:#b3d9ff;--brand-blue-300:#80bfff;--brand-blue-400:#4da6ff;--brand-blue-500:#1a8cff;--brand-blue-600:#06c;--brand-blue-700:#004d99;--brand-orange-100:#fff2e6;--brand-orange-200:#ffe0cc;--brand-orange-300:#ffb366;--brand-orange-400:#f93;--brand-orange-500:#ff8000;--brand-orange-600:#c60;--brand-orange-700:#994c00;--background-base:#121212;--background-elevated:#1e1e1e;--background-higher:#2d2d2d;--text-primary:var(--brand-white);--text-secondary:hsla(0,0%,100%,.87);--text-muted:hsla(0,0%,100%,.6);--action-primary:var(--brand-cyan);--action-secondary:var(--brand-blue);--action-accent:var(--brand-accent);--action-disabled:hsla(0,0%,100%,.3);--border-light:hsla(0,0%,100%,.1);--border-medium:hsla(0,0%,100%,.2);--border-heavy:hsla(0,0%,100%,.3);--status-success:#2ecc71;--status-warning:#f1c40f;--status-error:#e74c3c;--status-info:var(--brand-cyan);--data-increasing:var(--status-success);--data-decreasing:var(--status-error);--data-neutral:#9e9e9e;--data-primary:var(--brand-cyan);--data-reference:var(--brand-navy);--water-full:var(--brand-blue);--water-normal:var(--brand-cyan);--water-low:var(--brand-orange-500);--water-critical:var(--status-error)}.button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:500;justify-content:center;line-height:1;overflow:hidden;position:relative;text-decoration:none;transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.button:hover{transition:.3s}.button--sm{border-radius:6px;font-size:14px;gap:8px;height:36px;padding:0 16px}.button--md{font-size:16px;gap:10px;height:44px;padding:0 20px}.button--lg{border-radius:10px;font-size:18px;gap:12px;height:52px;padding:0 28px}.button--primary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 2px 8px #0003;color:#fff}.button--primary:hover:not(:disabled){background:#ffffff26;border-color:#fff3;box-shadow:0 8px 25px #0006;transform:translateY(-2px)}.button--primary:active:not(:disabled){box-shadow:0 4px 12px #0000004d;transform:translateY(-1px);transition:all .1s ease}.button--secondary{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.08);box-shadow:0 1px 4px #0000001a;color:#ffffffe6}.button--secondary:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff26;box-shadow:0 4px 16px #0003;transform:translateY(-1px)}.button--secondary:active:not(:disabled){transform:translateY(0);transition:all .1s ease}.button--outline{background:transparent;border:1px solid hsla(0,0%,100%,.2);box-shadow:none;color:#ffffffe6}.button--outline:hover:not(:disabled){background:#ffffff0d;border-color:#00d3ff;box-shadow:0 0 0 1px #00d3ff4d;color:#00d3ff}.button--outline:active:not(:disabled){background:#ffffff1a;transition:all .1s ease}.button--ghost{background:transparent;border:none;box-shadow:none;color:#fff9}.button--ghost:hover:not(:disabled){background:#ffffff0d;color:#ffffffe6}.button--ghost:active:not(:disabled){background:#ffffff1a;transition:all .1s ease}.button--destructive{background:#e74c3c26;border:1px solid rgba(231,76,60,.3);box-shadow:0 2px 8px #e74c3c33;color:#e74c3c}.button--destructive:hover:not(:disabled){background:#e74c3c40;border-color:#e74c3c;box-shadow:0 4px 16px #e74c3c4d;transform:translateY(-1px)}.button--destructive:active:not(:disabled){transform:translateY(0);transition:all .1s ease}.button:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.4;pointer-events:none;transform:none!important}.button:focus-visible{outline:2px solid #00d3ff;outline-offset:2px}.button--loading{cursor:wait;opacity:.7;pointer-events:none}.button--loading .button__spinner{margin-right:8px}.button__spinner{color:currentColor;display:inline-flex}.button__spinner-icon{animation:spin 1s linear infinite;height:16px;width:16px}.button__spinner-circle{opacity:.25}.button__spinner-path{opacity:.75}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.markdown-document .button{margin:.5rem .5rem .5rem 0}.app-home-container{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100dvh;padding:max(calc(50dvh - 267.5px),50px) 1rem}.app-home-content{margin:0 auto;max-width:400px;width:100%}.app-home-header{text-align:center}.app-home-branding,.app-home-header{margin-bottom:1rem}.app-home-logo-container{align-items:center;display:flex;justify-content:center}.app-home-logo{height:65px;width:auto}.app-home-subtitle{font-size:.9rem;font-weight:400;margin:0;opacity:.8}.app-home-search-container{width:100%}.search-input-wrapper{position:relative;width:100%}.search-icon{color:#888;left:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.app-home-search{background:#fff;border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#333;font-size:16px;outline:none;padding:.75rem 1rem .75rem 2.5rem;transition:box-shadow .2s ease;width:100%}.app-home-search::placeholder{color:#888;opacity:1}.app-home-search:focus{box-shadow:0 4px 16px #0003}.app-home-lakes{display:flex;flex-direction:column;gap:.5rem}.app-home-lake-card{animation:fadeInUp .4s ease-out forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:none;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;cursor:pointer;margin:0 auto;padding:.75rem;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:95%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app-home-lake-card:hover{background:#ffffff26;border-color:#fff3;box-shadow:0 8px 25px #0006;transform:translateY(-2px) scale(1.01)}.app-home-lake-card:active{transform:translateY(-1px) scale(1.005)}.app-home-lake-info{align-items:center;display:flex;gap:1rem;justify-content:space-between;width:100%}.app-home-lake-name{color:#fff;flex:2;font-size:1.3rem;font-weight:500;margin:0;min-width:0}.app-home-lake-location{color:#ffffffb3;flex:1;font-size:.85rem;min-width:0;text-align:right}.more-icon{color:#fff9;flex-shrink:0;transition:color .2s ease}.app-home-lake-card:hover .more-icon{color:#ffffffe6}.see-all-button{background:none;border:none;color:#fff;cursor:pointer;margin:.5rem auto 0;padding:.5rem;transition:all .3s ease;width:95%}.see-all-button:hover{transform:translateY(-1px)}.see-all-button:hover .see-all-content{opacity:1}.see-all-content{align-items:center;animation:mysticalGlow 2s ease-in-out infinite alternate;display:flex;font-size:.85rem;gap:.5rem;justify-content:center;opacity:.6;transition:all .3s ease}@keyframes mysticalGlow{0%{opacity:.6;text-shadow:0 0 5px hsla(0,0%,100%,.3)}to{opacity:.8;text-shadow:0 0 10px hsla(0,0%,100%,.5)}}.no-results{color:#ffffffb3;padding:2rem 1rem;text-align:center}.no-results p{font-size:.95rem;margin:0}@media (min-width:768px){.app-home-container{padding:max(calc(50dvh - 267.5px),15px) 2rem 2rem}.app-home-content{max-width:450px}.app-home-logo{height:56px}.app-home-subtitle{font-size:1rem}}@media (min-width:1024px){.app-home-content{max-width:500px}}.async-item{padding:2rem}.callout{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;display:block;margin:1rem 0;padding:1rem;text-align:left;text-decoration:none}.callout--clickable{cursor:pointer;transition:all .2s ease}.callout-content{width:100%}.callout-header{align-items:flex-start;display:flex;gap:.75rem}.callout-icon{flex-shrink:0;margin-top:.125rem}.callout-text{flex:1;min-width:0}.callout-title{font-size:1.1rem;font-weight:600;line-height:1.2;margin:0 0 .25rem}.callout-message{font-size:.95rem;line-height:1.4;margin:0;word-wrap:break-word}.callout-dismiss{background:none;border:none;border-radius:6px;cursor:pointer;flex-shrink:0;margin-top:-.125rem;padding:.25rem;transition:all .2s ease}.callout-dismiss:hover{background:#ffffff1a}.callout-dismiss:active{background:#ffffff26}.callout--success{background:linear-gradient(135deg,#22c55e26,#16a34a1a);border:1px solid rgba(74,222,128,.3)}.callout--success .callout-icon,.callout--success .callout-title{color:#86efac}.callout--success .callout-message{color:#ffffffe6}.callout--success .callout-dismiss{color:#ffffffb3}.callout--success .callout-dismiss:hover{color:#ffffffe6}.callout--warning{background:linear-gradient(135deg,#f59e0b26,#d977061a);border:1px solid rgba(251,191,36,.3)}.callout--warning .callout-icon,.callout--warning .callout-title{color:#fde047}.callout--warning .callout-message{color:#ffffffe6}.callout--warning .callout-dismiss{color:#ffffffb3}.callout--warning .callout-dismiss:hover{color:#ffffffe6}.callout--error{background:linear-gradient(135deg,#dc262626,#b91c1c1a);border:1px solid rgba(239,68,68,.3)}.callout--error .callout-icon,.callout--error .callout-title{color:#fca5a5}.callout--error .callout-message{color:#ffffffe6}.callout--error .callout-dismiss{color:#ffffffb3}.callout--error .callout-dismiss:hover{color:#ffffffe6}.callout--info{background:linear-gradient(135deg,#3b82f626,#2563eb1a);border:1px solid rgba(96,165,250,.3)}.callout--info .callout-icon,.callout--info .callout-title{color:#93c5fd}.callout--info .callout-message{color:#ffffffe6}.callout--info .callout-dismiss{color:#ffffffb3}.callout--info .callout-dismiss:hover{color:#ffffffe6}.callout--alert{background:linear-gradient(135deg,#f9731626,#ea580c1a);border:1px solid rgba(251,146,60,.3)}.callout--alert .callout-icon,.callout--alert .callout-title{color:#fdba74}.callout--alert .callout-message{color:#ffffffe6}.callout--alert .callout-dismiss{color:#ffffffb3}.callout--alert .callout-dismiss:hover{color:#ffffffe6}.callout--important{background:linear-gradient(135deg,#9333ea26,#7e22ce1a);border:1px solid rgba(168,85,247,.3)}.callout--important .callout-icon,.callout--important .callout-title{color:#c084fc}.callout--important .callout-message{color:#ffffffe6}.callout--important .callout-dismiss{color:#ffffffb3}.callout--important .callout-dismiss:hover{color:#ffffffe6}.callout--development{background:linear-gradient(135deg,#4b556326,#3741511a);border:1px solid rgba(156,163,175,.3)}.callout--development .callout-icon,.callout--development .callout-title{color:#d1d5db}.callout--development .callout-message{color:#ffffffe6}.callout--development .callout-dismiss{color:#ffffffb3}.callout--development .callout-dismiss:hover{color:#ffffffe6}@media (max-width:640px){.callout{margin:.75rem 0;padding:.875rem}.callout-header{gap:.625rem}.callout-message{font-size:.9rem}}.fade-up-transition{animation:fadeUp .3s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app-layout{color:#fff;min-height:100dvh;overflow:hidden;position:relative}.app-layout:before{background:linear-gradient(180deg,#040507,#020e33);content:"";height:100dvh;left:0;position:fixed;top:0;width:100vw;z-index:-1}.app-header{background:linear-gradient(180deg,#040507,#06080b);background-attachment:fixed;box-sizing:border-box;height:5rem;justify-content:space-between;left:0;line-height:1;margin:0;padding:1.25rem 1rem .5rem;position:fixed;right:0;top:0;z-index:1001}.app-header,.header-brand{align-items:center;display:flex}.header-brand{cursor:pointer;flex:1;transition:opacity .2s ease}.header-brand:hover{opacity:.8}.header-logo-name{display:block;height:50px;margin:0;width:auto}.menu-toggle{background:none;border:none;color:#fff;cursor:pointer;margin:0;padding:.5rem;position:fixed;right:1rem;top:1.25rem;transition:all .2s ease;z-index:1002}.menu-toggle:hover{opacity:.7}.app-content{bottom:0;box-sizing:border-box;left:0;margin:0 auto;overflow-x:hidden;overflow-y:auto;padding:env(safe-area-inset-top,0) calc(50vw - 400px) env(safe-area-inset-bottom,0);position:absolute;right:0;top:0}.app-layout:has(.app-header) .app-content{height:calc(100dvh - 5rem);padding-top:0;top:5rem}.app-layout:not(:has(.app-header)) .app-content{height:100dvh;top:0}@media (min-width:768px){.app-header{padding:1rem 1.5rem .5rem}.menu-toggle{right:1.5rem;top:1rem}}.app-context-footer{bottom:1rem;left:50%;max-width:600px;position:fixed;transform:translate(-50%);width:90%;z-index:100}.menu-item{align-items:center;background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.menu-item:hover{background:#ffffff1a}.menu-item:active{background:#ffffff26}.menu-item--compact{font-size:.9rem;gap:.6rem;padding:.5rem 1rem}.menu-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f1419f2;border-left:1px solid hsla(0,0%,100%,.1);height:100vh;position:fixed;right:0;top:0;transform:translate(100%);transition:transform .3s ease;width:280px;z-index:1000}.menu-overlay--open{transform:translate(0)}.side-menu{display:flex;flex-direction:column;height:100dvh;padding:4rem 1.5rem 1.5rem}.menu-header{border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;flex-shrink:0;justify-content:center;margin-bottom:1.5rem;padding-bottom:1rem}.menu-logo{height:40px;width:auto}.menu-content{display:flex;flex:1;flex-direction:column;justify-content:space-between;min-height:0}.menu-top{flex-shrink:0}.menu-items{list-style:none;margin:0;padding:0}.menu-items li{margin-bottom:.5rem}.menu-bottom{flex-shrink:0}.menu-divider{background:#ffffff1a;height:1px;margin:1rem 0}.menu-credits{padding:0 1rem;text-align:left}.credits-text{color:#ffffffb3;font-size:.85rem;font-style:italic;margin:0 0 .25rem}.credits-link{color:inherit;text-decoration:none;transition:opacity .2s ease}.credits-link:hover{opacity:.8}.credits-name{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.credits-copyright{color:#ffffff80;font-size:.75rem;font-style:italic;margin:0}.menu-additional-buttons{border-top:1px solid hsla(0,0%,100%,.1);margin-top:1rem;padding-top:1rem}.menu-additional-buttons .menu-item{margin-bottom:.5rem}.menu-additional-buttons .menu-item--compact{margin-bottom:.25rem}.menu-backdrop{background:#00000080;height:100dvh;left:0;position:fixed;top:0;width:100vw;z-index:999}@media (min-width:1024px){.menu-overlay{width:320px}.menu-logo{height:44px}}.lake-dashboard{margin-bottom:8rem;padding:1rem}.water-snapshot{color:var(--text-primary);margin:0 auto}.water-snapshot-content{margin-bottom:1.25rem;text-align:center}.current-height{margin-bottom:2rem}.height-value{color:var(--text-primary);display:block;font-size:5rem;font-weight:400;letter-spacing:-.02em;line-height:1}.height-description{font-size:1.1rem;line-height:90%}.height-description,.height-reading-date{color:var(--text-muted);display:block;font-weight:400}.height-reading-date{font-size:.8rem;font-style:italic}.change-indicators{display:flex;flex-wrap:nowrap;justify-content:space-between;margin-top:2rem}.change-item{align-items:center;display:flex;flex:0 0 auto}.change-icon{flex-shrink:0}.trend-up{color:var(--data-increasing);stroke-width:3}.trend-down{color:var(--data-decreasing);stroke-width:3}.change-details{align-items:center;display:flex;flex-direction:column;text-align:center;width:100%}.change-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.change-timeframe,.change-value{line-height:1;text-align:center;width:100%}.change-timeframe{color:var(--text-muted);font-size:.85rem}@media (max-width:768px){.lake-name{font-size:2.5rem;margin-bottom:1.5rem}.height-value{font-size:4rem}.change-indicators{gap:1.5rem;margin-top:1.5rem}}@media (max-width:640px){.lake-name{font-size:2rem}.height-value{font-size:3.5rem}.change-indicators{gap:.75rem}.change-details{align-items:flex-start;text-align:left}.change-value{font-size:1.3rem}.change-timeframe{font-size:.75rem}}@media (max-width:350px){.change-value{font-size:1rem}}.out-of-date-badge{align-items:center;background:#f1c40f26;border:1px solid rgba(241,196,15,.3);border-radius:8px;color:var(--status-warning);display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;letter-spacing:.025em;line-height:1;padding:.375rem .625rem;white-space:nowrap}.badge-icon{flex-shrink:0}.badge-icon,.badge-text{color:var(--status-warning)}.out-of-date-badge:hover{background:#f1c40f33;border-color:#f1c40f66}.water-level-progress{display:flex;flex-direction:column;margin:.5rem 0}.progress-top-row{align-items:center;display:flex;gap:1rem}.progress-bar-background{background:var(--border-medium);border-radius:6px;flex:1;height:12px;overflow:hidden;position:relative}.progress-bar-fill{background:linear-gradient(90deg,var(--water-normal),var(--water-full));border-radius:6px;height:100%;transition:width .8s ease-out}.progress-percentage{color:var(--text-primary);font-size:1.25rem;font-weight:600;line-height:1;min-width:80px;text-align:right}.progress-bottom-row{align-items:baseline;display:flex;justify-content:space-between}.volume-display{color:var(--text-secondary);font-size:.9rem}.progress-label{color:var(--text-muted);font-size:.85rem}@media (max-width:640px){.progress-top-row{gap:.75rem}.progress-percentage{font-size:1.1rem;min-width:70px}.volume-display{font-size:.85rem}.progress-label{font-size:.8rem}}.drawer-overlay{background:#0006;top:0;right:0;bottom:0;left:0;position:fixed;z-index:10001}.drawer-content{background:#1a1a1a;background:var(--background-elevated,#1a1a1a);border-radius:12px 12px 0 0;bottom:0;box-shadow:0 -4px 20px #00000026;display:flex;flex-direction:column;left:0;max-height:90dvh;padding:0 calc(50vw - 400px);position:fixed;right:0;z-index:10002}.drawer-inner{color:#fff;color:var(--text-primary,#fff);flex:1;overflow-y:auto;padding:6px 24px 48px}.drawer-handle{background:#636366;background:var(--border-heavy,#636366);border-radius:3px;flex-shrink:0;height:5px;margin:24px auto 12px;opacity:1;transition:background-color .2s ease;width:36px}.drawer-handle:hover{background:#787880}.drawer-inner h1{font-size:28px}.drawer-inner h2,h3,h4,h5,h6{margin-bottom:2px;margin-top:12px}.drawer-inner p{margin-bottom:4px}.drawer-inner hr{margin-bottom:6px;margin-top:18px}.drawer-inner ul{list-style-type:disc;margin:8px 0;padding-left:20px}.drawer-inner .hint{font-size:small;font-style:italic;opacity:80%}.drawer-inner li{color:#ffffffe6;color:var(--text-secondary,hsla(0,0%,100%,.9));line-height:1.5;margin:4px 0}.drawer-inner li::marker{color:#636366;color:var(--border-heavy,#636366)}@media (max-width:640px){.drawer-content{border-radius:12px 12px 0 0;max-height:90dvh}}.data-pills-scroller{margin:1rem -1rem;position:relative;width:100vw}.pills-container{display:flex;gap:1rem;overflow-x:auto;overflow-y:hidden;padding:.5rem 1rem 1rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.pills-container::-webkit-scrollbar{height:4px}.pills-container::-webkit-scrollbar-track{background:var(--border-light);border-radius:2px}.pills-container::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:2px}.pills-container::-webkit-scrollbar-thumb:hover{background:var(--border-heavy)}.data-pill{background:var(--background-elevated);border:1px solid var(--border-light);border-radius:16px;flex:0 0 auto;min-width:140px;overflow:hidden;padding:.75rem 1rem;position:relative;text-align:center;transition:all .2s ease}.data-pill:hover{background:var(--background-higher);border-color:var(--border-medium);transform:translateY(-1px)}.data-pill.trend-positive{border-left:3px solid var(--data-increasing)}.data-pill.trend-negative{border-left:3px solid var(--data-decreasing)}.data-pill.trend-neutral{border-left:3px solid var(--brand-blue)}.pill-label{color:var(--text-muted);font-size:.75rem;font-weight:500;line-height:1.2;margin-bottom:.25rem}.pill-value{align-items:baseline;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:.25rem;justify-content:center;line-height:1}.pill-unit{color:var(--text-secondary);font-size:.85rem;font-weight:400}.pills-container::-webkit-scrollbar{display:none}@media (min-width:769px){.data-pills-scroller{margin:1rem 0;width:100%}.pills-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;overflow:visible;padding:.5rem 0 1rem}.data-pill{flex:0 0 auto;min-width:140px}}@media (max-width:768px){.data-pills-scroller{margin:.5rem -1rem}.pills-container{gap:.75rem;padding:.25rem 1rem .75rem}}@media (max-width:640px){.pills-container{gap:.75rem;padding:.25rem 1rem .75rem}.data-pill{min-width:120px;padding:.625rem .875rem}.pill-label{font-size:.7rem}.pill-value{font-size:1rem}.pill-unit{font-size:.8rem}}.data-pill:focus{outline:2px solid var(--action-primary);outline-offset:2px}.chart-container{height:250px;margin-top:-1.75rem;width:100%}.chart-container canvas{height:100%!important;width:100%!important}@media (max-width:768px){.chart-container{height:225px}}.access-points-container{background:var(--background-elevated);border:1px solid var(--border-light);border-radius:16px;color:var(--text-primary);margin:2rem 0;padding:1rem 1.5rem .5rem}.access-points-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.access-points-title{flex:1;font-size:1.5rem;font-weight:600;margin:0}.access-points-title,.region-select{color:var(--text-primary);text-align:left}.region-select{background:var(--background-higher);border:1px solid var(--border-medium);border-radius:12px;cursor:pointer;font-size:.95rem;min-width:140px;outline:none;padding:.5rem 1rem;transition:all .2s ease}.region-select:hover{background:var(--background-base);border-color:var(--border-heavy)}.region-select:focus{border-color:var(--action-primary);box-shadow:0 0 0 2px #00d3ff33}.region-select option{background:var(--background-elevated);color:var(--text-primary);padding:.5rem}.access-points-list{display:flex;flex-direction:column}.access-point{border-bottom:1px solid var(--border-light);padding:1rem 0;transition:all .2s ease}.access-point:last-child{border-bottom:none}.access-point:hover{background:var(--background-higher);border-radius:8px;margin:0 -1.5rem;padding:1rem 1.5rem}.access-point-layout{align-items:center;display:flex;gap:.75rem}.status-icon{flex-shrink:0}.status-icon--open{color:var(--status-success)}.status-icon--caution{color:var(--status-warning)}.status-icon--closed{color:var(--status-error)}.access-point-middle{display:flex;flex:1;flex-direction:column;gap:.25rem;min-width:0;text-align:left}.access-point-name{color:var(--text-primary);font-size:1.1rem;font-weight:600;line-height:1.2;margin:0}.access-point-type{color:var(--text-muted);font-size:.9rem;line-height:1;margin:0}.access-point-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:.25rem;text-align:right}.clearance-display{color:var(--text-primary);font-size:1.25rem;font-weight:600;line-height:1.2}.status-badge{font-size:.75rem;font-weight:700;letter-spacing:.5px;line-height:1}.status-badge--open{color:var(--status-success)}.status-badge--caution{color:var(--status-warning)}.status-badge--closed{color:var(--status-error)}.access-point-drawer-center-row{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:8px 0}.access-point-drawer-indicator{align-items:center;display:flex;flex-direction:row;font-size:36px;font-weight:700;gap:4px}@media (max-width:768px){.access-points-container{margin:.75rem 0;padding:1.25rem}.access-point:hover{margin:0 -1.25rem;padding:1rem 1.25rem}.access-points-title{font-size:1.25rem}.region-select{min-width:120px}}@media (max-width:640px){.access-points-container{padding:.75rem 1rem .5rem}.access-point{padding:.6rem 0}.access-point:hover{margin:0 -1rem;padding:.6rem 1rem}.clearance-display{font-size:1.1rem}.access-point-name{font-size:1rem}}.lake-name{color:var(--text-primary);font-size:3rem;font-weight:700;line-height:1.1;margin:0 0 2rem}@media (max-width:768px){.lake-name{font-size:2.5rem;margin-bottom:1.25rem}}@media (max-width:640px){.lake-name{font-size:2rem}}.update-tracker{color:var(--text-primary);margin-bottom:20vh;max-width:100%;padding:1rem}.update-tracker-header{border-bottom:1px solid var(--border-light);margin-bottom:2rem;padding-bottom:1rem;text-align:left}.updates-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;font-size:.95rem;gap:.75rem;padding:2rem 1rem;text-align:center}.updates-loading span{font-weight:500}.updates-empty{color:var(--text-muted);padding:3rem 1rem;text-align:center}.updates-empty h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:.75rem 0 .5rem}.updates-empty p{font-size:.9rem;line-height:1.5;margin:0}.updates-timeline{gap:1.5rem}.update-entry,.updates-timeline{display:flex;flex-direction:column}.update-entry{border-bottom:1px solid hsla(0,0%,100%,.05);gap:.75rem;padding-bottom:1rem}.update-entry:last-child{border-bottom:none;padding-bottom:20dvh}.update-date{color:var(--action-primary);font-size:1.25rem;font-weight:600;letter-spacing:.05em;line-height:1;opacity:.9;text-align:left;text-transform:uppercase}.update-content{color:var(--text-primary);line-height:1.6}.update-markdown{background:none!important;border:none!important;margin:0!important;padding:0!important}.update-markdown h1,.update-markdown h2,.update-markdown h3,.update-markdown h4,.update-markdown h5,.update-markdown h6{color:var(--text-primary);font-weight:600;line-height:1.3;margin:0 0 .75rem}.update-markdown h1{font-size:1.25rem}.update-markdown h2{font-size:1.1rem}.update-markdown h3{font-size:1rem}.update-markdown p{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0 0 1rem}.update-markdown p:last-child{margin-bottom:0}.update-markdown ol,.update-markdown ul{color:var(--text-secondary);font-size:.95rem;margin:0 0 1rem;padding-left:1.25rem}.update-markdown li{line-height:1.5;margin-bottom:.25rem}.update-markdown li:last-child{margin-bottom:0}.update-markdown strong{color:var(--text-primary);font-weight:600}.update-markdown em{color:var(--text-secondary);font-style:italic}.update-markdown code{background:var(--background-higher);border-radius:3px;color:var(--action-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85em;padding:.15rem .3rem}.update-markdown pre{background:var(--background-higher);border:1px solid var(--border-light);border-radius:6px;font-size:.85rem;margin:1rem 0;overflow-x:auto;padding:.875rem}.update-markdown blockquote{border-left:2px solid var(--action-primary);color:var(--text-muted);font-size:.95rem;font-style:italic;margin:1rem 0;padding-left:1rem}.update-markdown a{color:var(--action-primary);font-weight:500;text-decoration:none}.update-markdown a:hover{text-decoration:underline}@media (min-width:768px){.update-tracker{margin:0 auto;max-width:800px;padding:2rem}.tracker-title{font-size:1.5rem;gap:.75rem}.update-entry{align-items:start;display:grid;gap:1.5rem;grid-template-columns:120px 1fr}.update-date{font-size:.8rem;padding-top:.125rem;position:sticky;text-align:right;top:2rem}.updates-timeline{gap:2rem}.update-entry{padding-bottom:2rem}.updates-loading{padding:3rem 2rem}.updates-empty{padding:4rem 2rem}.updates-empty h3{font-size:1.25rem}}@media (min-width:1024px){.update-tracker{padding:3rem 2rem}.update-entry{gap:2rem;grid-template-columns:140px 1fr}.tracker-title{font-size:1.75rem}}.markdown-document{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;margin:0 auto;max-width:700px;padding:2rem 2rem 25dvh;text-align:left}.markdown-h1{color:#fff;font-size:2rem;font-weight:600;margin:0 0 1.5rem;text-align:left}.markdown-h2{font-size:1.5rem;margin:2rem 0 1rem}.markdown-h2,.markdown-h3{color:#fff;font-weight:500;text-align:left}.markdown-h3{font-size:1.25rem;margin:1.5rem 0 .75rem}.markdown-h4{font-size:1.1rem}.markdown-h4,.markdown-h5{color:#fff;font-weight:500;margin:1rem 0 .5rem;text-align:left}.markdown-h5{font-size:1rem}.markdown-h6{color:#fffc;font-size:.9rem;font-weight:600;margin:1rem 0 .5rem;text-align:left;text-transform:uppercase}.markdown-paragraph{color:#ffffffe6;line-height:1.7;margin:0 0 1rem;text-align:left}.markdown-list-ordered,.markdown-list-unordered{color:#ffffffe6;list-style:none;margin:1rem 0;padding-left:0}.markdown-list-item{margin:.5rem 0;padding-left:2rem;position:relative}.markdown-list-unordered .markdown-list-item:before{background:#64b5f6;border-radius:50%;box-shadow:0 0 6px #64b5f680;content:"";height:6px;left:.5rem;position:absolute;top:.75rem;width:6px}.markdown-list-ordered{counter-reset:list-counter}.markdown-list-ordered .markdown-list-item{counter-increment:list-counter}.markdown-list-ordered .markdown-list-item:before{align-items:center;background:#64b5f633;border:1px solid rgba(100,181,246,.4);border-radius:50%;color:#64b5f6;content:counter(list-counter);display:flex;font-size:.75rem;font-weight:600;height:1.5rem;justify-content:center;left:0;line-height:1;position:absolute;top:0;width:1.5rem}.markdown-link{color:#64b5f6;text-decoration:underline}.markdown-link:hover{color:#90caf9}.markdown-code-inline{background:#ffffff26;border-radius:6px;color:#ffeb3b;font-family:monospace;font-size:.9em;padding:.25rem .5rem}.markdown-code-block{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;margin:1rem 0;overflow-x:auto;padding:1rem}.markdown-code-block code{background:none;color:#e8eaed;font-family:monospace;padding:0}.markdown-blockquote{background:#ffffff0d;border-left:4px solid hsla(0,0%,100%,.3);border-radius:0 8px 8px 0;color:#fffc;margin:1.5rem 0;padding:1rem 1.5rem;text-align:left}.markdown-table{background:#ffffff14;border:1px solid hsla(0,0%,100%,.1);border-collapse:collapse;border-radius:12px;margin:1.5rem 0;overflow:hidden;width:100%}.markdown-table-header{background:#ffffff1a;border-bottom:1px solid hsla(0,0%,100%,.1);color:#fff;font-weight:500;padding:.75rem 1rem;text-align:left}.markdown-table-cell{border-bottom:1px solid hsla(0,0%,100%,.05);color:#ffffffe6;padding:.75rem 1rem;text-align:left}.markdown-hr{background:#fff3;border:none;height:1px;margin:2rem 0}.markdown-image{border-radius:8px;margin:1rem 0;max-width:100%}.markdown-bold{color:#fff;font-weight:600}.markdown-italic{color:#ffffffe6;font-style:italic}.markdown-error{background:#ff6b6b1a;border:1px solid hsla(0,100%,71%,.3);border-radius:8px;color:#ff6b6b;padding:1rem;text-align:left}@media (max-width:768px){.markdown-document{padding:1rem}.markdown-h1{font-size:1.75rem}.markdown-h2{font-size:1.5rem}.markdown-button{font-size:1rem;padding:.9rem 1.6rem}}.feedback-form-container{color:var(--text-primary);margin-bottom:16px;max-width:100%}.feedback-form-header{margin-bottom:2rem;text-align:center}.feedback-form{gap:1.5rem}.feedback-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-label{align-items:baseline;color:var(--text-primary);display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin:0}.required{color:var(--status-error);font-size:.85rem}.optional{font-size:.85rem;font-weight:400}.form-hint,.optional{color:var(--text-muted)}.form-hint{font-size:.8rem;line-height:1.4;margin:0;text-align:left}.form-input,.form-select,.form-textarea{background:var(--background-elevated);border:1px solid var(--border-medium);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:16px;line-height:1.5;outline:none;padding:.75rem;transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--action-primary);box-shadow:0 0 0 2px #00d3ff33}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted);opacity:.8}.form-textarea{min-height:100px;resize:vertical}.form-select{cursor:pointer}.form-select option{background:var(--background-elevated);color:var(--text-primary)}.form-actions{display:flex;justify-content:center;margin-top:1rem}.submit-button{align-items:center;background:var(--action-primary);border:none;border-radius:8px;color:var(--brand-navy);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;letter-spacing:.025em;padding:.875rem 2rem;transition:all .2s ease}.submit-button:hover:not(:disabled){background:var(--brand-cyan);box-shadow:0 4px 8px #00d3ff4d;transform:translateY(-1px)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.thank-you-view{align-items:center;display:flex;justify-content:center;min-height:400px;text-align:center}.thank-you-content{max-width:500px;padding:2rem}.thank-you-title{color:var(--text-primary);font-size:2rem;font-weight:700;letter-spacing:-.025em;margin:0 0 1rem}.thank-you-message{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:0 0 2rem}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--border-heavy)}.form-input:invalid:not(:focus):not(:placeholder-shown),.form-textarea:invalid:not(:focus):not(:placeholder-shown){background:#e74c3c0d;border-color:var(--status-error)}.form-input:valid:not(:focus):not(:placeholder-shown),.form-textarea:valid:not(:focus):not(:placeholder-shown){border-color:var(--status-success)}@media (min-width:768px){.feedback-form{gap:2rem}.form-group{gap:.75rem}.form-input,.form-select,.form-textarea{font-size:16px;padding:1rem}.form-label{font-size:1rem}.form-hint{font-size:.85rem}.submit-button{font-size:1rem;padding:1rem 2.5rem}.thank-you-view{min-height:500px}.thank-you-title{font-size:2.25rem}.thank-you-message{font-size:1.2rem}}@media (min-width:1024px){.submit-button:hover:not(:disabled){box-shadow:0 6px 12px #00d3ff66}.thank-you-title{font-size:2.5rem}}@media (prefers-reduced-motion:no-preference){.form-group{animation:fadeIn .3s ease-out}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}