*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:Inter,Microsoft YaHei,sans-serif;color:#ece9e3;background:#010308}#viewport{position:absolute;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none}.sky-guides{position:absolute;inset:0;pointer-events:none;overflow:hidden}.sky-guide{position:absolute;display:none;transform:translate(14px,-50%);padding-left:8px;border-left:1px solid rgba(218,225,229,.5);white-space:nowrap;text-shadow:0 1px 7px #000,0 1px 14px #000}.guide-name{display:block;color:#e4e8e8;font-size:11px;letter-spacing:.08em}.guide-kind{display:block;color:#a8b4b9;font-size:9px;margin-top:2px}.solar-guide{position:absolute;display:none;transform:translate(-50%,-100%);padding:3px 6px;color:#d5dce0;font-size:11px;letter-spacing:.07em;white-space:nowrap;text-shadow:0 1px 5px #000,0 1px 12px #000;border-bottom:1px solid rgba(185,198,205,.43)}.solar-guide-sun{color:#ffdf9a;border-bottom-color:#ffc6668c}.solar-guide-moon{color:#aeb6b8;font-size:10px;border-bottom-color:#a0afb64d}.sky-guide-eagle{transform:translate(18px,66px)}.sky-guide-hh30{transform:translate(18px,62px)}.sky-guide-crab{transform:translate(18px,68px)}.constellation-guide{position:absolute;display:none;transform:translate(-50%,-50%);color:#dce9e9;font-size:12px;letter-spacing:.14em;white-space:nowrap;text-shadow:0 1px 7px #000,0 1px 16px #000}.label{font-size:10px;letter-spacing:.19em;color:#b4b7b4}.panel{position:absolute;top:35px;right:35px;width:282px;padding:20px 21px 17px;background:#050910c2;border:1px solid rgba(178,185,190,.19);box-shadow:0 15px 55px #00000040;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);max-height:calc(100vh - 65px);overflow-y:auto}.panel.is-hidden{display:none}.panel-heading{display:flex;align-items:center;justify-content:space-between}.tiny{font-size:10px;color:#8999a3;letter-spacing:.03em;line-height:1.5}.route{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px}.route button,.gesture-panel button,#constellation-toggle,#ui-toggle{font:12px Inter,Microsoft YaHei,sans-serif;color:#d2dce1;background:#37454d38;border:1px solid rgba(164,183,192,.22);cursor:pointer}.route button{min-height:34px;padding:7px 5px}.route button:hover,.gesture-panel button:hover,#constellation-toggle:hover,#ui-toggle:hover{color:#fff;border-color:#d2dbdb80;background:#586b7661}.route .wide-button{grid-column:1/-1;color:#f3eee5;border-color:#cebea05c;background:#85705030}.route .feature-button{grid-column:1/-1}.rule{height:1px;background:#9db1bb29;margin:16px 0}.location-name{font-size:17px;letter-spacing:.08em;margin:11px 0 7px;color:#f3f1eb}.location-description{font-size:11px;line-height:1.75;color:#b2bec4;min-height:76px}#location-distance{margin-top:8px}.panel p{font-size:11px;line-height:1.9;color:#9caeb8;margin:9px 0 0}.gesture-panel button{width:100%;padding:9px;margin-top:11px}#constellation-toggle{width:100%;padding:9px;margin-top:10px}#constellation-toggle[aria-pressed=true]{border-color:#c3dadb7a;background:#546e784d}.panel .constellation-help{font-size:10px;line-height:1.65;margin-top:8px;color:#879ba5}.gesture-panel video{display:none;width:100%;aspect-ratio:4/3;object-fit:cover;transform:scaleX(-1);margin-top:10px;border:1px solid rgba(179,185,190,.2)}.gesture-panel video.is-live{display:block}.gesture-panel #gesture-status{min-height:2.5em;line-height:1.5}.stats{display:grid;gap:8px;font-size:11px;color:#9baab1}.stats span{display:flex;justify-content:space-between}.stats b{font-weight:500;color:#e0e7e8}.caption{position:absolute;left:44px;bottom:34px;color:#9aa8b2;font-size:11px;letter-spacing:.055em;pointer-events:none;text-shadow:0 2px 14px #000}#ui-toggle{position:absolute;right:35px;bottom:29px;padding:8px 12px;background:#04080ea8}#ui-toggle.with-panel{right:336px}@media(max-width:720px){.panel{right:10px;top:auto;bottom:52px;width:228px;padding:14px;max-height:calc(100vh - 120px)}.caption{left:19px;bottom:18px;font-size:9px;max-width:180px}#ui-toggle{right:10px;bottom:10px}#ui-toggle.with-panel{right:250px}.location-description{min-height:0}}