:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#25333b;background:#f3f2ee;font-synthesis:none;--muted:#778087;--line:#dedfd9;--accent:#0b736a;--orange:#f6a665}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button,input,select{outline-offset:3px}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #128e80}header{height:83px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px;padding:0 44px}.brand{display:flex;align-items:center;gap:12px;font-size:17px;letter-spacing:1.6px;font-weight:800;text-decoration:none;color:inherit}.brand-icon{font-size:35px;line-height:1;color:var(--accent)}.edition{color:#939a99;font-weight:400;letter-spacing:1px;margin-left:2px}.header-note{font-size:10px;letter-spacing:1.8px;color:var(--muted);margin-left:5px}.model-badge{margin-left:auto;font:10px ui-monospace,Consolas,monospace;letter-spacing:.7px;display:flex;gap:8px;align-items:center}.model-badge i,.live-dot{display:inline-block;width:6px;height:6px;background:#45a894;border-radius:50%}main{max-width:1580px;margin:auto;padding:30px 44px 0;display:grid;grid-template-columns:minmax(0,1fr) 322px;gap:22px}.workspace{min-width:0}.workspace-top{height:85px;display:flex;justify-content:space-between;align-items:flex-start}.eyebrow{font-size:9px;letter-spacing:2px;color:#7c8686;font-weight:700}h1{font-size:29px;letter-spacing:-1px;line-height:1.15;margin:9px 0 0;font-weight:550}.view-controls{display:flex;gap:6px;padding-top:25px}.view-controls button{background:transparent;border:1px solid #d9dcd6;border-radius:5px;font-size:10px;padding:8px 10px;color:#566366}.view-controls button:hover{background:#e5e8e0}#viewport{height:clamp(350px,48vh,590px);position:relative;background:#101e28;border-radius:10px 10px 0 0;overflow:hidden;touch-action:none}#viewport canvas{display:block;width:100%;height:100%;position:absolute;inset:0}.scene-label,.axis-note,.legend,.camera-hint{position:absolute;z-index:1;pointer-events:none}.scene-label{top:23px;left:24px;right:24px;display:flex;gap:9px;align-items:center;color:#b6d0cb;font:10px ui-monospace,Consolas,monospace;letter-spacing:1px}#clock{margin-left:auto;color:#8d9da4;letter-spacing:0}.axis-note{bottom:55px;left:24px;font:10px ui-monospace,Consolas,monospace;color:#7c919b}.axis-note span,.camera-hint span{padding:0 5px;color:#455a65}.legend{bottom:24px;left:24px;display:flex;gap:18px;color:#a4b4bd;font-size:10px}.legend>span{display:flex;gap:7px;align-items:center}.legend i{width:13px;height:2px;display:inline-block}.teal{background:#58d2b9}.orange{background:#f3a45d}.white{background:#e0efed}.camera-hint{right:22px;bottom:24px;color:#71838b;font-size:9px}#renderer-error{position:absolute;z-index:2;inset:35%;color:#f0b784;text-align:center;font-size:14px}.transport{display:flex;gap:13px;align-items:center;background:#fffefa;padding:15px 20px;border:1px solid var(--line);border-top:0;border-radius:0 0 9px 9px}.primary{background:var(--accent);border:1px solid var(--accent);color:white;padding:11px 18px;border-radius:5px;font-size:12px;min-width:132px}.primary:hover{background:#095e56}.primary span{font-size:10px;margin-right:7px}.reset-button{border:0;background:none;font-size:22px;color:#596b6f;padding:0 1px}.reset-button span{font-size:11px;vertical-align:middle;padding-left:3px}.transport-divider{height:20px;border-left:1px solid #dcded8;margin:0 4px}.speed-label{font-size:10px;color:var(--muted)}select{background:#f2f3ed;border:1px solid #dce0d7;border-radius:4px;padding:5px;font-size:11px;color:#40504c}.transport-spacer{flex:1}.switch{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:11px;white-space:nowrap}.switch input{position:absolute;opacity:0;width:30px;height:20px}.switch>span{width:27px;height:16px;background:#c9cfca;border-radius:12px;position:relative}.switch>span:before{content:"";background:white;width:12px;height:12px;border-radius:50%;position:absolute;left:2px;top:2px;transition:transform .15s}.switch input:checked+span{background:var(--accent)}.switch input:checked+span:before{transform:translateX(11px)}.switch input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}.telemetry{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:8px;margin-top:19px;background:#f9f9f4;padding:20px 0}.telemetry>div{padding:0 22px;border-right:1px solid var(--line)}.telemetry>div:last-child{border:0}.telemetry>div>span{display:block;font-size:9px;letter-spacing:1.2px;color:#76827f}.telemetry strong{display:block;font:27px ui-monospace,Consolas,monospace;letter-spacing:-1.3px;margin-top:11px}.telemetry small{font:11px "Segoe UI",sans-serif;color:#82908a;letter-spacing:0}.meter{margin-top:13px;height:3px;background:#dfe5dd;border-radius:3px}.meter i{height:100%;display:block;background:#65988b;max-width:100%;width:0;transition:width .1s}.flight-bottom{display:flex;justify-content:space-between;padding:14px 2px 0;color:#7b8681;font:10px ui-monospace,Consolas,monospace}aside{display:flex;flex-direction:column;gap:18px}.panel{background:#fbfbf6;border:1px solid var(--line);border-radius:9px;padding:21px}.panel-title{display:flex;justify-content:space-between;align-items:center}h2{font-size:14px;margin:0;font-weight:650;letter-spacing:-.15px}.count{font:9px ui-monospace,Consolas,monospace;color:#819187;letter-spacing:.7px}.panel-description{font-size:11px;color:#8a918b;margin:7px 0 19px}.preset-tabs{display:flex;gap:3px;padding:3px;background:#eaede5;border-radius:5px;margin-bottom:16px}.preset-tabs button{flex:1;font-size:11px;background:none;border:none;border-radius:3px;padding:7px 0;color:#7b8980}.preset-tabs button.selected{background:#fffefa;box-shadow:0 1px 4px #223c3520;color:#21665a}.waypoint-head,.waypoint{display:grid;grid-template-columns:22px repeat(3,minmax(0,1fr)) 18px;align-items:center;gap:6px}.waypoint-head{font:9px ui-monospace,Consolas,monospace;color:#8a948d;padding:0 0 9px;text-align:center}.waypoint-head small{font-size:8px;color:#a2aaa3}.waypoint-head span:first-child{text-align:left}#waypoints{max-height:242px;overflow-y:auto;scrollbar-width:thin;padding:0 1px}.waypoint{padding:5px 0;border-top:1px solid #eceee6}.waypoint .number{font:10px ui-monospace,Consolas,monospace;color:#9aa29a}.waypoint.active .number{color:var(--accent);font-weight:bold}.waypoint.active input{border-color:#8eb5a6;background:#f0f7ee}.waypoint input{min-width:0;width:100%;border:1px solid #dee3d8;background:#f7f8f0;border-radius:4px;padding:7px 2px 7px 6px;font:11px ui-monospace,Consolas,monospace;color:#4e6359}.waypoint button{border:0;padding:4px 0;background:none;color:#b0b6ad;font-size:17px}.waypoint button:hover{color:#b6543b}.add-button{width:100%;border:1px dashed #ccd6c9;border-radius:4px;background:none;padding:9px;margin-top:12px;font-size:11px;color:#5d7c69}.add-button:hover{background:#edf2e8}.route-actions{display:flex;gap:16px;margin-top:16px}.route-actions button,.text-button{border:0;background:none;color:#7a8a7d;font-size:10px;padding:0}.route-actions button:hover,.text-button:hover{color:var(--accent)}.route-message{font-size:9px;color:#99a092;line-height:1.5;margin:11px 0 0;min-height:14px}.route-message.error{color:#a95039}.physics-panel{padding-bottom:17px}.control{margin:0 0 16px}.control>label{display:flex;justify-content:space-between;font-size:11px;color:#6b7c6e}.control output{font:11px ui-monospace,Consolas,monospace;color:#3f5b47}.control input{width:100%;display:block;height:3px;margin:12px 0 0;accent-color:#548775;cursor:pointer}.hover-note{border-top:1px solid #e0e5d9;padding-top:14px;display:flex;justify-content:space-between;font-size:10px;color:#8b9586}.hover-note strong{font:11px ui-monospace,Consolas,monospace;color:#6d8068}.warning{font-size:10px;line-height:1.5;color:#af5934;margin:10px 0 0}.model-note{grid-column:1/-1;display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);padding:24px 2px 20px}.note-icon{font-size:32px;color:#739687}.model-note h2{font-size:12px;color:#506457}.model-note p{font-size:11px;line-height:1.7;color:#8a9287;margin:6px 0 0;max-width:710px}.model-equation{margin-left:auto;white-space:nowrap;font:13px ui-monospace,Consolas,monospace;color:#929b8e}footer{padding:14px 44px 20px;max-width:1580px;margin:auto;display:flex;justify-content:space-between;font-size:9px;color:#9a9f94;letter-spacing:.3px}.footer-slash{padding:0 8px;color:#b4bbac}@media(min-width:1500px){main{padding-top:38px}#viewport{height:560px}.workspace-top{height:95px}.panel{padding:24px}.telemetry{padding:26px 0}}@media(max-width:1150px){header{padding:0 25px}.header-note{display:none}main{padding:25px 25px 0;grid-template-columns:minmax(0,1fr) 295px;gap:18px}.panel{padding:18px}.camera-hint{display:none}.telemetry>div{padding:0 14px}.telemetry strong{font-size:23px}.transport{padding:13px;gap:10px}.speed-label{display:none}.transport-divider{margin:0}.model-equation{display:none}footer{padding:15px 25px}}@media(max-width:830px){header{height:68px;padding:0 20px}.model-badge{font-size:8px}.brand{font-size:14px;gap:8px}.brand-icon{font-size:30px}main{display:block;padding:24px 18px 0}.workspace-top{height:82px}h1{font-size:27px}#viewport{height:440px}.telemetry{margin-top:15px}.flight-bottom{padding-bottom:20px}aside{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}.model-note{margin-top:24px}.model-note p{font-size:10px}footer{padding:15px 20px}footer>span:last-child{display:none}}@media(max-width:520px){header{padding:0 15px}.model-badge{letter-spacing:0;font-size:7px;gap:5px}.brand{letter-spacing:1px}.edition{font-size:12px}.workspace-top{height:105px;position:relative}h1{font-size:25px}.view-controls{position:absolute;bottom:13px;right:0;padding:0}.view-controls button{padding:5px 7px;font-size:9px}#viewport{height:380px}.scene-label{top:18px;left:17px;right:17px;font-size:9px}.axis-note{left:17px;font-size:9px}.legend{left:17px;gap:13px;font-size:9px}.transport{padding:12px 10px;gap:9px}.primary{padding:10px 10px;min-width:111px;font-size:11px}.reset-button span{display:none}.transport-divider{display:none}.switch{font-size:10px;gap:5px}.transport select{padding:4px;font-size:10px}.telemetry{padding:15px 0}.telemetry>div{padding:0 10px}.telemetry>div>span{font-size:7px;letter-spacing:.5px}.telemetry strong{font-size:21px}.telemetry small{font-size:9px}.flight-bottom{font-size:8px}aside{display:flex;gap:15px}.panel{padding:20px}.model-note{gap:12px;align-items:flex-start}.note-icon{font-size:25px}.model-note p{line-height:1.7}footer{font-size:8px}}
.view-controls button.selected{background:#dceae0;border-color:#9db9a6;color:#1e6a54}.flight-record{display:flex;gap:26px;margin-top:14px;padding:12px 16px;background:#e8ede4;border:1px solid #dce3d5;border-radius:6px;font:8px ui-monospace,Consolas,monospace;letter-spacing:.6px;color:#7b8b76}.flight-record strong{font-size:12px;color:#45694e;letter-spacing:0;padding-left:7px}.profiles{margin-top:-4px;margin-bottom:20px}@media(max-width:1150px){.flight-record{gap:14px;padding:11px}.flight-record strong{display:block;margin-top:5px;padding:0}.view-controls{gap:4px}.view-controls button{font-size:9px;padding:8px}}@media(max-width:520px){.flight-record{justify-content:space-between;gap:8px;font-size:7px}.flight-record strong{font-size:12px}.view-controls button{padding:5px 6px}.workspace-top{height:110px}}