:root{color-scheme:dark;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--glass-text: rgba(238, 245, 255, .92);--glass-text-dim: rgba(238, 245, 255, .6);--glass-tint: rgba(150, 175, 215, .1);--glass-edge: rgba(255, 255, 255, .22);--glass-specular: rgba(255, 255, 255, .32);--glass-shadow: rgba(0, 0, 0, .32);--glass-active: rgba(255, 255, 255, .14);--accent: #9cc0ff}body.theme-day{--glass-text: rgba(16, 32, 56, .88);--glass-text-dim: rgba(16, 32, 56, .58);--glass-tint: rgba(255, 255, 255, .1);--glass-edge: rgba(255, 255, 255, .42);--glass-specular: rgba(255, 255, 255, .75);--glass-shadow: rgba(20, 40, 80, .18);--glass-active: rgba(255, 255, 255, .3);--accent: #1d5fd2}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100vh;height:100dvh;overflow:hidden;background:#03060c;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,system-ui,-apple-system,sans-serif;user-select:none;-webkit-user-select:none;touch-action:manipulation;overscroll-behavior:none}#sky{position:fixed;inset:0;width:100%;height:calc(100% + env(safe-area-inset-bottom,0px));display:block;background:#03060c}body.idle-cursor{cursor:none}#fallback[hidden]{display:none}#fallback{position:fixed;inset:0;display:grid;place-items:center;color:#cdd8ea;text-align:center;line-height:1.8;padding:24px}.glass{position:relative;isolation:isolate;color:var(--glass-text);background:linear-gradient(133deg,#ffffff24,#ffffff08 36%,#ffffff03 64%,#ffffff17),var(--glass-tint);backdrop-filter:blur(22px) saturate(1.7);-webkit-backdrop-filter:blur(22px) saturate(1.7);border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-specular),inset 0 -1px 1px #ffffff12,0 6px 26px var(--glass-shadow)}.glass:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 70% at 18% -18%,rgba(255,255,255,.22),transparent 55%),radial-gradient(90% 50% at 85% 115%,rgba(255,255,255,.1),transparent 60%);z-index:-1}@media (prefers-reduced-transparency: reduce){.glass{backdrop-filter:none;-webkit-backdrop-filter:none;background:#121a2aeb;color:#eef5ffeb}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass{background:#121a2ae0;color:#eef5ffeb}}#ui{position:fixed;inset:0;pointer-events:none;opacity:0;transition:opacity .5s ease;z-index:10;font-size:13px}#ui.visible{opacity:1}#ui.visible .chip,#ui.visible .topbar,#ui.visible.panel-open .panel{pointer-events:auto}.chip{position:absolute;top:calc(12px + var(--safe-top));left:calc(14px + var(--safe-left));display:flex;align-items:baseline;gap:8px;padding:6px 13px;border-radius:999px}.chip .clock{font-size:17px;font-weight:400;letter-spacing:.05em;font-variant-numeric:tabular-nums}.chip .phase{font-size:11px;color:var(--glass-text-dim);letter-spacing:.06em}.topbar{position:absolute;top:calc(12px + var(--safe-top));right:calc(14px + var(--safe-right));display:flex;gap:8px;align-items:center}.iconbtn{appearance:none;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;cursor:pointer;color:var(--glass-text);transition:transform .18s ease}.iconbtn:active{transform:scale(.92)}.iconbtn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.9}#ui.panel-open [data-el=gearBtn]{background-color:var(--glass-active)}.panel{position:absolute;right:calc(14px + var(--safe-right));top:calc(60px + var(--safe-top));width:min(420px,calc(100% - 28px - var(--safe-left) - var(--safe-right)));max-height:calc(100dvh - 90px - var(--safe-top) - var(--safe-bottom));overflow-y:auto;border-radius:22px;padding:15px 17px 13px;visibility:hidden;opacity:0;transform:translateY(-6px) scale(.98);transform-origin:top right;transition:opacity .24s ease,transform .24s ease,visibility 0s linear .24s}#ui.panel-open .panel{visibility:visible;opacity:1;transform:none;transition:opacity .24s ease,transform .24s ease}.panel h1{font-size:13px;font-weight:600;letter-spacing:.14em;margin-bottom:8px;display:flex;align-items:baseline;gap:8px}.panel h1 .en{font-size:9px;font-weight:400;letter-spacing:.22em;color:var(--glass-text-dim)}.row{display:flex;align-items:center;gap:10px;margin:8px 0;flex-wrap:wrap}.row>label.head{flex:0 0 4em;color:var(--glass-text-dim);font-size:12px}.seg{display:inline-flex;border:1px solid var(--glass-edge);border-radius:999px;overflow:hidden;background:#ffffff0d}.seg button{appearance:none;border:0;background:transparent;color:var(--glass-text);font-size:12px;padding:6px 12px;cursor:pointer}.seg button.active{background:var(--glass-active);font-weight:600}input[type=range]{flex:1;min-width:110px;accent-color:var(--accent)}.value{min-width:4.2em;text-align:right;font-variant-numeric:tabular-nums;color:var(--glass-text-dim)}button.btn{appearance:none;border:1px solid var(--glass-edge);background:#ffffff12;color:var(--glass-text);border-radius:999px;font-size:12px;padding:6px 13px;cursor:pointer}button.btn:active{background:var(--glass-active)}.toggle{display:inline-flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap}.toggle input{accent-color:var(--accent);width:15px;height:15px}input[type=number]{width:6.5em;background:#ffffff12;border:1px solid var(--glass-edge);border-radius:9px;color:var(--glass-text);padding:5px 8px;font-size:12px}select{appearance:none;flex:1;min-width:150px;background:#ffffff12;border:1px solid var(--glass-edge);border-radius:9px;color:var(--glass-text);padding:6px 9px;font-size:12px;cursor:pointer}select option{color:#1a2436;background:#eef2f8}.hint{font-size:11px;color:var(--glass-text-dim);line-height:1.6}.meta{font-size:10.5px;color:var(--glass-text-dim);font-variant-numeric:tabular-nums;letter-spacing:.03em;margin-top:4px}.divider{height:1px;background:var(--glass-edge);opacity:.6;margin:10px 0}