.radial-stage{position:relative}.radial-stage canvas{display:block}.radial-axes{position:absolute;bottom:12px;left:12px;width:125px;height:105px;color:#aec3d2;pointer-events:none;font:14px system-ui}.radial-lab .transport-readouts{font-variant-numeric:tabular-nums}
.trajectory-stage{position:relative}.view-axes{position:absolute;bottom:10px;left:10px;width:110px;height:110px;color:#aec3d2;fill:currentColor;pointer-events:none;font:13px system-ui}.axes-top{display:none}.trajectory-stage[data-view="top"] .axes-top{display:block}.trajectory-stage[data-view="top"] .axes-perspective{display:none}.comparison-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.comparison-pair canvas{height:360px}.comparison-title{margin-bottom:12px}.comparison-title.circular:before,.comparison-title.spiral:before{content:"";display:inline-block;width:26px;height:2px;vertical-align:middle;margin-right:10px}.comparison-title.circular:before{background:#e5b071}.comparison-title.spiral:before{background:#72a5d5}.comparison-pair figcaption{font-variant-numeric:tabular-nums}.transport-display label{min-width:0}.transport-display select{max-width:100%}@media(max-width:760px){.comparison-pair{grid-template-columns:1fr}.comparison-pair canvas{height:340px}.view-axes{width:95px;height:95px}}
.transport-display{display:grid;grid-template-columns:repeat(2,minmax(0,260px));align-items:end;gap:20px 24px;margin:28px 0 20px}
.transport-display>label.display-field{display:grid;gap:9px;margin:0;font-size:15px;line-height:1.4;min-width:0}
.transport-display>.display-field>span{display:block;min-height:21px}
.transport-display select{display:block;box-sizing:border-box;width:100%;height:48px;min-height:48px;margin:0;padding:10px 14px;background:#102330;border:1px solid #526c80;border-radius:4px;color:#dce9f4;font:inherit;line-height:1.4;color-scheme:dark}
.transport-display .display-checks{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px}
.transport-display .display-check{display:flex;align-items:center;gap:10px;margin:0;min-height:44px;font-size:15px;line-height:1.4;cursor:pointer}
.transport-display input[type="checkbox"]{appearance:auto;flex:0 0 20px;width:20px;height:20px;margin:0;accent-color:#6ea7db;cursor:pointer}
.transport-display :is(select,input):focus-visible{outline:2px solid #a9d5fa;outline-offset:4px}
.comparison-title.circular:before{background:#ffe88f}.comparison-title.spiral:before{background:#ff8c5c}
@media(max-width:540px){.transport-display{grid-template-columns:1fr;gap:18px}.transport-display .display-checks{display:grid;grid-template-columns:1fr;gap:4px}.transport-display select{font-size:16px}}