:root{color:#cdd6f4;background:#11111b;font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at 75% -20%,#313244 0,#11111b 40rem);min-height:100vh;margin:0}a{color:#89b4fa}.watch-header{border-bottom:1px solid #313244;justify-content:space-between;align-items:center;gap:20px;max-width:1300px;margin:auto;padding:20px 30px;display:flex}.watch-brand{color:#cdd6f4;line-height:1;text-decoration:none;display:grid}.watch-brand span,.eyebrow,.card-region{letter-spacing:.12em;color:#a6e3a1;font-size:.72rem;font-weight:800}.watch-brand strong{margin-top:5px;font-size:1.25rem}.watch-header nav{gap:18px;font-size:.9rem;display:flex}.nav-toggle{display:none}.topic-drawer{border-bottom:1px solid #313244;grid-template-columns:repeat(10,1fr);max-width:1300px;margin:auto;display:grid}.topic-drawer a{color:#bac2de;border-right:1px solid #313244;min-height:62px;padding:11px 10px;text-decoration:none}.topic-drawer b{font-size:.78rem;display:block}.topic-drawer a:hover,.topic-drawer a.active{color:#f5e0dc;background:#1e1e2e}.watch-hub,.watch-page{max-width:1200px;margin:auto;padding:54px 30px 72px}.hub-intro{max-width:790px}.hub-intro h1,.page-intro h1{letter-spacing:-.05em;margin:.3rem 0 1rem;font-size:clamp(2.1rem,5vw,4.5rem);line-height:1.02}.hub-intro p,.page-intro>p{color:#bac2de;max-width:700px;font-size:1.1rem}.reservoir-callout{color:#f9e2af;background:#1e1e2e;border:1px solid #45475a;border-radius:12px;justify-content:space-between;gap:16px;margin-top:28px;padding:17px 20px;font-weight:800;text-decoration:none;display:flex}.reservoir-callout span{color:#bac2de;font-weight:500}.hub-controls,.console-top{background:#181825;border:1px solid #313244;border-radius:12px;align-items:end;gap:16px;margin:42px 0 18px;padding:16px;display:flex}.hub-controls label,.console-top label{color:#a6adc8;flex:1;gap:5px;font-size:.78rem;display:grid}input,select,button{font:inherit}input,select{color:#cdd6f4;background:#11111b;border:1px solid #45475a;border-radius:7px;padding:10px}.hub-controls #topic-count{white-space:nowrap;color:#a6adc8;font-size:.84rem}.topic-cards{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.topic-card{color:#cdd6f4;background:#181825;border:1px solid #313244;border-radius:12px;min-height:212px;padding:20px;text-decoration:none;transition:transform .18s,border-color .18s;position:relative}.topic-card:hover{border-color:#89b4fa;transform:translateY(-3px)}.topic-card h2{margin:16px 0 7px}.topic-card p{color:#a6adc8;margin:0 0 18px}.topic-card>span:last-child{color:#89b4fa;font-size:.86rem}.topic-icon{float:right;color:#89b4fa;font-size:2rem}.limitation{color:#f9e2af!important;font-size:.92rem!important}.live-console,.map-card,.embed-card,.source-resources,.feed-notice{background:#181825;border:1px solid #313244;border-radius:12px;margin-top:24px;padding:22px}.console-top{background:0 0;border:0;margin:0 0 16px;padding:0}.console-top>a{white-space:nowrap;padding:10px 0}.range-buttons{flex-wrap:wrap;gap:5px;display:flex}.range-buttons button,.video-buttons button{color:#cdd6f4;cursor:pointer;background:#313244;border:0;border-radius:7px;padding:8px 10px}.range-buttons button[aria-pressed=true]{color:#11111b;background:#89b4fa;font-weight:800}.source-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0;display:grid}.source-stats span{color:#a6adc8;background:#11111b;border-radius:8px;padding:12px;font-size:.76rem}.source-stats b{color:#cdd6f4;font-size:1.05rem;display:block}.live-console svg{fill:#a6adc8;background:#11111b;border-radius:8px;width:100%;height:auto;min-height:230px;font-size:12px}.chart-grid{stroke:#45475a}.chart-path{fill:none;stroke:#89b4fa;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.point-readout{color:#f9e2af;font-weight:700}.point-table{max-height:250px;overflow:auto}.point-table table{border-collapse:collapse;width:100%;font-size:.88rem}.point-table td{border-top:1px solid #313244;padding:8px}.point-table tr:focus{outline:2px solid #89b4fa}.map-card{grid-template-columns:220px 1fr;gap:18px;display:grid}.map-card h2{margin-top:0}.map-card p{color:#a6adc8}.map-card #station-map{border-radius:9px;height:330px;overflow:hidden}.embed-card iframe,#video-slot iframe{border:0;border-radius:8px;width:100%;min-height:330px;margin-top:12px}.video-buttons{gap:8px;display:flex}.source-resources h2{margin-top:0}.source-resources article{border-top:1px solid #313244;justify-content:space-between;gap:20px;padding:16px 0;display:flex}.source-resources article:first-of-type{border-top:0}.source-resources strong,.source-resources span{display:block}.source-resources span,.source-resources p{color:#a6adc8;margin:3px 0;font-size:.88rem}.source-resources article>a{white-space:nowrap}.feed-notice{color:#f9e2af}.watch-footer{color:#6c7086;text-align:center;margin:0;padding:20px 30px 44px;font-size:.8rem}@media (max-width:850px){.topic-drawer{grid-template-columns:repeat(5,1fr)}.topic-cards,.source-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.watch-header{padding:16px 18px}.watch-header nav{display:none}.nav-toggle{color:#cdd6f4;background:#313244;border:0;border-radius:7px;padding:8px;display:block}.topic-drawer{grid-template-columns:repeat(2,1fr);display:none}.topic-drawer.open{display:grid}.watch-hub,.watch-page{padding:35px 18px 60px}.hub-controls,.console-top,.map-card{display:block}.hub-controls>*{margin-bottom:12px}.console-top>*{margin:0 0 12px}.topic-cards{grid-template-columns:1fr}.reservoir-callout{display:block}.reservoir-callout span{margin-top:4px;display:block}.map-card #station-map{height:280px}.source-resources article{display:block}.source-resources article>a{margin-top:8px;display:inline-block}}.evidence-card{background:#181825;border:1px solid #313244;border-radius:12px;margin-top:24px;padding:22px}.image-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.image-grid a{color:#a6adc8;font-size:.75rem;text-decoration:none}.image-grid img{aspect-ratio:4/3;object-fit:cover;border-radius:7px;width:100%;margin-bottom:4px;display:block}.event-list{margin-top:20px}.event-list>a{border-top:1px solid #313244;justify-content:space-between;gap:15px;padding:10px 0;text-decoration:none;display:flex}.event-list span{color:#a6adc8;font-size:.84rem}@media (max-width:850px){.image-grid{grid-template-columns:repeat(2,1fr)}}[hidden]{display:none!important}.watch-hub,.watch-page{padding-top:28px}.hub-intro h1{font-size:clamp(2rem,4vw,3.3rem)}.page-intro h1{font-size:clamp(2rem,3.5vw,3rem)}.hub-controls{margin-top:24px}.watch-brand span,.eyebrow,.card-region,.topic-drawer b,.topic-drawer small,.hub-controls label,.console-top label,.source-stats span,.image-grid a,.watch-footer{font-size:.875rem}.watch-header nav{flex-wrap:wrap}.topic-drawer a{min-width:0}.topic-drawer small{color:#a6adc8}.console-top>*{min-width:0}.console-top select{width:100%;max-width:100%}.console-top label{min-width:120px}.console-top button{color:#cdd6f4;cursor:pointer;background:#313244;border:1px solid #585b70;border-radius:7px;padding:10px}button:disabled{opacity:.5;cursor:default}.image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-grid img{object-fit:contain;aspect-ratio:auto;background:#11111b;max-height:340px}.image-grid small{color:#a6adc8;font-size:.875rem;display:block}.chart-event{fill:#f9e2af}.point-table input{width:100%;display:block}.feed-notice:empty{display:none}.image-unavailable{background:#11111b;padding:40px 15px}.watch-header a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:2px solid #f9e2af}.live-console svg{font-size:14px}.map-card .leaflet-popup-content{color:#11111b}.source-stats b{overflow-wrap:anywhere}.watch-header .nav-toggle{white-space:nowrap}@media (max-width:620px){.console-top>*{width:100%}.console-top>a{display:block}.image-grid{grid-template-columns:1fr}.hub-intro h1{font-size:2.2rem}.page-intro h1{font-size:2rem}.live-console,.map-card,.embed-card,.source-resources,.evidence-card{padding:16px}.watch-page{padding:24px 12px 60px}.event-list>a{display:block}.watch-header{gap:8px}}.image-grid strong,.image-grid span{display:block}.embed-card select{max-width:100%;margin-bottom:12px}.watch-header nav a{white-space:nowrap}body[data-topic=ocean] .image-grid{grid-template-columns:1fr}