:root{--ink: #0f1216;--glass: rgba(15, 18, 22, .78);--line: rgba(255, 255, 255, .09);--text: #e8eaed;--dim: #9aa3ad;--sun: #ffb454;--sun-soft: rgba(255, 180, 84, .16)}*{box-sizing:border-box;margin:0}html,body{height:100%;overflow:hidden;background:var(--ink);color:var(--text);font:13px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}#app,#app canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#app canvas{display:block;touch-action:none}.toolbar{position:fixed;top:14px;right:14px;z-index:20;display:flex;gap:8px}.tb{display:flex;align-items:center;gap:7px;padding:8px 12px;background:var(--glass);border:1px solid var(--line);border-radius:10px;color:var(--dim);font:600 12px/1 system-ui,sans-serif;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:color .15s,border-color .15s}.tb:hover{color:var(--text)}.tb.on{color:var(--sun);border-color:#ffb45459}.tb span{letter-spacing:.02em}.panel{position:fixed;top:60px;right:14px;z-index:19;width:304px;max-height:calc(100vh - 84px);overflow-y:auto;background:var(--glass);border:1px solid var(--line);border-radius:14px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:14px 16px 16px}.panel.edit{right:332px;width:264px}.panel::-webkit-scrollbar{width:8px}.panel::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.panel header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.ttl{font-weight:700;font-size:13px;letter-spacing:.02em}.readout{font:500 11px/1 ui-monospace,Cascadia Mono,Consolas,monospace;font-variant-numeric:tabular-nums;color:var(--sun)}.tabs{display:flex;gap:4px;margin-bottom:12px;background:#ffffff0d;border-radius:9px;padding:3px}.tab{flex:1;padding:6px 0;border:0;border-radius:7px;background:transparent;color:var(--dim);font:600 11.5px/1 system-ui,sans-serif;cursor:pointer}.tab.on{background:#ffffff17;color:var(--text)}section .row{margin-bottom:11px}section .row:last-child{margin-bottom:2px}.row.two{display:flex;gap:10px;align-items:end}.row.two>*{flex:1}label{display:block;color:var(--dim);font-size:11.5px;font-weight:600}label input,label select{display:block;width:100%;margin-top:4px;background:#ffffff0f;border:1px solid var(--line);border-radius:7px;color:var(--text);padding:6px 8px;font:500 12px/1 ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums}label input:focus,label select:focus{outline:1px solid rgba(255,180,84,.5)}.slider{position:relative}.slider output{float:right;color:var(--text);font:500 11px/1 ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:22px;margin-top:2px;background:transparent;padding:0;border:0}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(90deg,var(--sun) var(--fill, 50%),rgba(255,255,255,.12) var(--fill, 50%))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:var(--sun);border:2px solid var(--ink);box-shadow:0 0 0 1px #ffb45466;cursor:grab}input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:#ffffff1f}input[type=range]::-moz-range-progress{height:4px;border-radius:2px;background:var(--sun)}input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--sun);border:2px solid var(--ink);cursor:grab}.time-row{display:flex;gap:10px;align-items:center;margin-top:10px}.time-row input[type=date]{flex:1;background:#ffffff0f;border:1px solid var(--line);border-radius:7px;color:var(--text);padding:6px 8px;font:500 12px/1 ui-monospace,Consolas,monospace;color-scheme:dark}.clock{min-width:76px;text-align:right;font:700 15px/1 ui-monospace,Cascadia Mono,Consolas,monospace;font-variant-numeric:tabular-nums;color:var(--sun)}.presets{display:flex;gap:5px;margin:10px 0 12px}.presets button{flex:1;padding:6px 0;background:#ffffff0d;border:1px solid var(--line);border-radius:7px;color:var(--dim);font:600 10.5px/1 system-ui,sans-serif;cursor:pointer;white-space:nowrap}.presets button:hover{color:var(--sun);border-color:#ffb45459}.divider{margin:14px 0 10px;color:var(--dim);font:700 10.5px/1 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:8px}.divider:after{content:"";flex:1;height:1px;background:var(--line)}#sunpath{display:block;width:100%;border-radius:10px;cursor:crosshair;touch-action:none}.hint{color:var(--dim);font-size:10.5px;line-height:1.4}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.grid2 button,.primary{padding:8px 6px;background:#ffffff0d;border:1px solid var(--line);border-radius:8px;color:var(--text);font:600 11px/1.2 system-ui,sans-serif;cursor:pointer}.grid2 button:hover{border-color:#ffb45466}.primary{display:block;width:100%;margin-bottom:8px;background:var(--sun-soft);border-color:#ffb45466;color:var(--sun)}.chip{position:fixed;left:14px;bottom:14px;z-index:20;padding:7px 12px;background:var(--glass);border:1px solid var(--line);border-radius:9px;color:var(--dim);font:500 11px/1 ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:opacity .4s}.badge{position:fixed;left:14px;top:14px;z-index:20;padding:7px 11px;background:var(--glass);border:1px solid var(--line);border-radius:9px;color:var(--text);font:600 11px/1.5 ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);white-space:pre}#tour{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none}#tour.dim{background:#05080c8c}.tour-ring{position:fixed;border:2px solid var(--sun);border-radius:12px;box-shadow:0 0 0 9999px #05080c8c;transition:left .35s ease,top .35s ease,width .35s ease,height .35s ease}.tour-card{position:fixed;width:300px;background:#14181df5;border:1px solid var(--line);border-radius:14px;padding:16px 18px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;box-shadow:0 12px 40px #00000073}.tour-step{color:var(--sun);font:700 10px/1 ui-monospace,Consolas,monospace;letter-spacing:.12em;margin-bottom:8px}.tour-title{font:700 15px/1.3 system-ui,sans-serif;margin-bottom:6px}.tour-body{color:var(--dim);font:400 12.5px/1.55 system-ui,sans-serif}.tour-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}.tour-actions button{padding:7px 14px;background:#ffffff0d;border:1px solid var(--line);border-radius:8px;color:var(--dim);font:600 12px/1 system-ui,sans-serif;cursor:pointer}.tour-actions button:hover{color:var(--text)}.tour-actions .primary{margin:0;width:auto;display:inline-block;background:var(--sun-soft);border-color:#ffb45466;color:var(--sun)}#loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--ink);display:flex;align-items:center;justify-content:center;transition:opacity .7s ease}#loader.fade{opacity:0;pointer-events:none}.loader-inner{width:min(320px,70vw);text-align:center}.loader-title{font:700 21px/1.3 system-ui,sans-serif;letter-spacing:.02em}.loader-sub{color:var(--dim);font:600 11px/1.4 system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;margin:4px 0 24px}.loader-bar{height:4px;border-radius:2px;background:#ffffff1a;overflow:hidden}#loaderFill{height:100%;width:0%;border-radius:2px;background:var(--sun);transition:width .35s ease}.loader-status{margin-top:12px;color:var(--dim);font:500 11px/1 ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums}.compass{position:fixed;left:14px;bottom:52px;z-index:20;width:58px;height:58px;border-radius:50%;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none}.compass svg{display:block;width:100%;height:100%}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);z-index:30;padding:9px 16px;background:#14181deb;border:1px solid rgba(255,180,84,.4);border-radius:10px;color:var(--sun);font:600 12px/1 system-ui,sans-serif;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hidden{display:none!important}.sheet-handle{display:none;padding:6px 0 10px;cursor:pointer}.sheet-handle:after{content:"";display:block;width:44px;height:4px;margin:0 auto;border-radius:2px;background:#ffffff47}@media (max-width: 720px){.tb{padding:8px 10px}.tb span,.chip{display:none}.compass{left:auto;right:12px;top:64px;bottom:auto;width:46px;height:46px}.panel{top:auto;left:0;right:0;bottom:0;width:100vw;max-height:72vh;border-radius:18px 18px 0 0;border-left:0;border-right:0;border-bottom:0;padding:4px 16px calc(12px + env(safe-area-inset-bottom))}.sheet-handle{display:block}.panel.edit{left:0;right:0;top:auto;bottom:0;width:100vw}}.mini-dock{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:20;display:flex;align-items:center;gap:12px;padding:10px 8px 10px 16px;background:var(--glass);border:1px solid var(--line);border-radius:999px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 30px #00000059}.mini-dock input[type=range]{flex:1;height:26px;margin:0}#miniTime::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(90deg,#141b2e,#223052 18%,#ff9d5c 25%,#a8cdf5 38%,#cfe5ff,#f7cd85 72%,#ff8a4c 83%,#223052 91%,#141b2e)}#miniTime::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-7px;border-radius:50%;background:var(--sun);border:2px solid var(--ink);box-shadow:0 0 10px #ffb454a6;cursor:grab}#miniTime::-moz-range-track{height:6px;border-radius:3px;background:linear-gradient(90deg,#141b2e,#223052 18%,#ff9d5c 25%,#a8cdf5 38%,#cfe5ff,#f7cd85 72%,#ff8a4c 83%,#223052 91%,#141b2e)}#miniTime::-moz-range-progress{background:transparent}#miniTime::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--sun);border:2px solid var(--ink);box-shadow:0 0 10px #ffb454a6;cursor:grab}.mini-clock{min-width:72px;text-align:right;font:700 14px/1 ui-monospace,Cascadia Mono,Consolas,monospace;font-variant-numeric:tabular-nums;color:var(--sun)}.mini-expand{width:34px;height:34px;flex:none;border-radius:50%;background:#ffffff0f;border:1px solid var(--line);color:var(--dim);font:700 14px/1 system-ui,sans-serif;cursor:pointer}