:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070914;--panel:#0d1122e0;--card:#11162bc7;--line:#9dabda29;--line-strong:#9dabda47;--text:#f3f5ff;--muted:#929ab6;--violet:#9878ff;--cyan:#65e4dc;--amber:#ffc96b;--green:#76e6a5;--danger:#ff8a9a;--radius:18px}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 70% -10%, #252052 0, transparent 35%), radial-gradient(circle at 30% 110%, #10263a 0, transparent 35%), var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button,select,input{color:inherit}button{cursor:pointer}.stars{z-index:-1;pointer-events:none;opacity:.3;background-image:radial-gradient(circle,#fff 0 1px,#0000 1.3px),radial-gradient(circle,#aaa7ff 0 1px,#0000 1.3px);background-position:0 0,43px 71px;background-size:113px 113px,173px 173px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 65%);mask-image:linear-gradient(#000,#0000 65%)}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#070914b8;justify-content:space-between;align-items:center;min-height:78px;padding:14px 28px;display:flex;position:sticky;top:0}.brand{color:var(--text);align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark{background:linear-gradient(145deg,#9878ff3d,#65e4dc1f);border:1px solid #9878ff4d;border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.brand-mark svg{fill:none;width:33px;stroke:var(--cyan);stroke-width:1.5px}.brand strong{letter-spacing:-.03em;font-size:18px;display:block}.brand small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:1px;font-size:11px;display:block}.top-actions{align-items:center;gap:16px;display:flex}.install-button{color:var(--cyan);white-space:nowrap;background:#65e4dc14;border:1px solid #65e4dc5c;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:650}.install-button:hover{background:#65e4dc24}.install-button[hidden]{display:none}.location-chip{border:1px solid var(--line);color:#cbd1e7;background:#ffffff06;border-radius:999px;padding:9px 12px;font-size:13px}.pulse{background:var(--green);width:7px;height:7px;box-shadow:0 0 10px var(--green);border-radius:50%;margin-right:7px;display:inline-block}.date-field{color:var(--muted);align-items:center;gap:9px;font-size:12px;display:flex}.date-field input,select{border:1px solid var(--line-strong);background:#11162be6;border-radius:9px;outline:none;padding:8px 10px}input:focus,select:focus,button:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.app-shell{grid-template-columns:300px minmax(0,1fr);max-width:1540px;margin:0 auto;display:grid}.setup-panel{border-right:1px solid var(--line);background:#080b188f;min-height:calc(100vh - 78px);padding:32px 24px}.panel-heading h1{letter-spacing:-.035em;margin:3px 0 9px;font-size:24px}.panel-heading>p:last-child{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.eyebrow{color:var(--violet);letter-spacing:.16em;margin:0 0 5px;font-size:10px;font-weight:700}.control-section{border-top:1px solid var(--line);margin-top:26px;padding-top:23px}.control-section h2{margin:0 0 14px;font-size:13px;font-weight:650}.mount-switch,.observation-switch{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mount-switch label,.observation-switch label{cursor:pointer}.mount-switch input,.observation-switch input{opacity:0;position:absolute}.mount-switch span,.observation-switch span{border:1px solid var(--line);background:#ffffff05;border-radius:12px;flex-direction:column;justify-content:center;min-height:70px;padding:12px;transition:all .2s;display:flex}.mount-switch input:checked+span,.observation-switch input:checked+span{border-color:var(--violet);background:#9878ff21;box-shadow:inset 0 0 0 1px #9878ff2e}.mount-switch b,.observation-switch b{font-size:12px;font-weight:600}.mount-switch small,.observation-switch small{color:var(--muted);margin-top:3px}.observation-section{margin-top:22px;padding-top:19px}.observation-switch span{min-height:58px}.mode-hint{color:var(--muted);margin:9px 1px 0;font-size:10px;line-height:1.45}.section-title{justify-content:space-between;align-items:baseline;display:flex}.text-button{color:var(--muted);background:0 0;border:0;padding:2px;font-size:11px}.text-button:hover{color:var(--text)}.dimensions label{margin-top:15px;display:block}.dimensions label[hidden]{display:none}.dimensions label>span{color:#cbd1e7;justify-content:space-between;font-size:12px;display:flex}output{color:var(--cyan);font-variant-numeric:tabular-nums}input[type=range]{width:100%;height:4px;accent-color:var(--violet);margin:11px 0 0}.inline-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.inline-fields label{color:var(--muted);font-size:11px}.inline-fields label span{border:1px solid var(--line);background:#ffffff06;border-radius:9px;align-items:center;margin-top:5px;padding-right:9px;display:flex}.inline-fields input{background:0 0;border:0;outline:0;width:100%;padding:9px}.field-mode{border:1px solid var(--line);background:#ffffff05;border-radius:10px;grid-template-columns:1fr 1fr;gap:5px;padding:4px;display:grid}.field-mode label{cursor:pointer}.field-mode input{opacity:0;position:absolute}.field-mode span{color:var(--muted);text-align:center;border-radius:7px;padding:7px 5px;font-size:10px;display:block}.field-mode input:checked+span{color:var(--text);background:#9878ff2e}.horizontal-fields{margin-top:12px}.horizontal-fields[hidden]{display:none}.field-hint{min-height:16px;color:var(--cyan);margin:9px 0 0;font-size:10px}.location-section{margin-top:22px;padding-top:19px}.location-section .section-title h2{margin-bottom:0}.gps-button{color:var(--cyan)}.gps-button:disabled,.location-search button:disabled{cursor:progress;opacity:.55}.location-search-label{color:var(--muted);margin-top:13px;font-size:11px;display:block}.location-search{grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-top:5px;display:grid}.location-search input,.location-search button{border:1px solid var(--line);background:#ffffff06;border-radius:9px}.location-search input{outline:0;min-width:0;padding:9px}.location-search button{color:var(--cyan);padding:8px 10px}.location-name{color:var(--muted);margin-top:13px;font-size:11px;display:block}.location-name input{border:1px solid var(--line);background:#ffffff06;border-radius:9px;outline:0;width:100%;margin-top:5px;padding:9px;display:block}.location-fields{margin-top:10px}.location-status{min-height:28px;color:var(--muted);margin:9px 1px 0;font-size:10px;line-height:1.4}.location-status.error{color:var(--danger)}.location-attribution{color:#68708c;margin:5px 1px 0;font-size:9px;line-height:1.4}.location-attribution a{color:#929ab6}.compass-mini{color:var(--muted);justify-content:space-between;align-items:center;margin-top:17px;font-size:10px;display:flex;position:relative}.compass-mini:before{content:"";background:linear-gradient(90deg, var(--line), var(--violet), var(--cyan), var(--line));z-index:-1;height:2px;position:absolute;top:50%;left:14px;right:14px}.compass-mini b{color:#c6cce2;background:#0b0f20;border-radius:5px;padding:4px 7px;font-weight:500}.compass-mini i{background:var(--violet);border-radius:50%;width:6px;height:6px}.tip{background:#65e4dc12;border:1px solid #65e4dc21;border-radius:12px;gap:10px;margin-top:26px;padding:12px;display:flex}.tip>span{width:19px;height:19px;color:var(--cyan);border:1px solid #65e4dc66;border-radius:50%;flex:0 0 19px;place-items:center;font-size:11px;display:grid}.tip p{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.tip strong{color:#dce1f2;display:block}.workspace{min-width:0;padding:32px clamp(20px,3.2vw,48px) 50px}.workspace-heading{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.workspace-heading h2{letter-spacing:-.04em;margin:0;font-size:27px}.legend{color:var(--muted);gap:15px;font-size:11px;display:flex}.legend span{align-items:center;gap:6px;display:flex}.dot{border-radius:50%;width:7px;height:7px;display:inline-block}.target-dot{background:var(--amber);box-shadow:0 0 8px #ffc96bb3}.line{border-radius:2px;width:17px;height:3px;display:inline-block}.visible-line{background:linear-gradient(90deg, var(--violet), var(--cyan))}.pollution-line{background:var(--danger);opacity:.65}.trajectory-line{border-top:2px dashed var(--violet);height:0}.metrics{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);grid-template-columns:repeat(3,1fr);margin-bottom:16px;display:grid}.metrics article{padding:16px 19px}.metrics article+article{border-left:1px solid var(--line)}.metrics span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px;display:block}.metrics strong{font-variant-numeric:tabular-nums;margin:5px 0 2px;font-size:21px;font-weight:600;display:block}.metrics small{color:var(--muted);font-size:11px}.sky-card,.timeline-card,.catalog-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);overflow:hidden}.sky-toolbar{justify-content:space-between;align-items:center;padding:14px 18px 8px;display:flex}.sky-toolbar strong{font-size:13px;display:block}.sky-toolbar span{color:var(--muted);font-size:11px}.sky-toolbar button{border:1px solid var(--line);background:#ffffff09;border-radius:8px;padding:6px 10px;font-size:11px}.day-nav{gap:5px;display:flex}.day-nav button:first-child,.day-nav button:last-child{color:#cbd1e7}.time-slider-wrap{padding:8px 18px 2px}.time-slider-heading{justify-content:space-between;align-items:baseline;display:flex}.time-slider-heading label{color:#dce1f2;font-size:11px;font-weight:600}.time-slider-heading output{color:var(--cyan);font-size:11px}.time-slider-track{padding-bottom:7px;position:relative}.time-slider-wrap input{width:100%;accent-color:var(--cyan);z-index:2;margin:10px 0 4px;display:block;position:relative}.visibility-bands{background:#929ab629;border-radius:999px;height:4px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.visibility-bands span{background:var(--cyan);border-radius:999px;min-width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 7px #65e4dcb3}.hour-scale{color:#68708c;letter-spacing:.08em;justify-content:space-between;font-size:8px;display:flex}.hour-scale small{color:var(--violet);text-align:center;margin-top:1px;font-size:7px;display:block}.visibility-summary{min-height:15px;color:var(--muted);margin:5px 0 0;font-size:10px}.visibility-summary strong{color:var(--cyan);font-weight:600}#skyMap{width:100%;height:auto;min-height:310px;display:block}.map-empty{text-align:center;color:var(--muted);padding:0 16px 16px;font-size:12px}.planner-grid{grid-template-columns:minmax(0,1.45fr) minmax(310px,.85fr);gap:16px;margin-top:16px;display:grid}.timeline-card,.catalog-card{padding:18px}.card-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.timeline-card .card-heading{flex-wrap:wrap}.card-heading h3{margin:0;font-size:16px}.card-heading select{width:100%;padding:7px 9px;font-size:11px}.catalog-picker{grid-template-columns:135px minmax(175px,1fr);gap:7px;min-width:317px;margin-left:auto;display:grid}.catalog-picker label{min-width:0;color:var(--muted);font-size:9px}.catalog-picker label>span{text-transform:uppercase;letter-spacing:.08em;margin:0 0 4px 2px;display:block}#timeline{width:100%;height:auto;margin-top:10px;display:block}.best-window{color:var(--muted);margin:5px 0 0;padding-left:8px;font-size:11px}.best-window strong{color:var(--green)}.solar-warning{color:var(--danger)}.count-badge{color:var(--green);white-space:nowrap;background:#76e6a514;border:1px solid #76e6a540;border-radius:999px;padding:5px 8px;font-size:10px}.target-list{gap:4px;margin-top:13px;display:grid}.target-item{width:100%;color:var(--text);text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:8px;display:grid}.target-item:hover,.target-item.active{background:#9878ff1a}.target-icon{width:28px;height:28px;color:var(--violet);background:#9878ff1f;border-radius:50%;place-items:center;font-size:13px;display:grid}.target-item strong{font-size:12px;font-weight:600;display:block}.target-item small{color:var(--muted);margin-top:2px;font-size:10px;display:block}.target-pos{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px}.target-pos b{color:#d8dded;font-size:11px;font-weight:500;display:block}footer{border-top:1px solid var(--line);color:#68708c;justify-content:space-between;max-width:1540px;margin:0 auto;padding:17px 28px;font-size:10px;display:flex}.install-dialog{border:1px solid var(--line-strong);width:min(420px,100% - 32px);color:var(--text);background:#11162b;border-radius:20px;padding:0;box-shadow:0 24px 80px #0000008c}.install-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#04060ec2}.install-dialog form{text-align:center;padding:28px;position:relative}.install-dialog-icon{margin:0 auto 16px}.install-dialog h2{margin:0;font-size:20px}.install-dialog p{color:var(--muted);margin:12px 0 22px;font-size:14px;line-height:1.55}.dialog-close{color:var(--muted);background:0 0;border:0;padding:4px 8px;font-size:22px;position:absolute;top:10px;right:12px}.dialog-done{background:#9878ff29;border:1px solid #9878ff73;border-radius:10px;width:100%;padding:10px 14px;font-weight:650}.update-notice{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#11162bf7;border:1px solid #65e4dc4d;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:min(480px,100% - 32px);padding:14px;display:grid;position:fixed;bottom:20px;right:20px;box-shadow:0 18px 60px #00000080}.update-notice[hidden]{display:none}.update-notice-icon{width:34px;height:34px;color:var(--cyan);background:#65e4dc1a;border-radius:10px;place-items:center;font-size:20px;font-weight:700;display:grid}.update-notice strong,.update-notice span{display:block}.update-notice strong{font-size:13px}.update-notice div>span{color:var(--muted);margin-top:3px;font-size:11px}.update-notice-actions{gap:6px;display:flex}.update-notice button{border-radius:9px;padding:8px 10px;font-size:11px}.update-later{border:1px solid var(--line);color:var(--muted);background:0 0}.update-now{color:var(--cyan);background:#65e4dc1a;border:1px solid #65e4dc61;font-weight:650}.update-now:disabled{cursor:progress;opacity:.65}.chart-grid{stroke:#9dabda21;stroke-width:1px}.chart-axis{fill:#79819d;font-size:11px}.visible-zone{fill:url(#visibleGradient);stroke:#65e4dc8c;stroke-width:1.2px}.pollution-zone{fill:#ff8a9a13}.pollution-boundary{stroke:#ff8a9a8c;stroke-width:1px;stroke-dasharray:4 4}.pollution-label{fill:#d99aa5;font-size:10px}.blocked-zone{fill:#ffffff04}.boundary-label{fill:#aeb5cb;font-size:10px}.target-point{cursor:pointer}.target-point circle.core{fill:#ffc96b;stroke:#fff4d8;stroke-width:1px}.target-point circle.glow{fill:#ffc96b29}.target-point text{fill:#f3f5ff;paint-order:stroke;stroke:#0c1020;stroke-width:4px;stroke-linejoin:round;font-size:11px;font-weight:600}.trajectory-path{fill:none;stroke:#9878ff9e;stroke-width:2px;stroke-dasharray:5 5}.trajectory-visible{fill:none;stroke:#65e4dc;stroke-width:3px}.trajectory-time{fill:#929ab6;paint-order:stroke;stroke:#0c1020;stroke-width:3px;font-size:9px}.trajectory-node{fill:#9878ff;stroke:#dcd2ff;stroke-width:1px}.trajectory-current{fill:#ffc96b;stroke:#fff4d8;stroke-width:2px}.trajectory-current-ring{fill:none;stroke:#ffc96b8c;stroke-width:2px}.trajectory-current-label{fill:#f3f5ff;paint-order:stroke;stroke:#0c1020;stroke-width:4px;font-size:11px;font-weight:600}.timeline-area{fill:url(#timelineGradient)}.timeline-path{fill:none;stroke:#9878ff;stroke-width:2.5px}.timeline-good{fill:#76e6a514}.timeline-now{stroke:#ffc96b;stroke-width:1px;stroke-dasharray:3 3}@media (width<=1050px){.app-shell{grid-template-columns:260px minmax(0,1fr)}.setup-panel{padding:28px 18px}.planner-grid{grid-template-columns:1fr}}@media (width<=760px){.topbar{align-items:flex-start;padding:12px 16px}.location-chip{display:none}.date-field{display:block}.date-field input{width:170px;margin-top:3px;display:block}.app-shell{display:block}.setup-panel{border-right:0;border-bottom:1px solid var(--line);min-height:auto}.workspace{padding:26px 16px 40px}.metrics{grid-template-columns:1fr}.metrics article+article{border-left:0;border-top:1px solid var(--line)}.workspace-heading{align-items:flex-start}.legend{display:none}#skyMap{min-height:250px}footer{padding:15px 16px;line-height:1.7;display:block}footer span{display:block}}@media (width<=430px){.brand small{display:none}.brand-mark{width:38px;height:38px}.top-actions{gap:8px}.install-button{padding:8px 10px;font-size:11px}.update-notice{grid-template-columns:auto 1fr;width:auto;bottom:16px;left:16px;right:16px}.update-notice-actions{grid-column:1/-1}.update-notice button{flex:1}.date-field{font-size:0}.date-field input{width:162px;margin:0;font-size:11px}.workspace-heading h2{font-size:23px}.sky-toolbar{align-items:flex-start;gap:10px}.day-nav{flex-wrap:wrap;justify-content:flex-end}.day-nav button{padding-inline:7px}.card-heading{display:block}.catalog-picker{grid-template-columns:1fr;width:100%;min-width:0;margin:10px 0 0}}