.sky-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);gap:18px;align-items:start}.sky-surface{border:1px solid #3a4964;border-radius:16px;background:radial-gradient(ellipse at 50% 43%,#14233b,#060c1b 75%);padding:10px}.sky-surface canvas{display:block;width:100%;height:auto;touch-action:manipulation;cursor:crosshair}.sky-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.sky-location-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.sky-location-controls label:nth-child(3){grid-column:1/-1}.sky-now-row{grid-column:1/-1;display:flex;justify-content:flex-start;align-items:center}.sky-now-row button{min-width:130px}.sky-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 18px}.sky-buttons button{min-width:130px}.sky-buttons .sky-or{display:inline-flex;align-items:center;color:#bdd0e7;font-weight:600}.sky-buttons .sky-active{background:#2b7d72;border-color:#75ceb8}.sky-now-row button{padding:10px 15px;border-radius:8px;border:1px solid #548cd0;background:#1b5394;color:#fff;cursor:pointer}.sky-callout{border-left:3px solid #62aef6;background:#13253e;padding:12px 14px;border-radius:6px;margin:12px 0;color:#d5eaff;line-height:1.55}.sky-controls>*{min-width:0}.sky-controls label{display:grid;gap:5px;min-width:110px;flex:1}.sky-controls input{box-sizing:border-box;width:100%;padding:10px;border-radius:8px;background:#111d31;color:#f5f8ff;border:1px solid #53617a}.sky-controls select{box-sizing:border-box;width:100%;padding:10px;border-radius:8px;background:#111d31;color:#f5f8ff;border:1px solid #53617a}.sky-controls .sky-full{display:flex;gap:8px;align-items:center;min-width:auto;flex:0 1 auto;padding:10px}.sky-controls .sky-full input{width:auto}.sky-controls button,.sky-action{padding:10px 15px;border-radius:8px;border:1px solid #548cd0;background:#1b5394;color:#fff;cursor:pointer;text-decoration:none;display:inline-block}.sky-side{border:1px solid #354760;border-radius:14px;padding:18px;background:#101c2e;color:#e7efff}.sky-side h3{margin-top:0}.sky-side dt{color:#9eb1ca;margin-top:12px}.sky-side dd{margin:3px 0 0;font-weight:600}.sky-help{color:#b9cbe2;line-height:1.55}.sky-legend{font-size:.9rem;color:#bfcbdd;padding:6px 0}.sky-error{color:#ffb9b9}.sky-screenreader{position:absolute;left:-9999px}@media(max-width:790px){.sky-layout{grid-template-columns:1fr}.sky-location-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.sky-location-controls label:nth-child(3){grid-column:1/-1}.sky-now-row{grid-column:1/-1}}@media(max-width:480px){.sky-controls{grid-template-columns:1fr}.sky-location-controls label:last-child{grid-column:auto}.sky-buttons button{flex:1}}
.sky-find-controls{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin:15px 0}.sky-find-controls label{display:grid;gap:5px}.sky-find-controls input,.sky-find-controls select{min-width:0;width:100%;box-sizing:border-box;padding:10px;border:1px solid #53617a;border-radius:8px;background:#111d31;color:#fff}.sky-target-results{margin-top:18px}.sky-target-list{max-height:310px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:7px}.sky-target-item{background:#173553;border:1px solid #416288;color:#dceeff;border-radius:7px;text-align:left;cursor:pointer;padding:9px}.sky-target-item:hover,.sky-target-item:focus{background:#23547d;outline:1px solid #9ad5ff}@media(max-width:540px){.sky-find-controls{grid-template-columns:1fr}}
