.sky-meta{padding:0 24px 12px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font:9px/1.7 Consolas,monospace;color:#b5c5d6}
.sky-meta time{color:#9dabbc}
.sky-view{margin:0 14px;position:relative;aspect-ratio:1000/680;border:1px solid #314154;border-radius:9px;overflow:hidden;background:#101c2b}
.sky-view canvas{width:100%;height:100%;display:block;cursor:crosshair;touch-action:pan-y}
.sky-view-label{position:absolute;left:14px;bottom:12px;color:#899cad;font:8px Consolas,monospace;letter-spacing:.07em;pointer-events:none}
.sky-overlay{position:absolute;inset:0;background:#0c1521ba;display:grid;place-content:center;text-align:center;padding:30px;font-size:13px;line-height:1.8;backdrop-filter:blur(2px)}
.sky-controls{padding:12px 24px 0}
.sky-control-row,.sky-timeline,.sky-object-row{display:flex;align-items:center;gap:12px;justify-content:space-between}
.sky-city,.sky-object-row>label{min-width:0;flex:1}
.sky-card select{width:100%;max-width:100%;font:11px var(--font);color:#c8d3e0;border:1px solid #354559;border-radius:5px;background:#121e2b;padding:11px 8px;cursor:pointer}
.sky-card button{font-size:11px;min-height:38px;border:1px solid #435267;border-radius:5px;padding:8px 10px;color:#d3bfaa;white-space:nowrap}
.sky-card button:hover{border-color:#e6ad8a}
.sky-card button[aria-pressed=true]{border-color:#d6aa86;background:#d6aa8618;color:#f1d5bc}
.sky-card button:disabled,.sky-card select:disabled{opacity:.45}
.sky-timeline{margin-top:12px;gap:8px}
.sky-timeline>label{flex:1;min-width:30px;display:flex;align-items:center}
.sky-timeline input{width:100%;margin:0;height:34px;accent-color:#e6ad8a;cursor:ew-resize}
.sky-timeline output{font:10px Consolas,monospace;color:#acbdd0;min-width:43px;text-align:right}
.sky-condition{font-size:11px;line-height:1.7;color:#b2c1d2;min-height:39px;padding-block:9px}
.sky-object-row{border-top:1px solid #314154;padding-top:12px;gap:10px}
.sky-object-info{font-size:11px;color:#e1c6aa;line-height:1.7;margin-top:10px;min-height:19px}
.sky-status{font-size:10px;line-height:1.6;color:#a4b9cb;min-height:8px}
.sky-status:not(:empty){margin-top:6px}
.sky-footnote{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:13px 24px 17px;font-size:9px;line-height:1.7;color:#91a2b5}
.sky-footnote a{color:#b9a792;white-space:nowrap}
@media(max-width:1000px){.sky-meta{padding-inline:18px}.sky-controls{padding-inline:18px}.sky-footnote{padding-inline:18px}.sky-card button,.sky-card select{font-size:10px}.sky-timeline{gap:6px}}
@media(max-width:760px){.sky-view{margin-inline:12px}.sky-meta{font-size:9px}.sky-controls{padding:12px 16px 0}.sky-view-label{font-size:7px;bottom:8px}.sky-footnote{padding-inline:16px}.sky-card button{min-height:44px}.sky-card select{min-height:44px}.sky-timeline output{font-size:9px;min-width:37px}.sky-timeline{gap:6px}.sky-card button{padding-inline:8px}}