:root{color:#f3f5ef;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#60828f;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible{outline-offset:5px;outline:2px solid #fff3ca}#app{height:100svh;min-height:540px;position:relative;overflow:hidden}#scene,.vignette{position:absolute;inset:0}#scene canvas{width:100%;height:100%;display:block}.vignette{pointer-events:none;background:linear-gradient(#0d20263d,#0000 25% 55%,#051219a3),radial-gradient(at 50% 40%,#0000 35%,#08161a1f);transition:opacity .6s}.masthead{top:max(36px,env(safe-area-inset-top));text-shadow:0 1px 12px #243b4840;justify-content:space-between;align-items:center;display:flex;position:absolute;left:44px;right:44px}.brand{align-items:center;gap:13px;display:flex}.brand svg{fill:none;stroke:currentColor;stroke-width:1.2px;width:36px;height:36px}.brand h1{letter-spacing:-.7px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:31px;font-weight:400}.brand p{letter-spacing:2.6px;opacity:.85;margin:7px 0 0;font-size:8px}.place{text-align:right;letter-spacing:2.2px;font-size:9px}.place>div{letter-spacing:1.8px;opacity:.8;margin-top:12px;font-size:8px}.north-arrow{margin-right:6px;font-size:15px}.bottom{width:min(590px,100% - 56px);position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.moment{justify-content:space-between;align-items:flex-end;margin-bottom:23px;display:flex}.moment p{margin:0}#phase{letter-spacing:-.5px;font-family:Georgia,Times New Roman,serif;font-size:32px}.moment .moment-caption{opacity:.75;margin-top:7px;font-family:Georgia,Times New Roman,serif;font-size:13px;font-style:italic}.time-block{text-align:right}#clock{font-variant-numeric:tabular-nums;letter-spacing:-1.5px;font-family:Georgia,Times New Roman,serif;font-size:38px}#meridiem{letter-spacing:1px;margin-left:7px;font-size:10px}.time-block p{letter-spacing:1.6px;justify-content:flex-end;align-items:center;gap:7px;margin-top:7px;font-size:8px;display:flex}#mode-dot{background:#c3dec2;border-radius:50%;width:5px;height:5px}.controls{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e303499;border:1px solid #ffffff30;border-radius:10px;padding:18px 22px 14px;box-shadow:0 5px 35px #00121a15}.control-top,.control-bottom{justify-content:space-between;align-items:center;display:flex}.control-top label{font-family:Georgia,Times New Roman,serif;font-size:15px}.text-button{color:#e4e8de;padding:6px 0 6px 16px;font-size:10px}.text-button span{margin-left:5px}input[type=range]{appearance:none;cursor:pointer;background:linear-gradient(90deg,#39445d,#9ca0b8 20%,#e3c9a4 29%,#dfe6dd 50%,#e9cba3 74%,#746d95 84%,#35425c);border-radius:2px;width:100%;height:3px;margin:21px 0 11px;display:block}input[type=range]::-webkit-slider-thumb{appearance:none;background:#f7f3e8;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 4px #ffffff12}input[type=range]::-moz-range-thumb{background:#f7f3e8;border:0;border-radius:50%;width:12px;height:12px}.time-marks{letter-spacing:1px;color:#d5dfdaaa;justify-content:space-between;font-size:8px;display:flex}.control-bottom{border-top:1px solid #ffffff17;justify-content:flex-start;gap:22px;margin-top:15px;padding-top:10px;font-size:10px}#preview{align-items:center;gap:7px;min-height:28px;padding:5px 0;display:flex}#play-icon{font-size:18px;line-height:12px}.toggle-label{cursor:pointer;align-items:center;gap:7px;min-height:32px;display:flex;position:relative}.toggle-label input{opacity:0;width:28px;height:22px;margin:0;position:absolute}.toggle{pointer-events:none;background:#ffffff0a;border:1px solid #ffffff50;border-radius:8px;width:24px;height:13px;position:relative}.toggle:after{content:"";background:#d1dad5;border-radius:50%;width:7px;height:7px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle-label input:checked+.toggle{background:#92aaa56b;border-color:#aabeb0}.toggle-label input:checked+.toggle:after{background:#f2f1dd;transform:translate(11px)}.toggle-label input:focus-visible+.toggle{outline-offset:4px;outline:2px solid #fff3ca}.daylight{opacity:.65;margin-left:auto;font-size:9px}footer{letter-spacing:1.6px;opacity:.55;justify-content:space-between;margin-top:16px;font-size:7px;display:flex}.separator{padding:0 7px}#hide-ui{opacity:.75;z-index:3;align-items:center;gap:8px;min-height:36px;padding:7px 4px;font-size:10px;display:flex;position:absolute;bottom:36px;left:43px}#hide-ui svg{fill:none;stroke:currentColor;stroke-width:1.25px;width:18px;height:18px}.compass{opacity:.65;align-items:center;gap:8px;font-size:8px;display:flex;position:absolute;bottom:49px;right:44px}.compass i{background:#ffffff50;width:19px;height:1px}.compass span:nth-of-type(2){font-size:11px}.quiet-ui{transition:opacity .5s,visibility .5s}.ui-hidden .quiet-ui{opacity:0;visibility:hidden;pointer-events:none}.ui-hidden .vignette{opacity:.25}.ui-hidden #hide-ui{opacity:.45}#hide-ui:hover{opacity:1}#loading{z-index:5;background:#4e6970;justify-content:center;align-items:center;gap:12px;font-family:Georgia,serif;transition:opacity .7s;display:flex;position:absolute;inset:0}#loading span{background:#e0e7dc;border-radius:50%;width:8px;height:8px;animation:2s infinite breathe}#loading.done{opacity:0;pointer-events:none}#fallback{z-index:5;background:#15303cf0;border:1px solid #ffffff35;border-radius:10px;width:85%;max-width:460px;padding:24px;position:absolute;top:35%;left:50%;transform:translate(-50%,-50%)}#fallback h2{font:28px Georgia,serif}#fallback p{color:#d0dadb;font-size:14px;line-height:1.6}#fallback button{border:1px solid #ffffff60;border-radius:4px;padding:12px}.noscript{z-index:8;background:#294751;place-items:center;display:grid;position:absolute;inset:0}.failed .bottom{display:none}@keyframes breathe{50%{opacity:.25}}@media (width<=850px){#hide-ui{inset:111px 25px auto auto}.compass{display:none}.masthead{top:28px;left:27px;right:27px}}@media (width<=520px){#app{min-height:500px}.masthead{left:22px;right:22px;top:max(24px,env(safe-area-inset-top))}.brand h1{font-size:27px}.brand svg{width:29px}.brand{gap:8px}.brand p{letter-spacing:1.8px;font-size:7px}.place{letter-spacing:1.3px;max-width:120px;font-size:7px;line-height:1.7}.place>div{letter-spacing:1px;margin-top:5px;font-size:7px}.bottom{width:calc(100% - 40px);bottom:max(21px,env(safe-area-inset-bottom))}.moment{margin-bottom:18px}#phase{font-size:29px}#clock{font-size:33px}.controls{padding:15px 16px 9px}.control-bottom{gap:17px}.daylight{font-size:8px}footer{letter-spacing:1px;font-size:6px}#hide-ui{font-size:9px;top:102px;right:21px}.moment-caption{font-size:12px!important}.time-block p{letter-spacing:1px;font-size:7px}}@media (height<=600px) and (width>=600px){#app{min-height:360px}.masthead{top:20px}.bottom{width:470px;bottom:16px}.moment{margin-bottom:12px}#phase{font-size:25px}#clock{font-size:28px}.controls{padding:10px 16px 7px}footer{margin-top:9px}.control-bottom{margin-top:9px;padding-top:5px}#hide-ui{inset:auto auto 20px 22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}