@import url('../natural-modes/style.css');
h1{font-size:44px}.intro{padding:28px 0 30px}.scene{height:auto;min-height:430px;flex:1}.scene>#aircraft-view{position:absolute;inset:0}.experiment{grid-template-columns:270px minmax(0,1fr)}.switch-label{display:flex!important;align-items:center;gap:9px;font-size:13px!important;color:#def4f1!important;cursor:pointer;margin-bottom:0!important}.switch-label input{accent-color:var(--cyan);height:18px;width:18px;margin:0}.switch-label span{display:flex;align-items:center;gap:12px;flex:1;justify-content:space-between}.switch-label b{color:var(--cyan);font-size:11px}.feedback-control,.disturbance-control{padding:13px 10px;border:1px solid #416c7d;border-radius:8px;margin-top:18px;background:#0d2d40}.feedback-control .control-label,.disturbance-control .control-label{margin-top:12px}.trim-settings{border-top:1px solid var(--line);padding-top:13px;margin-top:18px}.phase-strip{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;padding:18px;color:var(--muted);font-size:10px;border-top:1px solid var(--line)}.phase-strip b{display:block;color:#c8e9ec;font-weight:400;margin-bottom:6px;font-size:11px}.loop{margin-bottom:24px}.live-badge{font-size:10px;padding:8px 12px;border:1px solid #53968c;border-radius:20px;color:var(--cyan);white-space:nowrap}.loop-chain{display:grid;grid-template-columns:1fr 20px 1fr 20px 1fr 20px 1fr;gap:8px;align-items:stretch}.loop-chain>div{padding:18px 15px;border:1px solid #447186;border-radius:9px;background:#0a293c}.loop-chain>span{align-self:center;text-align:center;color:#79d1c1;font-size:23px}.loop-chain small{font-size:9px;letter-spacing:.06em;color:#a9cbd9;display:block;min-height:23px;line-height:1.5}.loop-chain h3{font-size:18px;font-weight:400;margin:8px 0 18px}.loop-chain output{font-size:25px}.loop-chain p{font-size:10px;line-height:1.7;color:var(--muted);margin:12px 0 0}.return-path{display:flex;align-items:center;gap:20px;margin:0 24px;padding:0 12px 8px;border:1px solid #478783;border-top:0;border-radius:0 0 12px 12px;color:#8fd4ca}.return-path p{flex:1;text-align:center;font-size:11px;line-height:1.6}.return-path span{font-size:28px}.geometry-grid svg{width:100%;height:auto;display:block;margin-top:14px}.tracking-summary{display:flex;gap:25px;margin:23px 0 8px}.tracking-summary>div{flex:1}.tracking-summary span{font-size:11px;color:var(--muted);display:block}.tracking-summary strong{font-size:27px;color:#e0f9f5;font-weight:400;display:block;margin-top:9px}.plot-key{min-height:16px;font-size:10px;color:var(--muted);margin:-4px 0 6px}.status-panel[data-state=unstable]{background:#4a3535;border-color:#8d5e5f}.status-panel[data-state=off]{background:#333f4c;border-color:#5f7686}.scene-key{max-width:140px}.comparison-actions{align-items:flex-start}.comparison-actions>div{justify-content:flex-end}.comparison-actions p{min-width:230px}.readouts strong{font-size:25px}.curves .card{padding:20px}.curves h3{font-size:17px}.curves svg{cursor:crosshair}.model-notes p{line-height:1.8}
@media(max-width:1100px){h1{font-size:35px}.experiment{grid-template-columns:235px minmax(0,1fr)}.loop-chain>div{padding:14px 10px}.loop-chain output{font-size:21px}.loop-chain h3{font-size:16px}.readouts{gap:9px;padding:18px 12px}.readouts strong{font-size:23px}.readouts>div+div{padding-left:8px}}
@media(max-width:740px){h1{font-size:32px}.intro .tag{display:none}.scene{height:340px;min-height:340px;flex:none}.loop-chain{grid-template-columns:1fr 18px 1fr;gap:8px}.loop-chain>span:nth-child(4){display:none}.loop-chain>div{padding:15px 12px}.loop-chain small{min-height:28px}.loop-chain output{font-size:23px}.return-path{margin:0 10px;gap:5px}.loop .section-heading{flex-wrap:wrap;gap:12px}.loop h2{font-size:23px}.comparison-actions>div{justify-content:flex-start}.phase-strip{gap:13px}.readouts{grid-template-columns:1fr 1fr}.readouts>div:nth-child(3){border-left:0;padding-left:0}.tracking-summary{gap:14px}.tracking-summary strong{font-size:24px}.scene-key{font-size:9px;max-width:115px}.scene-head>span{font-size:10px;max-width:190px}.curves h3{font-size:18px}.curves svg text{font-size:15px}.plot-key{font-size:10px;line-height:1.5}.control-label{margin-top:16px}}