:root{color-scheme:light dark}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0b0e14;font-family:system-ui,-apple-system,Hiragino Sans,sans-serif}#app{position:fixed;inset:0}#app canvas{display:block;touch-action:none}.modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#06090eb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.modal.hidden{display:none}.modal-card{max-width:460px;background:#141924;color:#e8ecf3;border:1px solid #2a3242;border-radius:14px;padding:26px 24px;box-shadow:0 20px 60px #00000080}.modal-card h1{font-size:19px;margin-bottom:14px;letter-spacing:.02em}.modal-card p{font-size:14px;line-height:1.75;margin-bottom:12px;color:#cdd4df}.modal-card p.fine{font-size:12px;color:#8a93a3}.modal-card strong{color:#ffd9a3}#agree{margin-top:8px;width:100%;padding:13px;font-size:15px;font-weight:600;color:#0b0e14;background:#e8b979;border:none;border-radius:10px;cursor:pointer}#agree:active{transform:translateY(1px)}#footer{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;flex-direction:column;gap:2px;padding:7px 12px calc(7px + env(safe-area-inset-bottom));background:linear-gradient(to top,#06090edb,#06090e00);color:#aeb6c2;font-size:10.5px;line-height:1.5;pointer-events:none}#footer .disc{color:#d7b98f}#footer .src{color:#7f8896}#footer .credit{color:#b9c6d8;text-decoration:underline;pointer-events:auto}#footer .credit:hover{color:#e8b979}.panel{position:fixed;z-index:45;left:50%;transform:translate(-50%);bottom:calc(46px + env(safe-area-inset-bottom));width:min(560px,calc(100vw - 28px));background:#10151ed1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #2a3242;border-radius:12px;padding:11px 15px 9px;color:#e8ecf3;box-shadow:0 8px 26px #0006}.panel.top{bottom:auto;top:calc(12px + env(safe-area-inset-top))}.time-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}#time-readout{font-size:13.5px;font-weight:600;letter-spacing:.02em;color:#ffe0b0}#date-input{background:#0a0e16b3;color:#e8ecf3;border:1px solid #384254;border-radius:7px;padding:4px 7px;font-size:12px;font-family:inherit}#time-slider{flex:1 1 auto;height:26px;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}#time-slider::-webkit-slider-runnable-track{height:4px;border-radius:3px;background:linear-gradient(90deg,#243049,#7fa8d8,#ffd9a3,#7fa8d8,#243049)}#time-slider::-moz-range-track{height:4px;border-radius:3px;background:linear-gradient(90deg,#243049,#7fa8d8,#ffd9a3,#7fa8d8,#243049)}#time-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;margin-top:-8px;border-radius:50%;background:#ffe6c0;border:2px solid #0b0e14;box-shadow:0 1px 4px #00000080}#time-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#ffe6c0;border:2px solid #0b0e14}.season-row{display:flex;gap:6px;margin-top:9px}.season{flex:1 1 0;padding:6px 4px;font-size:12px;font-weight:600;cursor:pointer;color:#dfe6ef;background:#28324299;border:1px solid #384254;border-radius:8px;font-family:inherit}.season:hover{background:#3a465ab3}.season:active{transform:translateY(1px)}.vp-row{display:flex;gap:6px;margin-bottom:10px}.vp{flex:1 1 0;padding:6px 3px;font-size:11.5px;font-weight:600;cursor:pointer;color:#c9d2df;background:#28324299;border:1px solid #384254;border-radius:8px;font-family:inherit;white-space:nowrap}.vp:hover{background:#3a465ab3}.vp:active{transform:translateY(1px)}.vp.on{color:#0b0e14;background:#e8b979;border-color:#e8b979}#height-readout{font-size:14px;font-weight:600;letter-spacing:.02em;color:#ffdca6;margin-bottom:7px}.slider-row{display:flex;align-items:center;gap:10px}.slider-row .tick{font-size:10px;color:#8a93a3;flex:0 0 auto}#height-slider{flex:1 1 auto;height:26px;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}#height-slider::-webkit-slider-runnable-track{height:4px;border-radius:3px;background:linear-gradient(90deg,#3a4658,#e8b979)}#height-slider::-moz-range-track{height:4px;border-radius:3px;background:linear-gradient(90deg,#3a4658,#e8b979)}#height-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;margin-top:-8px;border-radius:50%;background:#ffdca6;border:2px solid #0b0e14;box-shadow:0 1px 4px #00000080}#height-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#ffdca6;border:2px solid #0b0e14}.panel .hint{margin-top:5px;font-size:10.5px;color:#7f8896;text-align:center}.landmark{padding:3px 9px;border-radius:12px;white-space:nowrap;font-size:12px;font-weight:600;color:#f2f5fa;background:#0c111a9e;border:1px solid rgba(255,255,255,.18);box-shadow:0 2px 8px #00000059;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.6);letter-spacing:.02em}#mode-btn{position:fixed;z-index:46;right:calc(96px + env(safe-area-inset-right));top:calc(14px + env(safe-area-inset-top));display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:22px;cursor:pointer;color:#e8ecf3;background:#10151ed1;border:1px solid #384254;font-family:inherit;font-size:13px;font-weight:700;box-shadow:0 4px 14px #00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#mode-btn.on{color:#0b0e14;background:#7fbcff;border-color:#7fbcff}#mode-btn:active{transform:translateY(1px)}#mode-btn svg{display:block}#share-btn{position:fixed;z-index:46;right:calc(14px + env(safe-area-inset-right));top:calc(14px + env(safe-area-inset-top));display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:22px;cursor:pointer;color:#0b0e14;background:#e8b979;border:none;font-family:inherit;font-size:13px;font-weight:700;box-shadow:0 4px 14px #00000059}#share-btn:active{transform:translateY(1px)}#share-btn svg{display:block}#toast{position:fixed;z-index:60;left:50%;top:calc(64px + env(safe-area-inset-top));transform:translate(-50%) translateY(-8px);max-width:min(92vw,520px);padding:9px 16px;border-radius:10px;font-size:13px;color:#fff;background:#141a24f0;border:1px solid #333c4d;box-shadow:0 6px 20px #00000073;opacity:0;pointer-events:none;transition:opacity .22s,transform .22s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}#compass{position:fixed;z-index:46;left:calc(14px + env(safe-area-inset-left));top:calc(14px + env(safe-area-inset-top));width:62px;height:62px;border-radius:50%;background:#10151ec7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #2a3242;box-shadow:0 6px 18px #0006}#compass .dial{position:absolute;inset:0}#compass .c{position:absolute;left:50%;top:50%;font-size:11px;font-weight:700;transform-origin:0 0}#compass .c-n{color:#ff7b7b;transform:translate(-50%,-50%) translateY(-23px)}#compass .c-e{color:#cdd4df;transform:translate(-50%,-50%) translate(23px)}#compass .c-s{color:#cdd4df;transform:translate(-50%,-50%) translateY(23px)}#compass .c-w{color:#cdd4df;transform:translate(-50%,-50%) translate(-23px)}#compass .pointer{position:absolute;left:50%;top:3px;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:8px solid #ffca7a}#compass .facing{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:13px;font-weight:700;color:#ffdca6}#loading{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:30;color:#cdd4df;font-size:13px;letter-spacing:.05em}