@font-face{font-family:Outfit;src:url(../fonts/outfit-400.ttf);font-weight:400;font-display:swap}@font-face{font-family:Outfit;src:url(../fonts/outfit-500.ttf);font-weight:500;font-display:swap}@font-face{font-family:Outfit;src:url(../fonts/outfit-600.ttf);font-weight:600;font-display:swap}@font-face{font-family:Space Mono;src:url(../fonts/space-mono.ttf);font-weight:400;font-display:swap}:root{color:#e8e6e1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--line:#26262d;--quiet:#b5b3ae;--gold:#d4a853;--action:#ff4d2d;background:#08080a;font-family:Outfit,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select,input{max-width:100%}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,input:focus-visible,select:focus-visible,#viewport:focus-visible{outline:2px solid var(--action);outline-offset:4px}button:disabled,input:disabled{opacity:.45;cursor:default}button[hidden]{display:none}#app{isolation:isolate;flex-direction:column;justify-content:flex-end;height:100svh;min-height:600px;display:flex;position:relative}#viewport{z-index:-2;touch-action:none;cursor:grab;background:#11131a;position:absolute;inset:0;overflow:hidden}#viewport:active{cursor:grabbing}canvas{width:100%;height:100%;display:block}.masthead{pointer-events:none;background:linear-gradient(#08080a99,#0000);justify-content:space-between;align-items:center;padding:26px 32px;display:flex;position:absolute;top:0;left:0;right:0}.brand{align-items:center;gap:14px;display:flex}.brand svg{fill:none;width:32px;stroke:var(--gold);stroke-width:1.2px}h1{letter-spacing:-.03em;margin:0;font-size:30px;font-weight:500;line-height:1}h1 span{letter-spacing:0;color:#e8e6e1;margin-left:20px;font-size:13px;font-weight:400}.prototype{letter-spacing:.12em;text-transform:uppercase;font-size:11px}.prototype .mono{text-align:right;color:var(--quiet);letter-spacing:0;margin-top:6px;display:block}.mono,output,.ticks,input[type=date]{font-family:Space Mono,monospace}.view-caption{text-shadow:0 1px 8px #08080a;flex-direction:column;gap:7px;font-size:17px;display:flex;position:absolute;top:110px;left:32px}.view-caption .mono{color:#e8e6e1;font-size:11px}#notice{border:1px solid var(--line);background:#101014d9;align-self:flex-start;max-width:calc(100% - 64px);margin:0 32px 14px;padding:9px 12px;font-size:12px;line-height:1.5}#notice.ready{background:#101014ad}#retry{margin-left:10px}.desk{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#101014ed;border:1px solid #36363d;border-radius:12px;margin:0 24px;padding:20px 24px 12px}.time-row{border-bottom:1px solid var(--line);grid-template-columns:115px minmax(160px,1fr) auto;align-items:center;gap:25px;padding-bottom:18px;display:grid}label,.sun-stats span{letter-spacing:.13em;text-transform:uppercase;color:var(--quiet);font-size:10px;font-weight:500;display:block}.clock output{font-size:29px;line-height:1.35;display:block}.clock>span{color:var(--quiet);font-size:10px}input[type=range]{accent-color:#e8e6e1;cursor:pointer;width:100%;height:24px;margin:0}.ticks{color:var(--quiet);justify-content:space-between;font-size:10px;display:flex}.sun-stats{grid-template-columns:repeat(4,auto);gap:23px;display:grid}.sun-stats output{margin-top:8px;font-size:17px;display:block}.sun-stats div:nth-child(n+3) output{color:var(--gold)}.controls{grid-template-columns:minmax(190px,1.5fr) minmax(144px,1fr) minmax(120px,1fr) minmax(100px,.8fr) minmax(140px,1fr) auto;align-items:end;gap:18px;padding-top:17px;display:grid}.field{min-width:0}.field>label{margin-bottom:8px}input[type=date],select{color:#e8e6e1;background:#18181e;border:1px solid #3a3a43;border-radius:5px;width:100%;height:40px;padding:0 9px;font-size:13px}input[type=date]{font-size:12px}.field>input[type=range]{height:40px}.switch{align-items:center;gap:7px;display:flex}.switch input{accent-color:var(--action);width:14px;height:14px;margin:0}.switch output,.height-field output{letter-spacing:0;color:#e8e6e1;margin-left:auto;font-size:10px}.height-field label{justify-content:space-between;gap:4px;display:flex}button{color:#e8e6e1;background:#18181e;border:1px solid #3a3a43;border-radius:5px;min-height:40px;padding:8px 14px;font-size:12px}button:hover{background:#29292f}.primary{background:var(--action);border-color:var(--action);color:#08080a;white-space:nowrap;font-weight:600}.primary:hover{background:#ff7359}.desk-note{color:var(--quiet);justify-content:space-between;align-items:center;gap:12px;margin-top:13px;font-size:11px;display:flex}.view-help{align-items:center;gap:12px;display:flex}#reset{color:#e8e6e1;text-underline-offset:3px;background:0 0;border:0;min-height:30px;padding:0;font-size:11px;text-decoration:underline}footer{color:#b5b3ae;text-align:center;background:#08080acc;margin-top:12px;padding:12px 32px 14px;font-size:10px;line-height:1.5}#phase{color:var(--gold)}@media (width>=1700px){.desk{align-self:center;width:calc(100% - 64px);max-width:1500px}}@media (width<=1100px){.controls{grid-template-columns:1.5fr 1fr 1fr}.time-row{grid-template-columns:100px 1fr}.sun-stats{grid-column:1/-1;justify-content:space-between}.sun-stats div{align-items:baseline;gap:10px;display:flex}.sun-stats output{margin-top:0}.time-row{gap:14px}.view-help{font-size:10px}}@media (width<=600px){#app{height:100svh;min-height:0;overflow:hidden}.masthead{padding:14px 16px}h1{font-size:24px}h1 span{margin:5px 0 0;font-size:12px;display:block}.brand{gap:10px}.brand svg{width:26px}.prototype{font-size:11px}.view-caption{gap:4px;font-size:15px;top:76px;left:16px}.view-caption .mono{font-size:11px}.desk{overscroll-behavior:contain;border-radius:12px;flex-direction:column;max-height:calc(100svh - 130px);margin:0 8px;padding:14px 14px 10px;display:flex;overflow-y:auto}.time-row{grid-template-columns:auto 1fr;gap:6px 14px;padding-bottom:12px}.clock output{font-size:28px;line-height:1.2}.clock>span{font-size:11px}.timeline input[type=range]{height:36px}.ticks{font-size:11px}.sun-stats{gap:6px}.sun-stats div{display:block}.sun-stats span{letter-spacing:.06em;font-size:11px}.sun-stats output{margin-top:4px;font-size:16px}.desk-note{order:1;margin-top:10px;font-size:13px;display:block}.view-help{justify-content:space-between;gap:8px;margin-top:2px;font-size:12px}#reset{min-height:44px;font-size:12px}.desk-toggle{order:2;justify-content:space-between;align-items:center;width:100%;min-height:44px;margin-top:6px;font-size:14px;display:flex}.desk-toggle:after{content:"";border:1.5px solid;border-width:0 1.5px 1.5px 0;width:8px;height:8px;transition:transform .25s cubic-bezier(.2,.7,.2,1);transform:translateY(-2px)rotate(45deg)}.desk-toggle[aria-expanded=true]:after{transform:translateY(2px)rotate(-135deg)}.controls{order:3;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 12px;padding-top:14px;display:none}.desk.open .controls{display:grid}.field>label{margin-bottom:6px;font-size:11px}.controls input[type=date],.controls select{height:44px;font-size:16px}.field>input[type=range]{height:36px}.switch{min-height:24px}.switch input{width:20px;height:20px}.switch output,.height-field output{font-size:12px}.primary{height:44px;font-size:14px}#notice{max-width:calc(100% - 24px);margin:0 12px 8px;padding:8px 11px;font-size:12px}footer{margin-top:6px;padding:4px 16px 8px;font-size:11px;line-height:1.55}footer summary{justify-content:center;align-items:center;min-height:32px;font-size:12px;display:flex}footer details p{text-align:left;max-height:32svh;margin:4px 0 0;overflow-y:auto}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}#loader{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;z-index:2;background:#08080ab3;border-radius:14px;flex-direction:column;align-items:center;gap:12px;min-width:260px;padding:22px 30px 18px;transition:opacity .7s,transform .7s;display:flex;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}#loader.done{opacity:0;transform:translate(-50%,-56%)}.loader-sun{fill:none;width:46px;height:46px;stroke:var(--gold);stroke-width:2.2px;stroke-linecap:round}.loader-sun .rays{transform-origin:32px 32px;animation:6s linear infinite helia-rays}.loader-sun .core{fill:var(--gold);stroke:none;transform-origin:32px 32px;animation:1.8s ease-in-out infinite helia-core}#loader-phase{letter-spacing:.12em;text-transform:uppercase;color:#e8e6e1;text-align:center;margin:0;font-size:12px}.loader-bar{background:var(--line);border-radius:2px;width:220px;height:3px;position:relative;overflow:hidden}#loader-fill{background:var(--gold);transform-origin:0;border-radius:2px;transition:transform .45s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0;transform:scaleX(0)}.loader-bar:after{content:"";background:linear-gradient(90deg,#0000,#e8e6e180,#0000);animation:1.6s ease-in-out infinite helia-shimmer;position:absolute;inset:0;transform:translate(-100%)}#loader-pct{color:var(--quiet);font-size:11px}#app.loading #notice{visibility:hidden}@keyframes helia-rays{to{transform:rotate(360deg)}}@keyframes helia-core{0%,to{opacity:.75;transform:scale(.82)}50%{opacity:1;transform:scale(1)}}@keyframes helia-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.loader-sun .rays,.loader-sun .core,.loader-bar:after{animation:none}#loader,#loader-fill{transition:none}}@media (width<=600px){#loader{min-width:220px;padding:16px 20px 14px;top:30%}.loader-bar{width:180px}}input[type=date]{appearance:none;text-align:left;min-width:0;display:block}input[type=date]::-webkit-date-and-time-value{text-align:left}#fps[hidden]{display:none}#notice.gone{opacity:0;visibility:hidden}.desk-toggle{display:none}footer details p{margin:0}footer{padding-top:6px;padding-bottom:8px}footer summary{justify-content:center;align-items:center;min-height:32px;font-size:12px;display:flex}footer details p{max-height:32svh;margin-top:4px;overflow-y:auto}footer summary{cursor:pointer;color:#e8e6e1;list-style:none}footer summary::-webkit-details-marker{display:none}footer summary:after{content:"+";color:var(--quiet);margin-left:6px}footer details[open] summary:after{content:"−"}.help-touch{display:none}@media (pointer:coarse){.help-fine{display:none}.help-touch{display:inline}}@media (width<=600px){.desk-toggle{display:flex}}@media (prefers-reduced-motion:reduce){#notice,.desk-toggle:after{transition:none}}.switch output,.height-field output{text-transform:none}.desk-handle{display:none}@media (width<=600px){.desk{padding-top:4px}.desk-handle{background:0 0;border:0;order:-1;align-self:center;width:72px;min-height:24px;margin:0 0 6px;padding:0;display:block;position:relative}.desk-handle:before{content:"";background:#5a5a63;border-radius:2px;height:4px;position:absolute;top:10px;left:18px;right:18px}.desk-handle:hover{background:0 0}.desk-toggle{color:#e8e6e1;gap:10px;padding:8px 14px}.desk-toggle>span:first-child{font-weight:500}.desk-summary{color:var(--quiet);white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-left:auto;font-size:13px;overflow:hidden}}.desk{-webkit-backdrop-filter:blur(20px)saturate(1.3);backdrop-filter:blur(20px)saturate(1.3);background:#101014a6;border-color:#ffffff1f}.desk input[type=date],.desk select,.desk button:not(.primary):not(#reset):not(.desk-handle){background:#18181e99;border-color:#ffffff24}.desk button:not(.primary):not(#reset):not(.desk-handle):hover{background:#29292fb3}.time-row{border-bottom-color:#ffffff1a}#night{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#08080ab3;border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;flex-shrink:0;align-self:center;align-items:center;gap:16px;width:max-content;max-width:calc(100% - 32px);margin:auto 16px;padding:22px 28px 20px;display:flex;position:relative}#night[hidden]{display:none}#night+#notice{margin-top:18px}#app:has(#night:not([hidden])):before{content:"";flex:0 0 150px}#app.loading #night{visibility:hidden}.night-line{flex-direction:column;gap:8px;margin:0;font-size:17px;line-height:1.3;display:flex}.night-label{letter-spacing:.13em;text-transform:uppercase;color:var(--quiet);font-size:11px;font-weight:500}.night-depth{color:var(--gold);font-size:inherit}.night-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.night-actions button{min-height:44px;font-size:14px}#to-sunrise .mono{margin-left:4px}#night-keep{background:0 0;border-color:#ffffff24}#night-keep:hover{background:#29292fb3}@media (width<=600px){#app:has(#night:not([hidden])):before{flex-basis:130px}#night{gap:14px;padding:18px 18px 16px}.night-line{font-size:16px}}.masthead,.view-caption,#notice,#night,.desk,footer{transition:opacity .35s cubic-bezier(.2,.7,.2,1),transform .35s cubic-bezier(.2,.7,.2,1)}#app.frei .masthead,#app.frei .view-caption{opacity:0;pointer-events:none;transform:translateY(-12px)}#app.frei #notice,#app.frei #night,#app.frei .desk,#app.frei footer{opacity:0;pointer-events:none;transform:translateY(24px)}@media (prefers-reduced-motion:reduce){.masthead,.view-caption,#notice,#night,.desk,footer{transition:opacity .2s linear;transform:none!important}}#notice{transition:opacity .6s,visibility .6s,transform .35s cubic-bezier(.2,.7,.2,1)}#reset{white-space:nowrap}