@charset "UTF-8";
:root{--bg:#f2f5fa;--panel:#ffffff;--glass:#ffffffdf;--text:#172b40;--muted:#78899b;--line:#e4eaf0;--blue:#007aff;--blue-soft:#e9f3ff;--green:#28a982;--shadow:0 8px 32px #25425d0c;--soft:#f2f5f8;--mapwater:#aad3df;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;letter-spacing:.1px}button,input,select{font:inherit}button{cursor:pointer;border:0;background:var(--soft);color:var(--text);border-radius:12px;padding:8px 12px;font-weight:550;transition:background .18s,transform .18s}button:hover{background:var(--blue-soft);color:var(--blue)}button:active{transform:scale(.97)}button:disabled{opacity:.45;cursor:default}a{color:var(--blue);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #70baff;outline-offset:3px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.primary{background:var(--blue);color:white!important;box-shadow:0 4px 12px #007aff22}.primary:hover{background:#086cda}.soft{background:var(--soft)}.glass{background:var(--glass);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border:1px solid #ffffffb3;box-shadow:0 6px 26px #15395416}.app-header{height:76px;padding:0 27px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--panel)}.brand{display:flex;align-items:center;gap:11px}.app-icon{background:linear-gradient(145deg,#2cafff,#006fea);width:43px;height:43px;border-radius:14px;color:white;display:grid;place-items:center;box-shadow:0 5px 13px #007aff28}.app-icon svg{width:25px;height:25px}.brand h1{font-size:20px;letter-spacing:2px;margin:0;font-weight:750}.brand span:not(.version-pill){font:8px/1.5 ui-monospace,monospace;letter-spacing:2px;color:var(--muted)}.version-pill{font-size:10px;color:#6686a0;border:1px solid #dce9f1;border-radius:7px;padding:3px 7px;margin-left:6px}.route-header{display:flex;align-items:center;gap:15px;position:relative;padding-bottom:16px;font-size:14px;font-weight:600}.route-header small{position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);font-size:9px;white-space:nowrap;color:var(--muted);font-weight:400}.route-line{display:flex;align-items:center;gap:12px;width:110px;color:var(--blue)}.route-line i{flex:1;border-top:1px dashed #a8bfd0}.route-line svg{width:19px}.header-actions{display:flex;align-items:center;gap:10px}.icon-btn{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;padding:0}.connection{font-size:10px;color:var(--green);margin-right:8px}main{padding:0 16px 10px}.chart-area{position:relative;height:calc(100dvh - 392px);min-height:380px;max-height:850px;border-radius:24px;overflow:hidden;background:var(--mapwater);isolation:isolate}#map{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#map:active{cursor:grabbing}.map-topline{position:absolute;top:16px;left:17px;right:17px;display:flex;justify-content:space-between;gap:12px;pointer-events:none}.map-topline>div{pointer-events:auto}.chart-label{display:flex;align-items:center;gap:9px;padding:8px 13px;border-radius:13px;font-size:10px;color:var(--muted)}.chart-label b{font-size:12px;color:var(--text)}.live-dot{width:6px;height:6px;border-radius:50%;background:#2eba92}.map-actions{border-radius:13px;padding:3px;display:flex;gap:1px}.map-actions button{font-size:11px;display:flex;gap:6px;align-items:center;background:none;padding:5px 10px}.map-actions svg{width:15px;height:15px}.mission-card{position:absolute;top:72px;left:17px;width:245px;border-radius:21px;padding:17px 18px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1px;color:var(--muted);display:flex;align-items:center;gap:6px}.eyebrow svg{width:13px;height:13px}.status{margin-left:auto;background:#eaf1f7;border-radius:6px;padding:2px 6px;color:#718496;font-size:9px;letter-spacing:0}.status.running{background:#e4f7ee;color:#13926e}.mission-card h2{font-size:23px;line-height:1.3;letter-spacing:1px;margin:13px 0 4px}.mission-card p{font-size:10px;color:var(--muted);margin:0 0 13px}.mission-card select{width:100%;font-size:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:9px;padding:7px}.progress{height:4px;border-radius:4px;background:#d9e4ee;margin:14px 0 7px;overflow:hidden}.progress div{height:100%;width:0;background:var(--blue);border-radius:4px}.mission-meta{display:flex;justify-content:space-between;color:var(--muted);font:10px ui-monospace,monospace}.mission-buttons{display:flex;gap:7px;margin-top:14px}.mission-buttons button{padding:9px 10px;font-size:10px;border-radius:10px}.mission-buttons .primary{flex:1}.time-row{display:flex;align-items:center;gap:7px;margin-top:11px;font-size:9px;color:var(--muted)}.time-row select{padding:3px;width:58px;font-size:9px}.time-row span{margin-left:auto;white-space:nowrap}.map-readouts{position:absolute;top:75px;right:17px;border-radius:18px;display:grid;grid-template-columns:repeat(2,1fr);padding:14px 18px;gap:12px 22px;min-width:200px}.map-readouts span{font-size:9px;color:var(--muted);display:block}.map-readouts strong{font:600 23px/1.6 ui-monospace,"Consolas",monospace;letter-spacing:-1px}.map-readouts small{font:10px -apple-system,sans-serif;color:var(--muted);margin-left:4px;letter-spacing:0}.map-side{position:absolute;right:18px;bottom:65px;display:flex;flex-direction:column;gap:6px}.map-side>button{width:34px;height:34px;border-radius:11px;padding:0;font-size:20px;color:#355b7a}.compass-pill{width:34px;height:56px;border-radius:13px;display:flex;align-items:center;flex-direction:column;padding:5px;gap:1px;color:var(--blue);font:8px ui-monospace,monospace;margin-bottom:4px}.compass-pill svg{width:24px;height:24px}.map-bottom{position:absolute;bottom:12px;left:17px;right:17px;display:flex;justify-content:space-between;align-items:flex-end;gap:10px}.coordinate{border-radius:9px;padding:5px 9px;display:flex;align-items:center;gap:7px;font:9px ui-monospace,monospace;white-space:nowrap}.coordinate svg{width:12px;height:12px;color:var(--blue)}.separator{height:10px;border-left:1px solid var(--line)}.attribution{font-size:8px;color:#405c6d;display:flex;gap:4px;background:#ffffffe3;padding:4px 6px;border-radius:5px}.attribution a{color:#405c6d}.attribution a:last-child{margin-left:5px}.assist-badge{position:absolute;bottom:51px;left:50%;transform:translateX(-50%);padding:5px 13px;border-radius:15px;font-size:10px;color:#15775f;white-space:nowrap}.layers-panel{position:absolute;top:61px;right:18px;width:238px;border-radius:17px;padding:17px;z-index:4}.layers-panel b{font-size:12px}.layers-panel label{display:flex;align-items:center;gap:7px;font-size:11px;margin-top:13px}.layers-panel p{font-size:10px;color:var(--muted);margin-bottom:0}.layers-panel input{accent-color:var(--blue)}.instrument-deck{display:grid;grid-template-columns:1.15fr .88fr 1.4fr 1fr;gap:12px;padding-top:12px}.instrument{border-radius:22px;background:var(--panel);border:1px solid #fff;padding:15px 17px 11px;box-shadow:var(--shadow);min-width:0;height:264px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.panel-heading>span:first-child{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:650;white-space:nowrap}.panel-heading svg{width:16px;height:16px;color:var(--blue)}.panel-heading small{font-weight:400;font-size:9px;background:var(--soft);color:var(--muted);border-radius:5px;padding:1px 5px}.micro{font:8px ui-monospace,monospace;letter-spacing:1px;color:var(--muted)}.segmented{display:flex;background:var(--soft);padding:3px;border-radius:9px;gap:1px}.segmented button{font-size:9px;padding:3px 9px;border-radius:6px;color:var(--muted);background:none}.segmented button.selected{background:var(--panel);color:var(--blue);box-shadow:0 2px 5px #253e5910}.helm-content{display:flex;align-items:center;justify-content:space-evenly;height:139px;gap:8px}#helm{width:140px;height:139px;touch-action:none;cursor:ew-resize}.helm-numbers{display:flex;flex-direction:column;align-items:flex-start;min-width:79px}.helm-numbers small{font-size:9px;color:var(--muted)}.helm-numbers strong{font:600 28px/1.5 ui-monospace,monospace;letter-spacing:-1px}.helm-numbers strong em,.engine-readout em,.weather-grid em{font-size:10px;font-weight:400;font-style:normal;color:var(--muted);margin-left:3px}.helm-numbers>span{font:9px/1.8 ui-monospace,monospace;color:var(--muted)}.text-btn{font-size:10px;padding:4px 0;background:none;color:var(--blue);box-shadow:none}.slider-label{display:flex;justify-content:space-between;font-size:8px;margin-top:7px;color:var(--muted)}.slider-label output{font-size:10px;color:var(--text);font-weight:600}.port{color:#e07973}.starboard{color:#37a894}input[type=range]{accent-color:var(--blue);cursor:pointer}#rudder{width:100%;margin:7px 0 5px;height:15px}.keyboard{font:8px/1.5 ui-monospace,monospace;color:var(--muted);display:flex;justify-content:space-between}.engine-content{height:193px;display:flex;justify-content:space-around;gap:10px;align-items:center}.telegraph{position:relative;height:170px;display:flex;gap:12px;width:113px;padding:7px 4px}.telegraph-track{height:155px;width:30px;border-radius:13px;background:linear-gradient(#d3efe7,#eff2f5 48%,#f5dddd);border:1px solid #dce3eb;display:flex;flex-direction:column;justify-content:space-between;padding:6px 0;position:relative;flex-shrink:0}.telegraph-track:before{content:"";position:absolute;width:4px;height:143px;left:12px;top:6px;background:#afbfce;border-radius:5px;box-shadow:inset 0 1px 3px #51697d33}.telegraph-track i{width:6px;border-top:1px solid #92a9ba;margin-left:3px}.lever{position:absolute;top:50%;left:-7px;transform:translateY(-50%);width:42px;height:23px;background:linear-gradient(#fff,#e2eaf1);border-radius:7px;border:1px solid #b9cbdc;box-shadow:0 3px 7px #324b6630;pointer-events:none}.lever:after{content:"";display:block;width:20px;height:3px;background:var(--blue);border-radius:2px;margin:9px auto}.telegraph-labels{height:155px;display:flex;flex-direction:column;justify-content:space-between;font-size:8px;color:var(--muted);white-space:nowrap}.telegraph-labels span:nth-child(3){color:var(--text);font-weight:600}.telegraph input{position:absolute;left:-7px;top:0;width:51px;height:168px;writing-mode:vertical-lr;direction:rtl;opacity:.01;cursor:ns-resize;z-index:2}.engine-readout{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:60px}.engine-readout strong{font:600 27px/1.3 ui-monospace,monospace}.engine-readout>span{font-size:10px;color:var(--blue)}.engine-readout small{font-size:8px;color:var(--muted);white-space:nowrap}.stop-btn{background:#fff0ed;color:#db7063;font-size:10px;padding:6px 18px;margin-top:8px}.radar-options{display:flex;align-items:center;gap:6px}.radar-options select{border:0;background:var(--soft);color:var(--text);font-size:9px;padding:3px;border-radius:7px}.radar-options button{font-size:9px;white-space:nowrap}.radar-content{display:flex;align-items:center;gap:10px;height:207px}#radar{height:194px;width:194px;flex:0 0 194px;border-radius:50%;background:#102d36;box-shadow:0 4px 15px #0a414d16}.radar-targets{flex:1;min-width:0;align-self:stretch;padding-top:10px;display:flex;flex-direction:column}.radar-targets p{font-size:9px;color:var(--muted)}.contact{padding:6px 0;border-bottom:1px solid var(--line)}.contact b{font:9px ui-monospace,monospace;display:block;color:var(--green)}.contact span{display:block;font:8px/1.65 ui-monospace,monospace;color:var(--muted);white-space:nowrap}.radar-note{font-size:8px;line-height:1.7;color:var(--muted);margin-top:auto}.weather-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:13px 0 12px}.weather-grid span{font-size:9px;color:var(--muted);display:block}.weather-grid strong{font:550 26px/1.55 ui-monospace,monospace;letter-spacing:-1px}.weather-grid small{display:block;font:9px ui-monospace,monospace;color:#8494a2}.force-row{display:flex;justify-content:space-between;font-size:9px;padding:5px 0;color:var(--muted);border-bottom:1px solid var(--line)}.force-row b{font:10px ui-monospace,monospace;color:var(--text)}.vessel-chip{display:flex;align-items:center;gap:6px;background:var(--soft);padding:7px;border-radius:9px;margin-top:10px;font-size:9px;color:#60788d}.vessel-chip svg{height:14px;width:14px}footer{display:flex;align-items:center;gap:14px;padding:0 23px 10px;font-size:9px;color:var(--muted);min-height:32px}footer #message{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}footer button{background:none;color:var(--blue);padding:0;font-size:9px}.model-note{white-space:nowrap;font-size:8px}.settings-sheet{width:min(530px,calc(100vw - 24px));padding:13px 26px 24px}dialog{width:min(620px,calc(100vw - 24px));max-height:90dvh;border:1px solid #ffffff99;border-radius:27px;background:var(--panel);color:var(--text);padding:25px;box-shadow:0 30px 100px #18344638;overflow-y:auto}dialog::backdrop{background:#28435b45;backdrop-filter:blur(8px)}.sheet-handle{height:4px;width:35px;background:var(--line);border-radius:4px;margin:0 auto 17px}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}.dialog-heading h2{margin:4px 0;font-size:23px;letter-spacing:.2px}.close{border:0;border-radius:50%;background:var(--soft);font-size:22px;color:var(--muted);width:29px;height:29px;line-height:20px;padding:0;flex:none}.settings-tabs{display:flex;background:var(--soft);padding:4px;border-radius:12px;gap:4px}.settings-tabs button{flex:1;background:none;font-size:12px;padding:6px}.settings-tabs .selected{background:var(--panel);box-shadow:0 2px 6px #13293f0f;color:var(--blue);border-radius:9px}.section-description{font-size:11px;color:var(--muted);margin:19px 0 15px;line-height:1.8}.preset-row{display:flex;gap:8px;margin:15px 0}.preset-row button{flex:1;font-size:11px;padding:8px;border:1px solid var(--line);background:var(--panel)}.preset-row button.selected{border-color:#a3cffe;background:var(--blue-soft);color:var(--blue)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{font-size:11px;color:var(--text)}.form-grid label>span{float:right;color:var(--muted);font-size:10px}.form-grid input{display:block;width:100%;border:1px solid var(--line);border-radius:12px;background:var(--soft);color:var(--text);padding:11px 13px;margin-top:6px;font:17px ui-monospace,monospace}.profile-preview{display:flex;gap:20px;align-items:center;padding:15px 13px;background:var(--blue-soft);border-radius:13px;margin:21px 0}.profile-preview>svg{width:29px;height:29px;color:var(--blue)}.profile-preview span{font-size:9px;color:var(--muted);display:block}.profile-preview strong{font:600 16px ui-monospace,monospace;display:block;margin-top:4px}.wide{width:100%;padding:12px;font-size:12px;border-radius:13px}.fine-print{font-size:10px;line-height:1.8;color:var(--muted);margin:14px 0 0}.settings-note{margin-top:25px;border-top:1px solid var(--line);padding-top:15px;font-size:11px}.settings-note p{font-size:11px;color:var(--muted);line-height:1.8}.preference-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 0;border-bottom:1px solid var(--line);font-size:12px}.preference-row input{appearance:none;width:37px;height:23px;border-radius:20px;background:#cad3dd;position:relative;cursor:pointer;transition:background .2s;flex:none}.preference-row input:before{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;background:white;border-radius:50%;box-shadow:0 1px 3px #14283c25;transition:transform .2s}.preference-row input:checked{background:#34c759}.preference-row input:checked:before{transform:translateX(14px)}.preference-row select{border:0;color:var(--blue);background:var(--soft);padding:7px;border-radius:8px;font-size:11px}.export-link{display:inline-block;margin-top:18px;font-size:11px;border-radius:11px;padding:10px 14px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.review-item{padding:12px;background:var(--soft);border-radius:13px}.review-item span{display:block;font-size:10px;color:var(--muted)}.review-item strong{font:20px/1.8 ui-monospace,monospace}#historyChart{width:100%;height:140px;display:block;margin-top:15px}dialog p,dialog li{color:var(--muted);font-size:12px;line-height:1.9}dialog li{margin:8px 0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#1e344bea;color:white;border-radius:16px;padding:13px 21px;font-size:12px;max-width:90vw;z-index:10;box-shadow:0 5px 24px #102b4930;backdrop-filter:blur(20px)}[hidden]{display:none!important}
body.dark{--bg:#0b1420;--panel:#152231;--glass:#152738e8;--text:#e4edf6;--muted:#8a9db1;--line:#2a3d4e;--blue:#55aaff;--blue-soft:#203b53;--soft:#1c2e40;--shadow:0 8px 32px #0002;color-scheme:dark}body.dark .glass{border-color:#49617766}body.dark .instrument{border-color:#233a4c}body.dark .attribution{background:#182d3ee6}body.dark .attribution a{color:#c1d8e8}body.dark .status{background:#283e50}body.dark .stop-btn{background:#513832;color:#ffb0a5}body.dark .telegraph-labels span:nth-child(3){color:#e4edf6}
@media(min-width:1700px){.instrument-deck{grid-template-columns:1.15fr .88fr 1.3fr 1fr}.instrument{height:286px}.chart-area{height:calc(100dvh - 414px)}#helm{width:157px;height:157px}.helm-content{height:157px}#radar{width:214px;height:214px;flex-basis:214px}.radar-content{height:228px}}
@media(max-width:1200px){.app-header{padding:0 19px}.version-pill{display:none}.instrument-deck{grid-template-columns:1fr .82fr 1.14fr .95fr;gap:9px}.instrument{padding:13px 12px 10px}.radar-targets{display:none}.radar-content{justify-content:center}.map-readouts{min-width:180px;gap:10px 15px}.micro{display:none}.helm-content{gap:3px}#helm{width:120px;height:129px}.helm-numbers{min-width:65px}.helm-numbers strong{font-size:25px}.engine-content{gap:5px}.telegraph{width:100px}.panel-heading>span:first-child{font-size:11px;gap:5px}.segmented button{padding:3px 6px}}
@media(max-width:900px){.route-header{display:none}.instrument-deck{grid-template-columns:1fr 1fr}.instrument{height:253px}.chart-area{height:480px;min-height:420px}.helm-content{height:135px}#helm{width:143px;height:139px}.radar-targets{display:flex}.radar-content{justify-content:space-evenly;height:190px}#radar{width:178px;height:178px;flex-basis:178px}.map-readouts{top:auto;bottom:54px;left:17px;right:auto;grid-template-columns:repeat(4,1fr);padding:10px 13px;gap:12px}.map-readouts strong{font-size:20px}.mission-card{width:232px}.model-note{display:none}}
@media(max-width:560px){.app-header{height:66px;padding:0 13px}.brand h1{font-size:18px}.brand{gap:8px}.app-icon{width:37px;height:37px;border-radius:12px}.header-actions{gap:6px}.connection{font-size:8px;margin:0}.brand span:not(.version-pill){font-size:7px}.icon-btn{width:32px;height:32px}main{padding:0 8px 8px}.chart-area{border-radius:19px;height:520px}.map-topline{top:11px;left:10px;right:10px}.chart-label{padding:6px 9px;gap:6px}.chart-label>span:not(.live-dot){display:none}.map-actions button{font-size:0;padding:5px 7px;gap:0}.map-actions svg{width:16px;height:16px}.mission-card{left:10px;top:58px;width:201px;padding:13px;border-radius:17px}.mission-card h2{font-size:20px}.mission-card p{font-size:9px}.mission-card select{font-size:9px;padding:6px}.mission-buttons button{font-size:9px;padding:8px}.mission-meta{font-size:9px}.time-row{font-size:8px;gap:4px}.map-readouts{bottom:59px;left:10px;right:10px;gap:7px;padding:10px;border-radius:14px}.map-readouts strong{font-size:20px}.map-readouts span{font-size:8px}.map-readouts small{font-size:8px}.map-side{right:10px;bottom:130px}.map-bottom{left:10px;right:10px;bottom:9px;display:block}.coordinate{display:inline-flex;font-size:8px;padding:4px 6px;gap:4px;margin-bottom:4px}.attribution{font-size:7px;display:table}.attribution a{margin:0 2px}.instrument-deck{gap:8px;padding-top:8px}.instrument{border-radius:18px;padding:12px;height:251px}.helm-panel,.engine-panel{min-width:0}.helm-content{flex-direction:column;gap:0;height:139px;position:relative}.helm-numbers{position:absolute;right:0;bottom:1px;align-items:center;min-width:0}.helm-numbers small,.helm-numbers>span,.helm-numbers .text-btn{display:none}.helm-numbers strong{font-size:15px;background:var(--panel);padding:2px 4px;border-radius:7px}.helm-content #helm{width:125px;height:125px}.panel-heading>span:first-child{font-size:10px;gap:4px}.panel-heading>span>svg{width:13px;height:13px}.segmented button{padding:3px 5px;font-size:8px}.slider-label{font-size:7px}.slider-label output{font-size:8px}.keyboard{font-size:7px}.engine-content{height:191px;gap:1px}.telegraph{width:79px;gap:9px}.telegraph-labels{font-size:7px}.telegraph-track{width:25px}.telegraph-track:before{left:10px}.lever{width:35px;left:-6px}.engine-readout{min-width:40px}.engine-readout strong{font-size:20px}.engine-readout small{display:none}.stop-btn{padding:5px 10px;font-size:9px}.radar-panel{grid-column:span 2;height:240px}.radar-targets{display:flex;flex:none;width:135px}.radar-content{gap:18px}.environment-panel{grid-column:span 2;height:auto;min-height:180px}.environment-panel .weather-grid{gap:30px;float:left;width:52%;padding-right:15px}.environment-panel .force-row{margin-left:55%}.environment-panel .vessel-chip{margin-left:55%;margin-top:13px}.environment-panel>.text-btn{margin-left:55%;font-size:9px}.weather-grid strong{font-size:27px}.weather-grid span{font-size:9px}.review-grid{grid-template-columns:repeat(2,1fr)}.review-item strong{font-size:18px}footer{font-size:8px;padding:0 13px 12px}.assist-badge{bottom:115px;left:10px;transform:none;font-size:9px}.layers-panel{top:51px;right:10px}.settings-sheet{padding:12px 20px 22px}.dialog-heading h2{font-size:21px}.profile-preview{gap:12px}.profile-preview strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}