:root{--bg:#f6f5f1;--fg:#1f2328;--muted:#5b616b;--line:#d6d4cc;--accent:#2b3f8f;--sun:#f7c55c;--shade:#5a6bb5;--night:#1c1f2a;--bar-edge:#5b616b;--marker:#d9480f;--on-sun:#2a1d00;--on-dark:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,Hiragino Sans,Yu Gothic UI,Meiryo,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#17191d;--fg:#e8e6e1;--muted:#a3a7ae;--line:#34373d;--accent:#9fb2ff;--bar-edge:#a3a7ae}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg)}.app{grid-template-rows:auto 1fr auto auto;height:100%;display:grid}.bar{border-bottom:1px solid var(--line);align-items:baseline;gap:12px;padding:10px 16px;display:flex}.bar h1{letter-spacing:.04em;margin:0;font-size:1.15rem}.lead{color:var(--muted);margin:0;font-size:.9rem}.stage{min-height:0;position:relative}.map{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.map:active{cursor:grabbing}.map:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.map-keys{background:var(--bg);max-width:calc(100% - 24px);color:var(--fg);border-radius:6px;margin:0;padding:6px 10px;font-size:.82rem;display:none;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 1px 4px #00000040}.map:focus-visible+.map-keys{display:block}.controls{border-top:1px solid var(--line);grid-template-columns:auto 1fr;grid-template-areas:"date sun""pick pick""time time";align-items:center;gap:8px 16px;padding:12px 16px;display:grid}.date{grid-area:date;align-items:center;gap:8px;display:flex}.date input{font:inherit;padding:4px 6px}.sun-info{color:var(--muted);text-align:right;flex-wrap:wrap;grid-area:sun;justify-content:flex-end;column-gap:.8em;margin:0;font-size:.9rem;display:flex}.time{grid-area:time;align-items:center;gap:12px;display:flex}.clock{font-variant-numeric:tabular-nums;min-width:3.2em;font-size:1.4rem;font-weight:600}.time input{accent-color:var(--accent);flex:1}.credit{color:var(--muted);padding:6px 16px 10px;font-size:.72rem;line-height:1.5}.credit a{color:inherit}.pick{grid-area:pick;min-height:2.6em}.hint{color:var(--muted);align-items:center;gap:8px;margin:0;font-size:.9rem;display:flex}.day-head{align-items:flex-start;gap:8px;display:flex}.day-summary{flex:1;margin:0 0 6px;font-size:.9rem;line-height:1.5}.day-now{border-radius:4px;padding:1px 6px;font-weight:600}.day-now.sun{background:var(--sun);color:var(--on-sun)}.day-now.shade{background:var(--shade);color:var(--on-dark)}.day-now.night{background:var(--night);color:var(--on-dark)}.day-close{border:1px solid var(--line);color:var(--fg);font:inherit;cursor:pointer;background:0 0;border-radius:4px;margin-left:auto;padding:4px 8px;line-height:1}.day-bar{border:1px solid var(--bar-edge);background:var(--night);cursor:pointer;touch-action:none;border-radius:4px;height:18px;position:relative;overflow:hidden}.day-bar:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.day-run{position:absolute;top:0;bottom:0}.day-run.sun{background:var(--sun)}.day-run.shade{background:var(--shade)}.day-run.night{background:var(--night)}.day-cursor{background:var(--marker);width:3px;margin-left:-1.5px;position:absolute;top:-2px;bottom:-2px;box-shadow:0 0 0 1px #fff}.day-ticks{height:1.2em;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.72rem;position:relative}.day-ticks span{position:absolute;transform:translate(-50%)}.day-ticks span:first-child{transform:none}.day-ticks span:last-child{transform:translate(-100%)}