:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif;color:#e7ecf4;background:#050911;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #a7c9f4;outline-offset:4px}button{color:inherit;background:none;border:0}a{color:#9facbf;text-decoration:none}header{height:84px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0c}.brand{display:flex;align-items:center;gap:13px;font-size:17px;font-weight:600;letter-spacing:4px}.brand svg{width:28px;height:28px}.header-right{display:flex;gap:28px;align-items:center;font-size:12px;letter-spacing:.5px;color:#a0adc0}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a4e0cb;margin-right:8px;box-shadow:0 0 10px #75dbb65a}.outline{border:1px solid #ffffff24;border-radius:7px;padding:10px 15px}.outline:hover{background:#ffffff09}main{padding:35px 40px 0;max-width:1700px;margin:auto}.intro{display:flex;align-items:flex-end;justify-content:space-between}.eyebrow{font-size:10px;color:#9dafc7;letter-spacing:3px;margin:0 0 11px}h1{font-size:32px;font-weight:400;letter-spacing:-1.4px;margin:0 0 9px}.subtitle{font-size:13px;color:#8e9cb2;margin:0;line-height:1.7}.coordinates{font-family:ui-monospace,monospace;font-size:11px;color:#8d9aad;text-align:right;line-height:1.9}.layout{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:40px;margin-top:18px}.sky-wrap{height:min(65vw,690px);min-height:450px;position:relative;overflow:hidden;border-radius:8px}.sky-wrap canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.map-tag{position:absolute;top:14px;left:12px;font-size:10px;letter-spacing:2px;color:#93a6c4;pointer-events:none}.map-hint{position:absolute;bottom:14px;left:12px;font-size:11px;color:#7d8da5;pointer-events:none}.map-tools{position:absolute;right:14px;bottom:12px;display:flex;gap:4px}.map-tools button{width:32px;height:32px;border:1px solid #ffffff15;border-radius:5px;background:#0c1425c9;font-size:19px}.tooltip{position:absolute;pointer-events:none;background:#101b2bef;border:1px solid #688aaf66;border-radius:8px;padding:12px 17px;z-index:4;min-width:160px;box-shadow:0 8px 40px #0008}.tooltip strong{display:block;font-size:14px;font-weight:500;margin-bottom:4px}.tooltip span{color:#aebfd3;font-size:12px}.tooltip small{display:block;color:#7290b0;font-size:10px;margin-top:9px;letter-spacing:1px}.sidebar{padding-top:17px}.section-title{font-size:10px;letter-spacing:2px;color:#899bb4;display:flex;justify-content:space-between;margin:0 0 18px}.section-title b{font-weight:400;color:#cad9eb}#location-name{font-size:21px;margin:0 0 8px;letter-spacing:-.5px}.location-note{font-size:11px;color:#91a1b7;line-height:1.8;margin:0 0 15px}.primary{border:1px solid #7798be66;background:#94bdeb0a;border-radius:6px;width:100%;padding:11px;font-size:12px;color:#cbdff8}.primary:hover{background:#94bdeb20}.panel-section{border-bottom:1px solid #ffffff10;padding-bottom:25px;margin-bottom:25px}.sky-condition{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#aebed1;margin-top:18px}.sky-condition span{font-size:10px;color:#8f9eb2}.constellation-list{display:flex;flex-direction:column;gap:2px;max-height:238px;overflow:auto;scrollbar-width:thin;scrollbar-color:#253449 transparent}.constellation-item{padding:9px 8px;text-align:left;display:flex;align-items:center;justify-content:space-between;border-radius:5px}.constellation-item:hover,.constellation-item.selected{background:#8cabd512}.constellation-item strong{display:block;font-size:12px;font-weight:400}.constellation-item small{display:block;font-size:10px;color:#8293ab;margin-top:4px}.constellation-item .altitude{font-size:10px;font-family:ui-monospace,monospace;color:#8b9eb8}.setting{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:16px 0}.setting input[type=checkbox]{appearance:none;width:29px;height:16px;background:#243044;border-radius:10px;position:relative;cursor:pointer;margin:0}.setting input[type=checkbox]:checked{background:#7399c5}.setting input[type=checkbox]:after{content:"";position:absolute;left:3px;top:3px;width:10px;height:10px;background:#e5edf7;border-radius:50%;transition:left .15s}.setting input[type=checkbox]:checked:after{left:16px}.setting select{font-size:11px;color:#a8b9ce;border:1px solid #ffffff15;padding:5px;border-radius:5px;background:#0a101c}.slider-label{display:flex;justify-content:space-between;font-size:11px;color:#8e9fb8;margin:17px 0 8px}input[type=range]{accent-color:#9bbde4;width:100%;height:3px}.timeline{display:flex;align-items:center;gap:24px;border-top:1px solid #ffffff12;padding:20px 0;margin-top:8px}.time-text{min-width:154px}.time-text strong{display:block;font-size:19px;letter-spacing:1px;font-weight:400;font-variant-numeric:tabular-nums}.time-text small{display:block;font-size:10px;color:#8b9bb3;margin-top:7px}.timeline-slider{flex:1}.timeline-labels{display:flex;justify-content:space-between;color:#768aa5;font-size:9px;margin-top:10px;font-variant-numeric:tabular-nums}.live-button{border:1px solid #58779855;border-radius:5px;padding:10px 14px;font-size:11px;white-space:nowrap}.live-button.active{color:#b3ddcb;border-color:#79b89e55;background:#71b99d0a}footer{border-top:1px solid #ffffff0c;padding:19px 40px;display:flex;justify-content:space-between;gap:18px;font-size:10px;color:#738299;line-height:1.6}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#172237;border:1px solid #56729077;border-radius:8px;padding:12px 18px;font-size:12px;max-width:90vw;z-index:20}.modal{background:#0d1523;border:1px solid #ffffff25;border-radius:12px;color:#e7ecf4;padding:28px;width:min(420px,90vw)}.modal::backdrop{background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal h2{font-size:20px;font-weight:500;margin:0 0 20px}.modal label{font-size:12px;color:#a4b5cf;display:block;margin:16px 0 8px}.modal input,.modal select{width:100%;background:#050b14;border:1px solid #ffffff24;border-radius:6px;color:#e7ecf4;padding:10px}.modal p{font-size:11px;color:#8c9cb3;line-height:1.8}.modal-actions{display:flex;gap:10px;margin-top:22px}.modal-actions button{flex:1}.loading{position:absolute;inset:0;display:grid;place-items:center;color:#91a8c5;font-size:13px}.error{color:#efb5a4}.search{width:100%;background:#0b1320;border:1px solid #ffffff12;border-radius:5px;padding:8px 10px;font-size:11px;color:#d9e5f6;margin-bottom:12px}.hint{font-size:10px;color:#71849e;line-height:1.9}.north{color:#b4cfea}@media(min-width:1450px){.sky-wrap{height:740px}}@media(max-width:850px){header{padding:0 22px;height:68px}.header-right{gap:14px}.header-right .interval{display:none}main{padding:26px 20px 0}h1{font-size:26px}.layout{grid-template-columns:minmax(0,1fr) 230px;gap:18px}.sky-wrap{min-height:400px;height:560px}.coordinates{display:none}.sidebar{padding-top:8px}.timeline{gap:12px}footer{padding:18px 22px}}@media(max-width:620px){header{padding:0 18px}.brand{font-size:13px;letter-spacing:3px}.header-right{font-size:10px}.header-right .outline{padding:8px 10px}main{padding:24px 15px 0}h1{font-size:27px}.subtitle{font-size:12px}.layout{display:flex;flex-direction:column;gap:8px;margin-top:16px}.sky-wrap{height:108vw;min-height:350px;max-height:580px}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sidebar .panel-section{padding-bottom:15px;margin-bottom:0}.sidebar .settings-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.settings-panel .section-title{grid-column:1/-1;margin-bottom:0}.settings-panel .hint{grid-column:1/-1}.constellation-list{max-height:192px}.section-title{font-size:9px;letter-spacing:1px}.timeline{flex-wrap:wrap;margin-top:20px;gap:12px}.time-text{min-width:120px}.time-text strong{font-size:17px}.timeline-slider{order:3;flex-basis:100%;padding:4px 0 8px}.live-button{margin-left:auto}footer{flex-direction:column;padding:16px 20px;gap:8px}.map-hint{font-size:9px;left:5px}.map-tag{left:5px;font-size:9px}.intro{display:block}.location-note{font-size:10px}.constellation-item{padding:7px 4px}.primary{font-size:11px}}[hidden]{display:none!important}