:root{--color-river-deep:#0f2b3c;--color-river-dark:#163d52;--color-river-medium:#1e6882;--color-river-light:#3a9fc4;--color-river-pale:#a8d8ea;--color-river-shimmer:#d4eef5;--color-forest-deep:#0d1f12;--color-forest-dark:#1a3a22;--color-forest-medium:#2d6a3d;--color-forest-light:#4a9b60;--color-forest-sage:#8baa7e;--color-stone-dark:#3a3a38;--color-stone-medium:#6b6b65;--color-stone-light:#9a9a90;--color-stone-pale:#c8c4ba;--color-dawn:#e8a87c;--color-sunset:#d48b6a;--color-campfire:#c4724a;--color-snow:#f7f5f2;--color-cream:#eae6df;--color-sand:#d8d2c8;--color-fog:#ffffff0f;--color-bg-primary:#0b1a23;--color-bg-secondary:#0f2430;--color-bg-card:#0f2430d9;--color-bg-card-hover:#163244e6;--color-bg-glass:#0f2430a6;--color-text-primary:#e8e4de;--color-text-secondary:#a8b4ba;--color-text-muted:#6b7a82;--color-text-accent:var(--color-river-light);--color-border:#a8d8ea1a;--color-border-hover:#a8d8ea33;--color-border-active:#a8d8ea59;--color-score-excellent:#4ade80;--color-score-good:#86efac;--color-score-fair:#fbbf24;--color-score-below:#fb923c;--color-score-poor:#ef4444;--color-wade-safe:#4ade80;--color-wade-caution:#fbbf24;--color-wade-dangerous:#ef4444;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Playfair Display", Georgia, serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #00000059;--shadow-lg:0 8px 30px #0006;--shadow-glow:0 0 20px #3a9fc426;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--max-width:1400px;--header-height:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";background:radial-gradient(ellipse at 20% 50%, #1e688214 0%, transparent 60%), radial-gradient(ellipse at 80% 20%, #2d6a3d0f 0%, transparent 50%), radial-gradient(ellipse at 50% 100%, #0f2b3c1a 0%, transparent 50%), linear-gradient(180deg, var(--color-bg-primary) 0%, #0a1920 100%);z-index:-1;animation:30s ease-in-out infinite alternate bgShift;position:fixed;inset:0}@keyframes bgShift{0%{opacity:1}50%{opacity:.85}to{opacity:1}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-text-primary);font-weight:600;line-height:1.2}h1{letter-spacing:-.02em;font-size:2.5rem}h2{letter-spacing:-.01em;font-size:1.75rem}h3{font-size:1.25rem}h4{font-size:1.1rem}p{color:var(--color-text-secondary);line-height:1.7}a{color:var(--color-text-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-river-pale)}.container{max-width:var(--max-width);padding:0 var(--space-lg);margin:0 auto}.header{z-index:100;height:var(--header-height);padding:0 var(--space-xl);-webkit-backdrop-filter:blur(20px)saturate(1.5);border-bottom:1px solid var(--color-border);background:#0b1a23d9;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-logo{align-items:center;gap:var(--space-sm);display:flex}.header-logo-icon{font-size:1.8rem}.header-title{font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:-.01em;font-size:1.4rem;font-weight:600}.header-subtitle{font-family:var(--font-body);color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:400}.header-date{color:var(--color-text-secondary);align-items:center;gap:var(--space-xs);font-size:.85rem;display:flex}.filter-bar{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--color-border);background:#0b1a2380;flex-wrap:wrap;display:flex}.filter-group{align-items:center;gap:var(--space-sm);display:flex}.filter-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;font-size:.75rem;font-weight:500}.filter-btn{align-items:center;gap:var(--space-xs);font-family:var(--font-body);color:var(--color-text-secondary);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;padding:6px 14px;font-size:.8rem;font-weight:500;display:inline-flex}.filter-btn:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}.filter-btn.active{border-color:var(--color-river-medium);color:var(--color-river-light);background:#3a9fc426}.filter-btn-icon{font-size:.9rem}.date-selector{align-items:center;gap:var(--space-sm);margin-left:auto;display:flex}.date-input{font-family:var(--font-body);color:var(--color-text-primary);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition-fast);padding:6px 12px;font-size:.8rem}.date-input:focus{border-color:var(--color-river-medium);outline:none}.date-input::-webkit-calendar-picker-indicator{filter:invert(.7)}.dashboard{padding:var(--space-xl) var(--space-xl) var(--space-3xl)}.dashboard-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(380px,1fr));display:grid}.dashboard-empty{text-align:center;padding:var(--space-3xl);color:var(--color-text-muted);grid-column:1/-1}.river-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.river-card:before{content:"";background:linear-gradient(90deg, var(--color-river-medium), var(--color-forest-medium));opacity:0;height:3px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.river-card:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover);box-shadow:var(--shadow-lg), var(--shadow-glow);transform:translateY(-2px)}.river-card:hover:before{opacity:1}.river-card-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:flex-start;display:flex}.river-card-title-area{flex:1}.river-card-name{font-family:var(--font-display);color:var(--color-text-primary);margin-bottom:2px;font-size:1.2rem;font-weight:600}.river-card-subtitle{color:var(--color-text-muted);font-size:.75rem;font-style:italic}.river-card-badges{gap:var(--space-xs);align-items:center;display:flex}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:3px;padding:3px 8px;font-size:.65rem;font-weight:600;display:inline-flex}.badge-region{color:var(--color-river-light);background:#3a9fc41f;border:1px solid #3a9fc433}.badge-drive{color:var(--color-forest-sage);background:#8baa7e1f;border:1px solid #8baa7e33}.score-ring-container{flex-direction:column;align-items:center;gap:2px;display:flex}.score-ring{width:64px;height:64px;position:relative}.score-ring svg{transform:rotate(-90deg)}.score-ring-bg{fill:none;stroke:#ffffff0f;stroke-width:4px}.score-ring-fill{fill:none;stroke-width:4px;stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1)}.score-ring-value{font-family:var(--font-body);color:var(--color-text-primary);font-size:1.1rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.score-label{text-transform:uppercase;letter-spacing:.05em;font-size:.6rem;font-weight:600}.river-card-stats{gap:var(--space-sm);margin-bottom:var(--space-md);grid-template-columns:1fr 1fr 1fr;display:grid}.stat{flex-direction:column;gap:2px;display:flex}.stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;font-weight:500}.stat-value{color:var(--color-text-primary);align-items:center;gap:4px;font-size:.95rem;font-weight:600;display:flex}.stat-value-secondary{color:var(--color-text-secondary);font-size:.75rem;font-weight:400}.wade-safety{border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.wade-safety.safe{color:var(--color-wade-safe);background:#4ade801a;border:1px solid #4ade8033}.wade-safety.caution{color:var(--color-wade-caution);background:#fbbf241a;border:1px solid #fbbf2433}.wade-safety.dangerous{color:var(--color-wade-dangerous);background:#ef44441a;border:1px solid #ef444433}.wade-safety.unknown{color:var(--color-text-muted);background:#6b7a821a;border:1px solid #6b7a8233}.hatch-chips{margin-top:var(--space-sm);flex-wrap:wrap;gap:4px;display:flex}.hatch-chip{color:var(--color-text-secondary);background:var(--color-fog);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:all var(--transition-fast);align-items:center;gap:3px;padding:2px 8px;font-size:.65rem;font-weight:500;display:inline-flex}.hatch-chip.peak{color:var(--color-dawn);background:#e8a87c1a;border-color:#e8a87c40}.hatch-chip-icon{font-size:.7rem}.weather-mini{align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-fog);border-radius:var(--radius-sm);margin-top:var(--space-sm);display:flex}.weather-mini-icon{font-size:1.5rem}.weather-mini-temp{color:var(--color-text-primary);font-size:1rem;font-weight:600}.weather-mini-desc{color:var(--color-text-secondary);font-size:.75rem}.weather-mini-details{gap:var(--space-md);color:var(--color-text-muted);margin-left:auto;font-size:.7rem;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:200;padding:var(--space-xl);background:#000000b3;justify-content:center;align-items:flex-start;animation:.2s fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:800px;margin:var(--space-xl) auto;animation:.3s cubic-bezier(.4,0,.2,1) slideUp;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:var(--space-xl);border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,#1e68821a,#2d6a3d0d);justify-content:space-between;align-items:flex-start;display:flex}.modal-header-info{flex:1}.modal-title{font-family:var(--font-display);margin-bottom:4px;font-size:1.8rem}.modal-subtitle{color:var(--color-text-secondary);font-size:.85rem}.modal-close{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.modal-close:hover{background:var(--color-bg-card-hover);color:var(--color-text-primary)}.modal-body{padding:var(--space-xl)}.detail-section{margin-bottom:var(--space-xl)}.detail-section-title{font-family:var(--font-display);color:var(--color-text-primary);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border);align-items:center;gap:var(--space-sm);font-size:1.1rem;display:flex}.detail-section-icon{font-size:1.1rem}.flow-detail{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.flow-stat-card{padding:var(--space-md);background:var(--color-fog);border-radius:var(--radius-md);border:1px solid var(--color-border)}.flow-stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.7rem;font-weight:500}.flow-stat-value{color:var(--color-text-primary);font-size:1.5rem;font-weight:700}.flow-stat-unit{color:var(--color-text-secondary);margin-left:4px;font-size:.8rem;font-weight:400}.flow-range-bar{margin-top:var(--space-md);padding:var(--space-md);background:var(--color-fog);border-radius:var(--radius-md);border:1px solid var(--color-border)}.flow-range-track{height:6px;margin:var(--space-md) 0 var(--space-sm);background:#ffffff14;border-radius:3px;position:relative}.flow-range-optimal{background:#4ade804d;border-radius:3px;height:100%;position:absolute}.flow-range-marker{background:var(--color-river-light);border:2px solid var(--color-text-primary);z-index:1;border-radius:50%;width:14px;height:14px;position:absolute;top:-4px;transform:translate(-50%)}.flow-range-labels{color:var(--color-text-muted);justify-content:space-between;font-size:.65rem;display:flex}.hatch-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.hatch-detail-card{padding:var(--space-md);background:var(--color-fog);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.hatch-detail-card.peak{background:#e8a87c0d;border-color:#e8a87c4d}.hatch-detail-card:hover{border-color:var(--color-border-hover)}.hatch-detail-name{color:var(--color-text-primary);margin-bottom:2px;font-size:.85rem;font-weight:600}.hatch-detail-scientific{color:var(--color-text-muted);margin-bottom:6px;font-size:.7rem;font-style:italic}.hatch-detail-info{color:var(--color-text-secondary);font-size:.75rem}.hatch-detail-size{border-radius:var(--radius-sm);color:var(--color-river-light);background:#3a9fc41a;margin-top:4px;padding:1px 6px;font-size:.7rem;display:inline-block}.hatch-detail-image{object-fit:contain;float:right;width:48px;height:48px;margin-left:var(--space-sm);opacity:.9}.fly-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.fly-card{padding:var(--space-sm);background:var(--color-fog);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;transition:all var(--transition-fast)}.fly-card:hover{border-color:var(--color-border-hover);background:#ffffff0a}.fly-card-image{object-fit:contain;width:80px;height:60px;margin:0 auto var(--space-xs);opacity:.9}.fly-card-name{color:var(--color-text-primary);margin-bottom:2px;font-size:.75rem;font-weight:600}.fly-card-type{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-size:.6rem;font-weight:500}.fly-card-sizes{color:var(--color-text-secondary);margin-top:2px;font-size:.65rem}.fish-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.fish-card{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-fog);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.fish-card-image{object-fit:contain;opacity:.9;width:64px;height:40px}.fish-card-info{flex:1}.fish-card-name{color:var(--color-text-primary);font-size:.85rem;font-weight:600}.fish-card-size{color:var(--color-text-secondary);font-size:.7rem}.fish-card-peak{text-transform:uppercase;letter-spacing:.04em;color:var(--color-dawn);border-radius:var(--radius-full);background:#e8a87c1a;border:1px solid #e8a87c33;margin-top:2px;padding:1px 6px;font-size:.6rem;font-weight:600;display:inline-block}.forecast-row{gap:var(--space-sm);padding-bottom:var(--space-sm);scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;display:flex;overflow-x:auto}.forecast-day{min-width:80px;padding:var(--space-sm);background:var(--color-fog);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;transition:border-color var(--transition-fast);flex:none}.forecast-day:hover{border-color:var(--color-border-hover)}.forecast-day.weekend{background:#e8a87c0a;border-color:#e8a87c40}.forecast-day-name{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:.65rem;font-weight:600}.forecast-day-icon{margin-bottom:2px;font-size:1.4rem}.forecast-day-temps{color:var(--color-text-secondary);font-size:.75rem}.forecast-day-high{color:var(--color-text-primary);font-weight:600}.forecast-day-precip{color:var(--color-river-light);margin-top:2px;font-size:.65rem}.technique-card{padding:var(--space-md);background:var(--color-fog);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-sm)}.technique-name{font-family:var(--font-display);color:var(--color-text-primary);margin-bottom:4px;font-size:1rem;font-weight:600}.technique-desc{color:var(--color-text-secondary);margin-bottom:var(--space-sm);font-size:.8rem}.technique-tips{padding:0;list-style:none}.technique-tips li{color:var(--color-text-secondary);padding:3px 0 3px 16px;font-size:.75rem;position:relative}.technique-tips li:before{content:"›";color:var(--color-river-light);font-weight:600;position:absolute;left:0}.report-card{padding:var(--space-md);background:var(--color-fog);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-sm)}.report-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.report-source{color:var(--color-text-primary);font-size:.8rem;font-weight:600}.report-date{color:var(--color-text-muted);font-size:.7rem}.report-summary{color:var(--color-text-secondary);font-size:.8rem;line-height:1.6}.report-conditions{color:var(--color-text-muted);margin-top:var(--space-sm);font-size:.75rem;font-style:italic}.report-link{color:var(--color-text-accent);margin-top:var(--space-sm);align-items:center;gap:4px;font-size:.75rem;display:inline-flex}.skeleton{background:linear-gradient(90deg, var(--color-fog) 25%, #ffffff14 50%, var(--color-fog) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-spinner{border:2px solid var(--color-border);border-top-color:var(--color-river-light);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.header{padding:0 var(--space-md);height:60px}.header-title{font-size:1.1rem}.header-subtitle{display:none}.filter-bar{padding:var(--space-sm) var(--space-md);gap:var(--space-sm)}.date-selector{width:100%;margin-left:0}.dashboard{padding:var(--space-md)}.dashboard-grid{gap:var(--space-md);grid-template-columns:1fr}h1{font-size:1.8rem}h2{font-size:1.4rem}.modal-overlay{align-items:flex-end;padding:0}.modal-content{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:95vh;margin:0;overflow-y:auto}.flow-detail,.hatch-grid{grid-template-columns:1fr}.fly-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.fish-grid{grid-template-columns:1fr}.river-card-stats{grid-template-columns:1fr 1fr}}@media (max-width:480px){.filter-group{flex-wrap:wrap}.river-card{padding:var(--space-md)}.river-card-header{gap:var(--space-sm);flex-direction:column}.score-ring-container{gap:var(--space-md);flex-direction:row}.score-ring{width:52px;height:52px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}::selection{color:var(--color-text-primary);background:#3a9fc44d}