@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#e7f0f3;background:#07131e;font-synthesis:none;text-rendering:optimizeLegibility;font-optical-sizing:auto;font-weight:400;--bg: #07131e;--panel: #0c1a25;--panel-raised: #10212d;--border: rgba(159, 190, 202, .11);--muted: #748a96;--muted-light: #9aadb6;--teal: #65dec9;--teal-dim: #39ae9d;--mono: "DM Mono", monospace;--heading: "Manrope", sans-serif}*{box-sizing:border-box}html{min-width:360px;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg)}button,input,select{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:5;display:flex;flex-direction:column;width:238px;padding:27px 17px 18px;border-right:1px solid var(--border);background:#091722}.brand{display:flex;align-items:center;gap:10px;padding:0 8px;font:800 23px var(--heading);letter-spacing:-1.3px}.brand-mark{display:grid;width:31px;height:31px;place-items:center;border:1px solid rgba(101,222,201,.38);border-radius:9px;color:var(--teal);font-size:19px}.brand-period{color:var(--teal)}.side-label,.panel-kicker,.eyebrow,.meta-label{font:500 9px var(--mono);letter-spacing:1.15px;color:#758b97}.side-label{margin:43px 9px 12px}.mission-switcher{display:flex;align-items:center;gap:10px;padding:11px 9px;border:1px solid var(--border);border-radius:8px;background:#ffffff05}.mission-icon{color:var(--teal);font-size:22px}.mission-switcher strong,.mission-switcher small,.profile strong,.profile small{display:block}.mission-switcher strong{font:600 10px var(--mono);letter-spacing:.5px}.mission-switcher small,.profile small{margin-top:4px;color:var(--muted);font-size:10px}.switcher-chevron{margin-left:auto;color:var(--muted)}.side-nav{display:grid;gap:5px;margin-top:25px}.nav-link{display:flex;align-items:center;gap:11px;min-height:39px;padding:0 11px;border-radius:6px;color:#8ea1aa;font-size:12px;transition:background .2s,color .2s}.nav-link span{width:17px;color:#78909c;font-size:16px;text-align:center}.nav-link:hover,.nav-link.active{background:#65dec917;color:#c2f4ea}.nav-link.active span{color:var(--teal)}.sidebar-bottom{margin-top:auto}.vehicle-card{padding:13px 12px 12px;border:1px solid var(--border);border-radius:8px;background:#0c1b27}.vehicle-card-top{display:flex;align-items:center;gap:7px;color:#9aadb6;font:10px var(--mono);letter-spacing:.35px}.status-dot,.tiny-status{display:inline-block;flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 9px #65dec973}.vehicle-card>strong{display:block;margin-top:12px;font:700 11px var(--heading);letter-spacing:.55px}.vehicle-detail{margin-top:3px;color:var(--muted);font-size:10px}.battery-row{display:flex;justify-content:space-between;margin-top:17px;color:var(--muted-light);font-size:10px}.battery-row strong{color:#d3e2e5;font:11px var(--mono)}.battery-track{height:3px;margin-top:7px;overflow:hidden;border-radius:2px;background:#23343e}.battery-track span{display:block;width:84%;height:100%;background:var(--teal);transition:width .3s}.settings-link{margin:13px 0 16px}.profile{display:flex;align-items:center;gap:9px;padding:15px 3px 0;border-top:1px solid var(--border)}.avatar{display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(143,177,187,.18);border-radius:50%;background:#183240;color:#bbd4dc;font:10px var(--mono)}.profile strong{font-size:10px;font-weight:500}.profile-more{margin-left:auto;color:var(--muted)}.main-content{max-width:1640px;min-height:100vh;margin-left:238px;padding:0 39px 24px}.topbar{display:flex;height:63px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.breadcrumb{color:#6d828d;font:9px var(--mono);letter-spacing:.9px}.breadcrumb span{margin:0 9px;color:#415560}.breadcrumb strong{color:#b7c8ce;font-weight:400}.topbar-right{display:flex;align-items:center;gap:15px}.stream-status{display:flex;align-items:center;gap:7px;color:#b8cbd0;font:9px var(--mono);letter-spacing:.45px}.stream-status .status-dot{width:5px;height:5px}.topbar-divider{width:1px;height:17px;background:var(--border)}.clock{color:#8fa3ad;font:10px var(--mono)}.icon-button,.small-icon-button{display:grid;place-items:center;border:1px solid var(--border);border-radius:6px;background:#0c1b26;color:#a7bbc2;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.icon-button{width:30px;height:30px;font-size:12px}.icon-button:hover,.small-icon-button:hover{border-color:#65dec980;color:var(--teal)}.page-heading{display:flex;align-items:end;justify-content:space-between;padding:29px 0 24px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;color:var(--teal)}.live-pulse{position:relative;width:6px;height:6px;border-radius:50%;background:var(--teal)}.live-pulse:after{position:absolute;inset:-4px;border:1px solid rgba(101,222,201,.5);border-radius:50%;content:"";animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.65);opacity:.9}to{transform:scale(1.7);opacity:0}}h1,h2,p{margin:0}h1{margin-top:8px;font:700 30px var(--heading);letter-spacing:-1.2px}h1 span{color:var(--teal)}.heading-copy{margin-top:5px;color:var(--muted);font-size:12px}.mission-meta{display:flex;align-items:center;gap:23px;padding-bottom:4px}.mission-meta>div:not(.meta-divider){display:grid;gap:6px}.meta-label{font-size:8px;letter-spacing:.8px}.mission-meta strong{color:#d8e6e9;font:500 14px var(--mono)}.meta-muted{color:var(--muted)}.meta-divider{width:1px;height:34px;background:var(--border)}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric-card,.panel{position:relative;border:1px solid var(--border);border-radius:9px;background:var(--panel)}.metric-card{min-width:0;height:131px;padding:15px 15px 13px;overflow:hidden}.metric-top{display:flex;align-items:center;gap:8px}.metric-icon{display:grid;width:22px;height:22px;place-items:center;border:1px solid rgba(101,222,201,.18);border-radius:6px;background:#65dec912;color:var(--teal);font-size:14px}.temp-icon{font:16px var(--mono)}.pressure-icon{color:#80aeff;border-color:#80aeff33;background:#80aeff12}.oxygen-icon{color:#b393f4;border-color:#b393f433;background:#b393f412}.metric-label{color:#8ca0aa;font:9px var(--mono);letter-spacing:.75px}.metric-indicator{margin-left:auto;color:#64ccb8;font:8px var(--mono);letter-spacing:.5px}.metric-value{position:relative;z-index:1;display:flex;align-items:baseline;gap:5px;margin-top:11px;font:500 27px var(--mono);letter-spacing:-1.6px}.metric-value small{color:#8da1aa;font-size:11px;letter-spacing:0}.metric-foot{position:relative;z-index:1;display:flex;align-items:center;gap:4px;margin-top:5px;color:#718692;font-size:9px}.trend-down,.trend-up{color:#70d7c2}.trend-flat{color:#869ba5}.trend-stable{color:#6ad8c4;font-size:7px}.metric-spark{position:absolute;right:0;bottom:-1px;width:41%;height:49px;opacity:.34}.metric-spark svg{display:block;width:100%;height:100%;overflow:visible}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.56fr) minmax(340px,1fr);gap:14px;margin-top:15px}.panel{min-width:0;padding:17px 18px 14px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-kicker{font-size:8px;letter-spacing:.9px}h2{margin-top:4px;font:600 14px var(--heading);letter-spacing:-.15px}.camera-panel{min-height:362px}.camera-tools{display:flex;align-items:center;gap:8px}.recording-label{display:flex;align-items:center;gap:6px;margin-right:5px;color:#e7a5a3;font:9px var(--mono);letter-spacing:.6px}.record-dot{width:6px;height:6px;border-radius:50%;background:#ea7974;box-shadow:0 0 8px #ea797473}.small-icon-button{width:29px;height:28px;font-size:15px}.camera-view{position:relative;height:255px;margin-top:14px;overflow:hidden;border:1px solid rgba(156,192,201,.14);border-radius:6px;background:#03131e}.ocean-scene{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 63% 82%,#16465a 0,#0b2d42 23%,#061e31 56%,#041521);transition:filter .2s}.camera-view.video-active .ocean-scene{display:none}.water-beam{position:absolute;top:-30%;width:36%;height:115%;opacity:.23;background:linear-gradient(180deg,rgba(142,228,237,.25),rgba(69,174,194,.04) 60%,transparent);filter:blur(13px);transform:rotate(19deg)}.beam-one{left:18%}.beam-two{left:53%;width:27%;opacity:.12;transform:rotate(-13deg)}.ocean-haze{position:absolute;right:4%;bottom:11%;left:4%;height:39%;border-radius:50%;background:#2a708730;filter:blur(34px)}.seafloor{position:absolute;right:-5%;bottom:-39%;left:-5%;height:75%;border-radius:48% 52% 0 0;background:radial-gradient(ellipse at 49% 2%,rgba(84,127,129,.5),transparent 49%),linear-gradient(180deg,#17323a,#101f27 51%,#09151c);box-shadow:0 -12px 27px #4493a724;transform:rotate(-2deg)}.seafloor:after{position:absolute;top:18%;left:11%;width:74%;height:2px;background:#a6bcab21;box-shadow:85px 20px #a6bcab17,182px -13px #a6bcab1a,339px 25px #a6bcab1a;content:"";transform:rotate(-5deg)}.coral{position:absolute;bottom:18%;width:84px;height:74px}.coral-left{left:8%;transform:scale(.77)}.coral-right{right:7%;bottom:14%;transform:scale(.6) rotate(9deg)}.coral i{position:absolute;bottom:0;left:38px;width:7px;height:38px;border-radius:80% 60% 10% 10%;background:linear-gradient(90deg,#a76468,#d48279 65%,#894e61);box-shadow:0 0 9px #ce7d7c2e;transform-origin:bottom}.coral i:nth-child(1){height:28px;transform:rotate(-39deg)}.coral i:nth-child(2){height:48px;transform:rotate(-19deg)}.coral i:nth-child(3){height:54px}.coral i:nth-child(4){height:44px;transform:rotate(18deg)}.coral i:nth-child(5){height:32px;transform:rotate(37deg)}.anglerfish{position:absolute;top:42%;left:53%;width:102px;height:48px;filter:drop-shadow(0 0 10px rgba(76,202,222,.28));transform:translate(-50%,-50%);animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-5px)}}.fish-body{position:absolute;top:16px;left:14px;width:75px;height:29px;border-radius:55% 48% 48% 52%;background:linear-gradient(180deg,#233e4a,#101f28 80%);box-shadow:inset 0 3px 4px #7fbabc2e}.fish-tail{position:absolute;top:18px;left:0;width:21px;height:26px;background:#213945;clip-path:polygon(100% 50%,0 0,12% 50%,0 100%)}.fish-fin{position:absolute;top:35px;left:40px;width:23px;height:13px;background:#274a55;clip-path:polygon(0 0,100% 0,55% 100%)}.fish-eye{position:absolute;top:25px;left:76px;width:4px;height:4px;border-radius:50%;background:#f2ce90;box-shadow:0 0 9px 3px #f7c377bf}.fish-glow{position:absolute;top:-3px;left:60px;width:2px;height:27px;background:#799795;transform:rotate(19deg);transform-origin:bottom}.fish-glow:before{position:absolute;top:-3px;left:-2px;width:6px;height:6px;border-radius:50%;background:#b9f4d0;box-shadow:0 0 10px 5px #8effc999;content:""}.submersible{position:absolute;right:22%;bottom:24%;width:74px;height:30px;border-radius:45% 45% 34% 34%;background:linear-gradient(180deg,#9fc1b2,#587d7d 56%,#2d4d58);box-shadow:0 7px 15px #0006,0 0 13px #78e2d640;transform:rotate(-5deg)}.submersible:before{position:absolute;top:-8px;left:25px;width:26px;height:11px;border-radius:12px 12px 2px 2px;background:#668f8e;content:""}.sub-light{position:absolute;right:-11px;top:9px;width:8px;height:8px;border-radius:50%;background:#dcffe2;box-shadow:0 0 12px 6px #a6ffde7a}.sub-window{position:absolute;top:8px;left:10px;width:14px;height:8px;border:1px solid #b8f5e1;border-radius:50%;background:#81c9c4;box-shadow:0 0 8px #7ce7db99}.sub-arm{position:absolute;bottom:-13px;left:44px;width:2px;height:16px;background:#8ea09b;transform:rotate(19deg);transform-origin:top}.bubble{position:absolute;bottom:24%;width:4px;height:4px;border:1px solid rgba(150,229,224,.45);border-radius:50%;animation:rise 8s linear infinite}.bubble-a{left:38%}.bubble-b{left:42%;width:3px;height:3px;animation-delay:2s}.bubble-c{left:66%;width:5px;height:5px;animation-delay:4s}@keyframes rise{0%{transform:translateY(40px);opacity:0}20%{opacity:.8}to{transform:translateY(-90px);opacity:0}}#camera-video{position:absolute;z-index:1;display:none;width:100%;height:100%;object-fit:cover}.camera-view.video-active #camera-video{display:block}.camera-vignette{position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(2,13,20,.16),transparent 26%,transparent 68%,rgba(2,13,20,.47))}.camera-overlay{position:absolute;z-index:3;inset:10px 12px;pointer-events:none;font:9px var(--mono);letter-spacing:.45px}.camera-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 7px;border:1px solid rgba(207,227,231,.12);border-radius:3px;background:#05111a7a;color:#d4e4e6}.camera-live-dot{width:5px;height:5px;border-radius:50%;background:#e97974}.camera-coordinates{position:absolute;top:3px;right:2px;color:#ebf6f6ad;line-height:1.8;text-align:right}.camera-bottom-left,.camera-bottom-right{position:absolute;bottom:2px;display:flex;align-items:center;gap:7px;color:#e2eeef}.camera-bottom-right{right:1px;color:#ebf6f6bf}.camera-separator{color:#77dfcc}.focus-mark{color:#b7eee2;font-size:15px}.camera-footer{display:flex;justify-content:space-between;padding-top:11px;color:#758b95;font-size:9px}.camera-footer>span{display:flex;align-items:center;gap:6px}.camera-footer strong{color:#b6c8ce;font-weight:500}.tiny-status{width:5px;height:5px}.controls-panel{min-height:362px;padding-bottom:10px}.control-lock{display:flex;align-items:center;gap:5px;color:#68cfbc;font:8px var(--mono)}.control-lock span{font-size:7px}.control-block{margin-top:20px}.control-title-row{display:flex;align-items:center;justify-content:space-between}.control-title{font-size:11px;font-weight:600}.control-description{margin-top:3px;color:var(--muted);font-size:9px}.control-reading{display:flex;align-items:baseline;gap:3px;color:var(--teal);font:11px var(--mono)}.control-reading strong{font-size:17px;font-weight:400}.range-control{display:block;width:100%;height:3px;margin:15px 0 9px;appearance:none;border-radius:2px;background:linear-gradient(90deg,var(--teal) 0%,var(--teal) 25%,#253641 25%,#253641 100%);cursor:pointer}.range-control::-webkit-slider-thumb{width:11px;height:11px;appearance:none;border:2px solid #0b1922;border-radius:50%;background:var(--teal);box-shadow:0 0 0 1px var(--teal)}.range-control::-moz-range-thumb{width:8px;height:8px;border:2px solid #0b1922;border-radius:50%;background:var(--teal);box-shadow:0 0 0 1px var(--teal)}.range-labels{display:flex;justify-content:space-between;color:#718690;font:8px var(--mono)}.target-note{display:flex;align-items:center;gap:6px;margin-top:12px;padding:8px 9px;border-radius:5px;background:#65dec90b;color:#8299a3;font-size:9px}.target-note-icon{color:var(--teal);font-size:12px}.target-note strong{margin-left:auto;color:#bddbd7;font:10px var(--mono)}.control-rule{height:1px;margin:15px 0 0;background:var(--border)}.control-block+.control-rule+.control-block{margin-top:15px}.sensor-toggles{margin-top:14px}.sensor-count{color:#7e969f;font:8px var(--mono)}.sensor-toggle-row{display:flex;position:relative;align-items:center;gap:9px;min-height:37px;margin-top:6px;cursor:pointer}.sensor-mini-icon{display:grid;width:23px;height:23px;place-items:center;border-radius:5px;background:#122a34;color:#81d8c8;font-size:13px}.sensor-toggle-name{color:#c5d3d7;font-size:9px}.sensor-toggle-name small{display:block;margin-top:2px;color:#748994;font-size:8px}.toggle-input{position:absolute;right:0;width:31px;height:18px;opacity:0;cursor:pointer}.toggle-switch{position:relative;width:27px;height:15px;margin-left:auto;border-radius:8px;background:#33434c;transition:background .2s}.toggle-switch:after{position:absolute;top:2px;left:2px;width:11px;height:11px;border-radius:50%;background:#9caeb4;content:"";transition:transform .2s,background .2s}.toggle-input:checked+.toggle-switch{background:#65dec961}.toggle-input:checked+.toggle-switch:after{background:var(--teal);transform:translate(12px)}.toggle-input:focus-visible+.toggle-switch{outline:2px solid white;outline-offset:3px}.lower-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:14px;margin-top:15px}.chart-panel,.sensors-panel{min-height:230px}.chart-heading{align-items:start}.chart-legend{display:flex;align-items:center;gap:7px;margin-top:8px;color:#8fa4ad;font-size:9px;white-space:nowrap}.chart-legend>span{width:7px;height:7px;border-radius:50%;background:var(--teal)}.chart-legend strong{margin-left:4px;color:#c4e3de;font:10px var(--mono)}.chart-legend select{margin-left:8px;padding:5px 7px;border:1px solid var(--border);border-radius:4px;outline:0;background:#0b1923;color:#9aadb6;font:8px var(--mono)}.chart-wrap{display:flex;height:132px;margin-top:13px}.chart-y-labels{display:flex;flex:0 0 35px;flex-direction:column;justify-content:space-between;padding:0;color:#718792;font:8px var(--mono)}.chart-plot{position:relative;flex:1;height:100%}.chart-grid-lines{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between}.chart-grid-lines i{display:block;width:100%;border-top:1px dashed rgba(159,190,202,.12)}.chart-plot svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.chart-x-labels{display:flex;justify-content:space-between;margin:5px 0 0 35px;color:#718792;font:8px var(--mono)}.chart-x-labels span:last-child{color:var(--teal)}.text-button{padding:4px 0 4px 6px;border:0;background:none;color:#8fa5ad;font-size:9px;cursor:pointer}.text-button span{margin-left:3px;color:var(--teal);font-size:13px}.sensor-list{margin-top:13px}.sensor-row{display:grid;grid-template-columns:25px minmax(90px,1fr) 70px auto;align-items:center;gap:8px;min-height:37px;border-top:1px solid rgba(159,190,202,.07)}.sensor-health-icon{display:grid;width:21px;height:21px;place-items:center;border-radius:5px;background:#65dec913;color:#6ed2c0;font-size:12px}.oxygen-health{color:#ac90e8;background:#ac90e814}.sonar-health{color:#83b9e8;background:#83b9e814}.pressure-health{color:#dfab79;background:#dfab7914}.sensor-health-name{color:#c5d2d6;font-size:9px}.sensor-health-name small{display:block;margin-top:2px;color:#718792;font-size:8px}.sensor-health-reading{color:#d2e1e3;font:10px var(--mono);text-align:right;white-space:nowrap}.sensor-health-reading small{color:#81959e;font-size:8px}.health-pill{display:flex;align-items:center;gap:5px;color:#70c9b8;font-size:8px}.health-pill i{width:5px;height:5px;border-radius:50%;background:#61c5af}.sensor-row.sensor-disabled{opacity:.48}.sensor-row.sensor-disabled .health-pill,.sensor-row.sensor-disabled .health-pill i{color:#82929a;background:#78868d}.page-footer{display:flex;justify-content:space-between;padding-top:16px;color:#576d78;font:8px var(--mono);letter-spacing:.55px}.page-footer span:last-child{display:flex;align-items:center;gap:7px}.page-footer i{width:5px;height:5px;border-radius:50%;background:#4eb39e}.toast{position:fixed;z-index:20;right:25px;bottom:22px;max-width:min(390px,calc(100vw - 32px));padding:11px 15px;border:1px solid rgba(101,222,201,.24);border-radius:7px;background:#122631;box-shadow:0 12px 35px #00000047;color:#cfe5e3;font-size:11px;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.marine-section{margin-top:37px}.marine-section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:15px}.marine-section-heading h2{margin-top:8px;font:700 23px var(--heading);letter-spacing:-.8px}.marine-section-heading p{max-width:550px;margin-top:5px;color:var(--muted);font-size:11px}.db-connection{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--border);border-radius:5px;color:#91a7af;font:8px var(--mono);letter-spacing:.45px;white-space:nowrap}.db-connection .status-dot{width:5px;height:5px;background:#e4a866}.db-connection.connected .status-dot{background:var(--teal)}.db-connection.error .status-dot{background:#e47f76}.species-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:14px}.observation-panel,.obis-panel,.sightings-panel{padding:17px 18px}.privacy-chip{padding:5px 7px;border:1px solid rgba(101,222,201,.17);border-radius:4px;background:#65dec90d;color:#76caba;font:7px var(--mono);letter-spacing:.35px;white-space:nowrap}.form-intro{margin-top:9px;color:#8499a2;font-size:10px;line-height:1.55}.observation-form{display:grid;gap:10px;margin-top:15px}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.form-field{display:grid;min-width:0;gap:5px}.form-field>label{color:#9eb0b6;font-size:9px}.form-field>label small{color:#748a94;font:8px var(--mono)}.form-field input,.form-field select,.form-field textarea,.obis-search input{width:100%;min-width:0;padding:8px 9px;border:1px solid rgba(159,190,202,.13);border-radius:5px;outline:none;background:#091722;color:#d3e2e5;font-size:10px}.form-field input::placeholder,.form-field textarea::placeholder,.obis-search input::placeholder{color:#5f747f}.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.obis-search input:focus{border-color:#65dec98c;box-shadow:0 0 0 2px #65dec914}.form-field select{appearance:auto}.form-field textarea{min-height:58px;resize:vertical}.age-estimate{display:grid;gap:4px;padding:10px;border:1px solid rgba(101,222,201,.1);border-radius:6px;background:#65dec909}.age-estimate>span{color:#8fa5ad;font-size:9px}.age-estimate>strong{color:#b6e9de;font:11px var(--mono)}.age-estimate>small{color:#718792;font-size:8px;line-height:1.4}.privacy-note{display:flex;align-items:flex-start;gap:7px;color:#8ca3ab;font-size:9px;line-height:1.45}.privacy-note span{color:var(--teal);font-size:12px}.submit-observation,.obis-search button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:36px;border:1px solid rgba(101,222,201,.34);border-radius:5px;background:#65dec91f;color:#b5efe4;font-size:10px;cursor:pointer;transition:background .2s,border-color .2s}.submit-observation:hover:not(:disabled),.obis-search button:hover:not(:disabled){border-color:#65dec9b3;background:#65dec930}.submit-observation:disabled,.obis-search button:disabled{opacity:.48;cursor:not-allowed}.submit-observation span{color:var(--teal);font-size:13px}.species-side-column{display:grid;gap:14px}.obis-mark{padding:4px 6px;border:1px solid rgba(114,169,221,.21);border-radius:4px;color:#8eb6de;font:8px var(--mono);letter-spacing:.5px}.obis-search{display:flex;gap:7px;margin-top:12px}.obis-search input{flex:1}.obis-search button{padding:0 12px}.obis-status{min-height:30px;margin-top:10px;color:#8aa0a9;font-size:9px;line-height:1.5}.obis-status.error{color:#e19b93}.obis-summary{align-items:baseline;gap:7px;padding:8px 0 5px;border-top:1px solid var(--border);color:#8fa4ad;font-size:9px}.obis-summary:not([hidden]){display:flex}.obis-summary strong{color:#c5e7e1;font:13px var(--mono)}.obis-chart{display:grid;gap:10px;min-height:158px;align-content:center;padding:12px 0 5px}.empty-chart,.empty-observations{color:#718792;font-size:9px;line-height:1.6}.distribution-row{display:grid;grid-template-columns:90px minmax(0,1fr) 35px;align-items:center;gap:8px}.distribution-label{color:#9db0b7;font:8px var(--mono);white-space:nowrap}.distribution-track{height:7px;overflow:hidden;border-radius:4px;background:#1b2c36}.distribution-bar{height:100%;min-width:2px;border-radius:inherit;background:linear-gradient(90deg,#319e91,#73ddc9)}.distribution-count{color:#b3c9ce;font:9px var(--mono);text-align:right}.source-caption{padding-top:9px;border-top:1px solid var(--border);color:#758b95;font-size:8px;line-height:1.5}.source-caption a{color:#8bc7bf}.science-caveat{margin-top:9px;padding:8px;border-left:2px solid rgba(225,172,111,.45);background:#e1ac6f0b;color:#a89884;font-size:8px;line-height:1.55}.sightings-panel{min-width:0}.observation-count{color:#8aa0a9;font:8px var(--mono)}.sighting-chart{display:grid;gap:8px;min-height:93px;align-content:center;margin:11px 0}.sighting-bar-row{display:grid;grid-template-columns:75px minmax(0,1fr) 26px;align-items:center;gap:7px}.sighting-bar-label{overflow:hidden;color:#9db0b7;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.sighting-bar-track{height:6px;overflow:hidden;border-radius:3px;background:#1b2c36}.sighting-bar-fill{height:100%;border-radius:inherit;background:#68cdbb}.sighting-bar-count{color:#afc4ca;font:8px var(--mono);text-align:right}.observation-list{display:grid;gap:7px;max-height:360px;overflow:auto}.observation-card{padding:10px;border:1px solid rgba(159,190,202,.09);border-radius:6px;background:#ffffff03}.observation-card-top{display:flex;justify-content:space-between;gap:8px}.observation-card-title{color:#d1dfe2;font-size:10px;font-weight:600}.observation-card-scientific{margin-top:3px;color:#8fa4ad;font:italic 9px var(--heading)}.observation-card-status{color:#81d1bf;font:7px var(--mono);text-align:right;text-transform:uppercase}.observation-card-status.review{color:#e7b77d}.observation-reporter{align-self:center;color:#80cdbc;font:6px var(--mono);letter-spacing:.2px;text-align:right}.observation-card-meta{display:flex;flex-wrap:wrap;gap:5px 11px;margin-top:8px;color:#8499a2;font:8px var(--mono)}.observation-card-meta .conservation-flag{color:#e7a181}.observation-card-source{display:inline-block;margin-top:7px;color:#8fcabd;font-size:8px}.observation-card-notes{margin-top:7px;color:#81949d;font-size:9px;line-height:1.45}.page-footer{margin-top:20px}.exploration-section{margin:28px 0 30px}.exploration-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.exploration-heading h2{margin-top:7px;font:700 22px var(--heading);letter-spacing:-.7px}.exploration-heading p{margin-top:5px;color:var(--muted);font-size:10px}.simulation-chip{padding:6px 8px;border:1px solid rgba(226,177,116,.19);border-radius:4px;background:#e2b1740a;color:#b7a080;font:7px var(--mono);letter-spacing:.45px;white-space:nowrap}.exploration-grid{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(300px,.86fr);gap:13px;align-items:start}.map-panel,.scanner-panel,.mission-panel,.ecosystem-panel{padding:16px}.map-toolbar{display:flex;align-items:center;gap:8px}.map-coordinate{color:#a6c7cb;font:9px var(--mono);white-space:nowrap}.map-canvas-wrap{position:relative;height:clamp(250px,30vw,350px);margin-top:13px;overflow:hidden;border:1px solid rgba(124,198,202,.13);border-radius:6px;background:#071b28}#ocean-map-canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}#ocean-map-canvas:active{cursor:grabbing}.map-overlay{position:absolute;right:9px;left:9px;display:flex;justify-content:space-between;gap:10px;pointer-events:none;color:#d3eae8b8;font:7px var(--mono);letter-spacing:.45px}.map-overlay-top{top:9px}.map-overlay-bottom{bottom:8px;color:#b2d0d087}.map-overlay-top span:first-child{display:flex;align-items:center;gap:5px}.map-live-dot{width:5px;height:5px;border-radius:50%;background:#70dbc6;box-shadow:0 0 8px #65dec980}.map-zoom-controls{position:absolute;right:9px;bottom:28px;display:grid;gap:4px}.map-zoom-controls button{display:grid;width:25px;height:25px;place-items:center;border:1px solid rgba(179,219,218,.2);border-radius:4px;background:#05141dc4;color:#c6e0df;cursor:pointer}.map-zoom-controls button:hover{border-color:#65dec98c;color:var(--teal)}.map-legend,.ecosystem-legend{display:flex;flex-wrap:wrap;align-items:center;gap:9px 16px;margin-top:10px;color:#8398a1;font-size:8px}.map-legend span,.ecosystem-legend span{display:flex;align-items:center;gap:5px}.map-legend i,.ecosystem-legend i{display:inline-block;width:7px;height:7px;border-radius:50%}.legend-current{background:#f5bc79}.legend-target{background:#71dbc7}.legend-logged{background:#bb9bed}.terrain-caption{color:#647a84;font-size:7px}.map-selection{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px;padding-top:10px;border-top:1px solid var(--border)}.map-selection>div{display:grid;gap:4px}.map-selection>div>strong{color:#d3e2e4;font:11px var(--heading)}.map-selection>div>small{color:#8197a1;font:8px var(--mono)}.route-button{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(101,222,201,.22);border-radius:5px;background:#65dec914;color:#aee4da;font-size:9px;white-space:nowrap;cursor:pointer}.route-button:hover{border-color:#65dec98c;background:#65dec924}.route-button span{color:var(--teal)}.shared-submarines,.shared-alerts{margin-top:12px;padding-top:10px;border-top:1px solid var(--border)}.shared-form{display:grid;gap:7px;margin-top:11px}.shared-form label{display:grid;gap:4px;color:#94aab1;font-size:8px}.shared-form input,.shared-form select,.shared-form textarea{width:100%;min-width:0;padding:7px 8px;border:1px solid rgba(159,190,202,.16);border-radius:4px;outline:none;background:#0b1c26;color:#d7e5e7;font:9px var(--mono)}.shared-form input:focus,.shared-form select:focus,.shared-form textarea:focus{border-color:#65dec980}.shared-form textarea{resize:vertical}.shared-form>small{color:#718690;font-size:7px;line-height:1.4}.shared-record-list{display:grid;gap:6px;margin-top:8px}.shared-record{display:grid;gap:5px;padding:8px;border:1px solid rgba(159,190,202,.1);border-radius:5px;background:#ffffff04}.shared-record-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.shared-record strong{color:#c9dadd;font-size:8px;font-weight:500}.shared-record small,.shared-record-meta{color:#7d929b;font:7px var(--mono);line-height:1.45}.shared-record button{padding:5px 7px;border:1px solid rgba(101,222,201,.2);border-radius:4px;background:#65dec90f;color:#a6d9d0;font-size:7px;cursor:pointer}.shared-record button:hover:not(:disabled){border-color:#65dec98c}.shared-record button:disabled{opacity:.45;cursor:not-allowed}.shared-record-empty{color:#718690;font-size:8px}.shared-alert{border-color:#e6b27633}.shared-alert.critical{border-color:#e7817559}.shared-alert.acknowledged{opacity:.65}.shared-alert .shared-record-top strong{color:#e6bb86;text-transform:uppercase}.shared-alert.critical .shared-record-top strong{color:#eb9488}.shared-form .mission-action{width:100%}.exploration-side{display:grid;gap:13px}.scanner-chip,.mission-state-chip,.ecosystem-sample{display:inline-flex;align-items:center;gap:5px;padding:4px 6px;border:1px solid rgba(101,222,201,.16);border-radius:4px;color:#80cdbc;font:7px var(--mono);letter-spacing:.4px;white-space:nowrap}.scanner-chip i{width:5px;height:5px;border-radius:50%;background:#64d5bf}.scanner-confidence{display:grid;grid-template-columns:1fr auto;gap:4px 8px;margin-top:11px;padding:8px;border:1px solid rgba(230,178,118,.13);border-radius:5px;background:#e6b27609}.scanner-confidence>span{color:#8e9ca0;font:7px var(--mono);letter-spacing:.4px}.scanner-confidence>strong{color:#e0b87f;font:7px var(--mono)}.scanner-confidence>small{grid-column:1 / -1;color:#827e73;font-size:8px}.scanner-findings{display:grid;gap:7px;margin-top:10px}.scanner-finding{display:flex;align-items:flex-start;gap:8px;padding:8px;border:1px solid rgba(159,190,202,.08);border-radius:5px;background:#ffffff03}.scanner-finding-icon{display:grid;flex:0 0 17px;width:17px;height:17px;place-items:center;border-radius:50%;background:#65dec91a;color:#7ed3c3;font:9px var(--mono)}.scanner-finding.review .scanner-finding-icon{background:#e8af701c;color:#e9b77f}.scanner-finding.environment .scanner-finding-icon{background:#82b2e81c;color:#9dc2e7}.scanner-finding>span:last-child{display:grid;gap:3px}.scanner-finding strong{color:#c4d2d6;font-size:8px;font-weight:500;line-height:1.4}.scanner-finding small{color:#798d97;font-size:7px;line-height:1.45}.scanner-footnote{margin-top:8px;color:#6f8189;font-size:7px;line-height:1.5}.robot-uplink{margin-top:9px;padding:9px;border:1px solid rgba(101,222,201,.15);border-radius:5px;background:#65dec909}.robot-uplink.database-connected{border-color:#65dec94d;background:#65dec90e}.robot-uplink.stream-paused{border-color:#dfab7933;background:#dfab7909}.robot-uplink-heading{display:flex;justify-content:space-between;gap:7px;align-items:center}.robot-uplink-heading>span{display:flex;align-items:center;gap:5px;color:#b6d2d3;font:7px var(--mono);letter-spacing:.3px}.robot-uplink-heading>span i{width:5px;height:5px;border-radius:50%;background:#e6ac73;box-shadow:0 0 7px #e6ac7359}.robot-uplink.database-connected .robot-uplink-heading>span i{background:var(--teal);box-shadow:0 0 7px #65dec973}.robot-uplink-heading>strong{color:#d3ae7e;font:6px var(--mono);text-align:right}.robot-uplink.database-connected .robot-uplink-heading>strong{color:#7dd2bf}.robot-uplink p{margin-top:6px;color:#81949c;font-size:7px;line-height:1.5}.robot-uplink-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:7px;color:#82979f;font:7px var(--mono)}.robot-uplink-footer strong{color:#c3d6d8}.robot-uplink-footer button{padding:4px 6px;border:1px solid rgba(159,190,202,.13);border-radius:3px;background:#10232c;color:#a4b8bc;font:7px var(--mono);cursor:pointer}.robot-uplink-footer button:hover{border-color:#65dec966;color:var(--teal)}.mission-state-chip{color:#a8b8b5;border-color:#9fbeca21}.mission-state-chip.surveying{color:#80d5c3;border-color:#65dec93d}.mission-state-chip.returning{color:#e8ba84;border-color:#e8ba843d}.mission-state-chip.charging{color:#8ebdf0;border-color:#8ebdf040}.mission-battery{margin-top:12px}.mission-battery-heading{display:flex;justify-content:space-between;color:#9bafb5;font-size:9px}.mission-battery-heading strong{color:#d5e5e5;font:11px var(--mono)}.mission-battery-track{position:relative;height:6px;margin-top:7px;overflow:hidden;border-radius:4px;background:#24353f}.mission-battery-track:after{position:absolute;top:0;bottom:0;left:24%;border-left:1px dashed rgba(240,175,127,.85);content:""}.mission-battery-track>span{display:block;width:84%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#32a590,#6bd7bd);transition:width .3s}.mission-battery-track>span.battery-critical{background:#e68d79}.battery-track>span.battery-critical{background:#e68d79}.battery-estimate{display:grid;grid-template-columns:1fr auto;gap:6px 8px;margin-top:8px;color:#778c96;font-size:8px}.battery-estimate strong{color:#b5c8cb;font:8px var(--mono);text-align:right}.route-recommendations{margin-top:12px}.route-recommendation-label{margin-bottom:6px;color:#718792;font:7px var(--mono);letter-spacing:.55px}.route-recommendation-list,#route-recommendations{display:grid;gap:5px}.route-suggestion{width:100%;padding:7px 8px;border:1px solid rgba(159,190,202,.08);border-radius:5px;background:#ffffff03;text-align:left;cursor:pointer}.route-suggestion:hover,.route-suggestion.selected{border-color:#65dec942;background:#65dec90b}.route-suggestion-top{display:flex;justify-content:space-between;gap:6px}.route-suggestion-top strong{color:#bdcdd1;font-size:8px;font-weight:500}.route-suggestion-top small{color:#79bfb2;font:6px var(--mono);letter-spacing:.35px}.route-suggestion-detail{display:block;margin-top:4px;color:#788e98;font:7px var(--mono)}.mission-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:11px}.mission-action{min-height:29px;padding:6px 8px;border:1px solid rgba(159,190,202,.14);border-radius:4px;background:#10212b;color:#9cb1b8;font-size:8px;cursor:pointer}.mission-action.primary{border-color:#65dec947;background:#65dec91a;color:#b8e9df}.mission-action.recharge-action{grid-column:1 / -1}.mission-action:hover:not(:disabled){border-color:#65dec980}.mission-action:disabled{opacity:.42;cursor:not-allowed}.mission-note{margin-top:8px;color:#718690;font-size:7px;line-height:1.5}.ecosystem-panel{margin-top:13px}.ecosystem-sample{color:#8da7aa;border-color:#9fbeca1f}.ecosystem-content{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:10px;align-items:stretch;margin-top:12px}.ecosystem-graph-wrap{min-width:0;min-height:215px;overflow:hidden;border:1px solid rgba(159,190,202,.07);border-radius:6px;background:radial-gradient(ellipse at 42% 48%,rgba(32,85,96,.15),transparent 70%)}#ecosystem-graph{display:block;width:100%;height:100%;min-height:215px}.eco-edge{fill:none;stroke:#65dec957;stroke-width:1.3}.eco-edge-context{stroke:#88aad252;stroke-dasharray:4 4}.eco-edge-label{fill:#81979e;font:7px var(--mono)}.eco-species-node rect{fill:#102833;stroke:#65dec940}.eco-habitat-node rect{fill:#172732;stroke:#8eb7d33b}.eco-habitat-node circle{fill:#8db9dc}.eco-context-node rect{fill:#1a2834;stroke:#ad97d540}.eco-context-node circle:first-of-type{fill:#e7aa7b}.eco-context-node circle:last-of-type{fill:#aa96e4}.eco-node-title{fill:#c8d8dc;font:8px DM Sans,sans-serif}.eco-node-subtitle{fill:#8197a0;font:6.5px DM Mono,monospace}.eco-empty{fill:#718792;font:9px DM Sans,sans-serif}.ecosystem-insight{padding:10px;border:1px solid rgba(159,190,202,.07);border-radius:6px;background:#ffffff03}.ecosystem-insight p{margin-top:8px;color:#93a6ac;font-size:8px;line-height:1.55}.ecosystem-insight .science-caveat{margin-top:12px}.ecosystem-legend{margin-top:8px}.eco-species-dot{background:#69cdbc}.eco-habitat-dot{background:#8db9dc}.eco-link{width:12px!important;height:1px!important;border-radius:0!important;background:#65dec999}.observation-image{display:block;width:100%;max-height:180px;margin-top:8px;border:1px solid var(--border);border-radius:4px;background:#081722;object-fit:cover}.journal-image-preview{display:block;width:100%;max-height:190px;border:1px solid rgba(101,222,201,.18);border-radius:5px;background:#081722;object-fit:contain}.form-field input[type=file]{padding:6px;color:#91a5ad;font-size:9px}.form-field input[type=file]::file-selector-button{margin-right:8px;padding:5px 8px;border:1px solid rgba(101,222,201,.18);border-radius:4px;background:#65dec912;color:#b6d8d3;font:8px var(--mono);cursor:pointer}.image-upload-status{color:#758b95;font-size:8px;line-height:1.4}@media(max-width:1050px){.exploration-grid{grid-template-columns:minmax(0,1.2fr) minmax(270px,.9fr)}.ecosystem-content{grid-template-columns:minmax(0,1fr) 175px}}@media(max-width:820px){.exploration-grid{grid-template-columns:1fr}.map-canvas-wrap{height:310px}.exploration-side{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.exploration-heading{align-items:flex-start;flex-direction:column}.exploration-heading h2{font-size:20px}.exploration-section{margin-top:22px}.map-panel,.scanner-panel,.mission-panel,.ecosystem-panel{padding:13px 11px}.map-canvas-wrap{height:245px}.map-overlay{font-size:6px}.map-legend{gap:7px 10px}.terrain-caption{flex-basis:100%}.exploration-side,.ecosystem-content{grid-template-columns:1fr}.ecosystem-graph-wrap,#ecosystem-graph{min-height:175px}.ecosystem-insight{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 8px}.ecosystem-insight>.panel-kicker,.ecosystem-insight>.science-caveat{grid-column:1 / -1}}@media(max-width:820px){.species-grid{grid-template-columns:1fr}.marine-section-heading{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.marine-section{margin-top:26px}.marine-section-heading h2{font-size:20px}.observation-panel,.obis-panel,.sightings-panel{padding:14px 12px}.form-row{gap:7px}.privacy-chip{font-size:6px}.distribution-row{grid-template-columns:78px minmax(0,1fr) 28px;gap:6px}}@media(min-width:1500px){.main-content{margin:0 auto 0 238px;padding-right:55px;padding-left:55px}.camera-view{height:290px}.camera-panel,.controls-panel{min-height:397px}.controls-panel .control-block{margin-top:24px}}@media(max-width:1100px){.sidebar{width:205px}.main-content{margin-left:205px;padding-right:24px;padding-left:24px}.workspace-grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr)}.metric-card{padding-right:10px;padding-left:11px}.metric-value{font-size:24px}}@media(max-width:820px){.sidebar{width:62px;align-items:center;padding:18px 8px 14px}.brand{padding:0}.brand>span:last-child,.side-label,.mission-switcher>span:not(.mission-icon),.vehicle-card,.settings-link,.profile>span,.profile .avatar{font-size:0}.brand>span:last-child,.side-label,.mission-switcher,.vehicle-card,.settings-link,.profile>span,.profile .avatar{display:none}.side-nav{width:100%;margin-top:37px}.sidebar .nav-link{display:grid;width:42px;height:42px;margin:0 auto 5px;padding:0;place-items:center;font-size:0}.sidebar .nav-link span{font-size:17px}.sidebar .nav-link.active{background:#65dec917}.sidebar-bottom{width:100%}.main-content{margin-left:62px;padding-right:19px;padding-left:19px}.workspace-grid{grid-template-columns:1fr}.camera-panel{min-height:0}.camera-view{height:clamp(210px,37vw,320px)}.controls-panel{min-height:0}}@media(max-width:620px){.sidebar{width:49px;padding-right:4px;padding-left:4px}.brand-mark{width:29px;height:29px}.main-content{margin-left:49px;padding-right:13px;padding-left:13px}.topbar{height:54px}.topbar-right{gap:8px}.stream-status{font-size:8px}.clock{font-size:9px}.topbar-divider{display:none}.page-heading{align-items:start;padding:23px 0 17px}h1{font-size:25px}.heading-copy{max-width:220px;font-size:10px;line-height:1.5}.mission-meta{gap:11px;padding-top:20px}.mission-meta>div:not(.meta-divider){gap:5px}.meta-label{font-size:7px}.mission-meta strong{font-size:10px}.meta-divider{height:29px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric-card{height:118px;padding:12px 10px}.metric-label{font-size:8px}.metric-value{margin-top:8px;font-size:23px}.metric-foot{font-size:8px}.workspace-grid,.lower-grid{gap:10px;margin-top:10px}.panel{padding:14px 12px 12px}.camera-view{height:210px;margin-top:12px}.camera-footer{font-size:8px}.lower-grid{grid-template-columns:1fr}.chart-panel,.sensors-panel{min-height:auto}.chart-wrap{height:120px}.sensor-row{grid-template-columns:23px minmax(82px,1fr) 62px auto;gap:6px}.sensor-health-name,.health-pill{font-size:8px}.page-footer{flex-wrap:wrap;gap:8px;font-size:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}