@font-face{font-family:Manrope;src:url(/fonts/Manrope.woff2)format("woff2");font-weight:200 800;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono.woff2)format("woff2");font-weight:100 800;font-style:normal;font-display:swap}.timepanel{box-sizing:border-box;color:#e8e6df;user-select:none;-webkit-backdrop-filter:blur(16px)brightness(.4);background:#080a12d9;border:1px solid #f4b86024;border-radius:20px;width:min(94vw,480px);padding:18px 22px 16px;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:box-shadow .5s,border-color .5s;animation:.6s cubic-bezier(.16,1,.3,1) both panelRise;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000073,inset 0 0 0 1px #ffffff05}@keyframes panelRise{0%{opacity:0;transform:translate(-50%,18px)}to{opacity:1;transform:translate(-50%)}}.timepanel.is-live{border-color:#f4b86038;box-shadow:0 12px 40px #00000073,inset 0 0 0 1px #ffffff05,0 0 34px -10px #f4b86073}.timepanel:hover{border-color:#f4b8604d}.timepanel .toprow{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.timepanel .datenav{align-items:center;gap:2px;display:flex}.timepanel .dayBtn{appearance:none;color:#9ba0ac;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-family:inherit;font-size:15px;line-height:1;transition:color .15s,background .15s,transform .15s;display:inline-flex}.timepanel .dayBtn:hover{color:#f4b860;background:#f4b8601a}.timepanel .dayBtn:active{transform:scale(.85)}.timepanel .date{color:#bcbfc9;white-space:nowrap;font-size:12px}.timepanel .time{align-items:baseline;gap:7px;display:inline-flex}.timepanel .clockDigits{color:#f4b860;font-variant-numeric:tabular-nums;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:24px;font-weight:600}.timepanel .clockDigits .sep{color:#f4b8608c;padding:0 1px;display:inline-block}.timepanel .tz{color:#8b90a0;font-size:11px}.timepanel .sliderrow{--day-track:linear-gradient(to right, #03040a 0%, #0d1020 6%, #1c2140 14%, #6a7fd1 21%, #e8746f 27%, #f4b860 36%, #fdeacb 50%, #f4b860 64%, #e8746f 73%, #6a7fd1 79%, #1c2140 86%, #0d1020 94%, #03040a 100%);margin-top:16px;position:relative}.timepanel .sliderElapsed{pointer-events:none;z-index:1;background:#03040a66;border-radius:3px 0 0 3px;width:0%;height:6px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.timepanel input[type=range]{-webkit-appearance:none;appearance:none;z-index:0;background:var(--day-track);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px;position:relative}.timepanel input[type=range]::-webkit-slider-runnable-track{background:var(--day-track);border-radius:3px;height:6px}.timepanel input[type=range]::-moz-range-track{background:var(--day-track);border-radius:3px;height:6px}.timepanel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:radial-gradient(circle at 35% 30%,#fff6e6,#f4b860 42%,#f4b860d9 68%);border:2px solid #06080eb3;border-radius:50%;width:24px;height:24px;margin-top:-9px;transition:box-shadow .15s;box-shadow:0 0 0 4px #f4b86033,0 2px 6px #00000080}.timepanel input[type=range]:hover::-webkit-slider-thumb,.timepanel input[type=range]:active::-webkit-slider-thumb{box-shadow:0 0 0 6px #f4b86047,0 2px 8px #00000080}.timepanel input[type=range]::-moz-range-thumb{cursor:pointer;background:radial-gradient(circle at 35% 30%,#fff6e6,#f4b860 42%,#f4b860d9 68%);border:2px solid #06080eb3;border-radius:50%;width:24px;height:24px;box-shadow:0 0 0 4px #f4b86033,0 2px 6px #00000080}.timepanel .ticks{justify-content:space-between;margin-top:6px;padding:0 1px;display:flex}.timepanel .ticks span{color:#9ba0ac;font-variant-numeric:tabular-nums;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:10px}.timepanel .controlsrow{justify-content:center;margin-top:14px;display:flex}.timepanel .segmented{background:#ffffff08;border:1px solid #7a7f8c2e;border-radius:999px;align-items:center;gap:2px;max-width:100%;padding:3px;display:inline-flex;position:relative}.timepanel .segment-highlight{pointer-events:none;background:#f4b86029;border:1px solid #f4b8608c;border-radius:999px;width:0;height:calc(100% - 6px);transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:0}.timepanel .segbtn{z-index:1;appearance:none;cursor:pointer;color:#9ba0ac;text-align:center;white-space:nowrap;background:0 0;border:none;border-radius:999px;flex:1 1 0;padding:6px 11px;font-family:inherit;font-size:11px;transition:color .15s;position:relative}.timepanel .segbtn:hover:not(.active){color:#e8e6df}.timepanel .segbtn.active{color:#f4b860}.timepanel .livedot{vertical-align:middle;background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.timepanel button:focus-visible,.timepanel input[type=range]:focus-visible,.locationpanel .closeBtn:focus-visible,.citysearch input:focus-visible,.citysearch-toggle:focus-visible,.citysearch-item:focus-visible{outline-offset:2px;outline:2px solid #f4b860a6}@media (width<=640px){.timepanel{border-radius:16px;width:94vw;padding:14px 16px 12px;bottom:14px}.timepanel .toprow{flex-direction:column;align-items:center;gap:8px}.timepanel .clockDigits{font-size:20px}.timepanel .segbtn{min-height:32px;padding:5px 9px;font-size:10px}}@media (width<=380px){.timepanel .segbtn{padding:5px 6px}}@media (prefers-reduced-motion:reduce){.timepanel,.timepanel *,.locationpanel,.locationpanel *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.locationpanel{-webkit-backdrop-filter:blur(10px)brightness(.4);pointer-events:auto;background:#06080ed9;border:1px solid #f4b86029;border-radius:12px;padding:18px 20px 16px;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;animation:.35s cubic-bezier(.16,1,.3,1) both locationPanelRise;position:relative}.locationpanel.hidden{display:none}@keyframes locationPanelRise{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.locationpanel .closeBtn{appearance:none;color:#7a7f8c;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:2px;font-size:16px;line-height:1;transition:color .15s;display:inline-flex;position:absolute;top:12px;right:14px}.locationpanel .closeBtn:hover{color:#f4b860}.locationpanel .placename{color:#f1ede2;margin:0 28px 6px 0;font-size:15px;font-weight:700;line-height:1.25}.locationpanel .coord{color:#f4b860;margin-bottom:12px;padding-right:28px;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:17px;font-weight:600}.locationpanel .row{border-top:1px solid #7a7f8c24;justify-content:space-between;align-items:baseline;gap:14px;padding:7px 0;font-size:13px;display:flex}.locationpanel .row:first-of-type{border-top:none}.locationpanel .label{color:#9ba0ac}.locationpanel .value{color:#a9adb6;font-variant-numeric:tabular-nums;text-align:right;font-family:JetBrains Mono,SF Mono,Consolas,monospace}.locationpanel .value.phase{align-items:center;gap:6px;display:inline-flex}.locationpanel .phaseDot{border-radius:50%;flex:none;width:7px;height:7px}.locationpanel .phaseDot.phase-day{background:#f4b860}.locationpanel .phaseDot.phase-civil{background:#e8746f}.locationpanel .phaseDot.phase-nautical{background:#6a7fd1}.locationpanel .phaseDot.phase-astronomical{background:#454c8f}.locationpanel .phaseDot.phase-night{background:#5a5f6c}.locationpanel .phaselabel{font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}@media (width<=640px){.locationpanel{width:min(58vw,230px);max-height:calc(100vh - 204px);padding:12px 14px 10px;overflow-y:auto}.locationpanel .placename{margin:0 24px 4px 0;font-size:13px}.locationpanel .coord{margin-bottom:8px;font-size:13px}.locationpanel .row{gap:8px;padding:5px 0;font-size:10.5px}.locationpanel .closeBtn{font-size:14px;top:10px;right:10px}}@media (width<=380px){.locationpanel{width:min(52vw,190px);padding:10px 12px 8px}.locationpanel .row{font-size:11px}}.citysearch{pointer-events:auto;align-items:center;gap:8px;width:min(56vw,240px);font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;position:relative}.citysearch-toggle{appearance:none;cursor:pointer;color:#e8e6df;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:none}.citysearch input{box-sizing:border-box;-webkit-backdrop-filter:blur(10px)brightness(.4);color:#e8e6df;background:#06080ed9;border:1px solid #f4b86029;border-radius:20px;outline:none;flex:auto;width:100%;min-width:0;padding:8px 14px;font-family:inherit;font-size:12.5px;transition:border-color .15s,width .22s,opacity .15s,padding .22s}.citysearch input::placeholder{color:#9ba0ac}.citysearch input:focus{border-color:#f4b86080}.citysearch-results{z-index:10;-webkit-backdrop-filter:blur(14px)brightness(.4);background:#06080ee0;border:1px solid #f4b86029;border-radius:12px;max-height:260px;padding:4px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.citysearch-results.hidden{display:none}.citysearch-item{appearance:none;cursor:pointer;text-align:left;color:#e8e6df;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:baseline;gap:10px;width:100%;padding:8px 10px;font-family:inherit;font-size:12.5px;transition:background .15s;display:flex}.citysearch-item:hover,.citysearch-item.active{background:#f4b8601f}.citysearch-item .name{color:#f1ede2;font-weight:600}.citysearch-item .country{color:#9ba0ac;white-space:nowrap;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:10.5px}@media (width<=640px){.citysearch{width:auto}.citysearch-toggle{-webkit-backdrop-filter:blur(10px);background:#06080e8c;border:1px solid #f4b86029;border-radius:50%;width:40px;height:40px;transition:color .15s,border-color .15s;display:inline-flex}.citysearch-toggle:hover,.citysearch.is-open .citysearch-toggle{color:#f4b860;border-color:#f4b86066}.citysearch input{opacity:0;pointer-events:none;visibility:hidden;border-width:0;width:0;min-width:0;padding:0;transition:border-color .15s,width .22s,opacity .15s,padding .22s,visibility 0s linear .22s}.citysearch.is-open input{opacity:1;pointer-events:auto;visibility:visible;border-width:1px;width:58vw;max-width:220px;padding:8px 12px;transition:border-color .15s,width .22s,opacity .15s,padding .22s}}
