@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600&display=swap";:root{font-family:system-ui,-apple-system,Microsoft YaHei,sans-serif;color:#3f4c3d;background:#f2eee4;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible{outline:2px solid #758765;outline-offset:5px}canvas{display:block;width:100%;height:100%;touch-action:none}.stage{position:fixed;top:0;right:0;bottom:0;left:0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.overlay button,.overlay input,.panel{pointer-events:auto}header{position:absolute;top:34px;left:42px;right:42px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:14px;align-items:center}.mark{font-family:serif;border:1px solid #809177;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;font-size:27px}.brand strong{font-family:"Noto Serif SC",serif;font-size:23px;letter-spacing:6px;font-weight:500}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:4px;opacity:.6}.header-note{font-size:11px;letter-spacing:2px;opacity:.55}.header-note i{display:inline-block;background:#8fa775;width:6px;height:6px;border-radius:50%;margin-right:10px}.panel{position:absolute;right:38px;top:50%;transform:translateY(-50%);width:232px;padding:25px 23px;background:rgba(255,253,246,.72);backdrop-filter:blur(18px);border:1px solid #ffffffb0;border-radius:22px;box-shadow:0 12px 45px rgba(77,100,67,.04)}.eyebrow{font-size:9px;letter-spacing:2.4px;color:#90967d}.panel h2{font-family:"Noto Serif SC",serif;font-size:18px;font-weight:500;margin:8px 0 23px;letter-spacing:2px}.label{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:12px}.label output{font-variant-numeric:tabular-nums;font-size:16px;letter-spacing:1px}.seasons{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:13px}.seasons button{padding:9px 0;border:1px solid transparent;border-radius:12px;background:transparent;font-size:11px;transition:.3s}.seasons b{display:block;font-size:18px;font-weight:400;margin-bottom:6px}.seasons button[aria-pressed=true]{background:#e5eadb;border-color:#d5dfc8;color:#516744}.season-copy{font-size:10px;color:#8b907e;line-height:1.8;min-height:36px}.divider{height:1px;background:#dfe2d5;margin:19px 0}.bg-picker{display:flex;gap:5px;align-items:center}.bg-picker button{width:18px;height:18px;border-radius:50%;border:2px solid #ddd;background:#f2eee4;cursor:pointer;padding:0;transition:.2s;font-size:11px;display:grid;place-items:center}.bg-picker button[aria-pressed=true]{border-color:#516744;transform:scale(1.2)}.bg-picker .bg-auto{background:conic-gradient(#f2eee4,#e8a87c,#0d1520,#c8d4dc,#f0c8d0,#f2eee4)}.bg-picker #bg-upload{width:22px;height:22px;border-radius:50%;border:1.5px dashed #999;background:transparent;color:#888;font-size:14px}input[type=range]{width:100%;height:3px;accent-color:#829469;margin:8px 0 12px;cursor:pointer}.ticks{display:flex;justify-content:space-between;font-size:9px;color:#959a88}.toggle{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:transparent;padding:14px 0 0;font-size:11px}.switch{width:26px;height:15px;border-radius:20px;background:#d8ddce;padding:3px;transition:.2s}.switch:after{content:"";display:block;width:9px;height:9px;background:#fff;border-radius:50%;transition:.2s}.toggle[aria-pressed=true] .switch{background:#899d73}.toggle[aria-pressed=true] .switch:after{transform:translate(11px)}.panel-foot{font-size:9px;line-height:1.9;color:#969b89;margin:15px 0 0}.caption{position:absolute;bottom:82px;left:44px}.caption .index{font-size:9px;letter-spacing:3px;color:#8d9780}.caption h1{font-family:"Noto Serif SC",serif;font-weight:400;font-size:37px;letter-spacing:6px;margin:12px 0}.caption p{font-size:11px;letter-spacing:2px;color:#8a917e;line-height:2}.bottom{position:absolute;bottom:29px;left:44px;right:38px;display:flex;justify-content:space-between;align-items:center}.hint{font-size:10px;color:#909681;letter-spacing:1px}.actions{display:flex;gap:8px}.actions button{border:1px solid #dce0d1;background:rgba(255,253,244,.667);border-radius:50px;padding:10px 14px;font-size:11px}.actions button[aria-pressed=true]{background:#dfe8d5}.toast{position:absolute;left:50%;bottom:60px;transform:translate(-50%);font-size:11px;padding:12px 20px;border-radius:30px;background:rgba(255,252,240,.86);opacity:0;transition:opacity .4s;white-space:nowrap}.toast.visible{opacity:1}.loading{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#f2eee4;z-index:5;font-family:serif;letter-spacing:4px}.loading[hidden]{display:none}.night{color:#e1e5d7}.night .panel{background:rgba(17,26,36,.79);border-color:rgba(58,69,80,.333)}.night .panel h2,.night .label{color:#e1e5d7}.night .seasons button[aria-pressed=true]{background:#2a3a30;color:#e1e5d7;border-color:#45553e}.night .actions button{background:rgba(22,32,42,.72);border-color:#3a4a3e}.night .caption p,.night .hint,.night .caption .index{color:#879894}.night .toast{background:#1a2a30;color:#e1e5d7}@media(max-width:800px){header{top:22px;left:23px;right:23px}.header-note{display:none}.brand strong{font-size:20px}.panel{top:auto;bottom:80px;transform:none;right:18px;width:190px;padding:16px}.panel h2{margin-bottom:14px;font-size:16px}.divider{margin:13px 0}.panel-foot{display:none}.caption{left:23px;bottom:115px;max-width:135px}.caption h1{font-size:26px;line-height:1.6}.caption p{font-size:10px}.bottom{left:23px;right:18px;bottom:24px;align-items:flex-end}.hint{max-width:130px;line-height:1.8}.actions{gap:5px}.actions button{padding:10px;font-size:10px}.toast{bottom:64px}.season-copy{min-height:0;font-size:9px}.eyebrow{font-size:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.hide-ui{position:fixed;right:24px;top:20px;min-height:44px;padding:0 16px;border:1px solid #cdd5c4;border-radius:24px;background:#faf8f1;color:#4b6146;pointer-events:auto}.settings-hidden .panel,.settings-hidden .bottom{display:none}.settings-hidden .stage{top:88px;right:16px;bottom:16px;left:16px}.brand strong{font-size:20px;letter-spacing:2px}.night .hide-ui{background:#16202a;color:#e1e5d7;border-color:#3a4a3e}@media(max-width:800px){.panel{left:18px;right:18px;bottom:72px;width:auto;height:170px;padding:16px;border-radius:18px}.panel>.eyebrow,.panel>h2,.panel>.divider,.panel-foot{display:none}.panel>.label:not([for]){position:absolute;top:17px;left:16px;width:44%}.seasons{position:absolute;top:43px;left:12px;width:46%}.season-copy{position:absolute;left:17px;bottom:16px;width:43%;line-height:1.8}.panel>label[for]{position:absolute;right:16px;top:17px;width:43%}#hour{position:absolute;right:16px;top:50px;width:43%}.ticks{position:absolute;right:16px;top:74px;width:43%}.toggle{position:absolute;right:16px;width:43%;font-size:10px;padding:0}#live{top:108px}#cycle{top:136px}.caption{top:106px;bottom:auto;left:24px;max-width:none}.caption h1{font-size:23px;margin:8px 0;letter-spacing:4px}.caption p{display:none}.caption .index{font-size:8px;letter-spacing:1.5px}.brand .mark{width:35px;height:35px;font-size:22px}.bottom{left:18px;bottom:20px;right:18px}.hint{font-size:9px;max-width:100px}.actions button{padding:9px 8px;font-size:9px}}.weather-control{margin-top:12px;display:grid;grid-template-columns:1fr 92px;gap:7px;align-items:center;font-size:11px}.weather-control select{font:inherit;color:inherit;background:#eef0e5;border:1px solid #d6ddcd;border-radius:8px;padding:6px;cursor:pointer}.weather-control small{grid-column:1/-1;font-size:9px;color:#89917e;min-height:14px}.night .weather-control select{background:#36483d;border-color:#566853}.overlay select{pointer-events:auto}:root:has(body.night){background:#0d1520}.stage{top:88px;right:300px;bottom:70px;left:16px;border-radius:20px;overflow:hidden}.caption{display:none}.panel{right:24px;width:250px;box-shadow:none;background:#faf8f1;border-color:#e2e3d7}.header-note{display:none}.bottom{left:32px;right:24px}.hint{max-width:none}.night{background:#0d1520}.night .panel{background:#162028}.toast{bottom:16px;left:40%}@media(max-width:800px){.stage{top:78px;right:0;bottom:258px;left:0;border-radius:0}.panel{left:12px;right:12px;bottom:70px;width:auto;height:174px}.bottom{left:14px;right:14px;bottom:17px}.hint{max-width:105px}.toast{left:50%;bottom:250px;font-size:10px}.brand small{font-size:8px}header{top:20px}.caption{display:none}}@media(min-width:801px){.panel{max-height:calc(100vh - 155px);overflow:auto}}@media(max-width:800px){.panel{height:224px}.stage{bottom:308px}.weather-control{position:absolute;left:16px;right:16px;bottom:12px;grid-template-columns:78px 90px 1fr;margin:0;padding-top:10px;gap:7px}.weather-control small{grid-column:auto;line-height:1.5}.season-copy{bottom:65px}.toast{bottom:300px}}@media(max-width:800px){.hide-ui{right:12px;top:17px;min-height:44px;padding:0 12px;font-size:12px}.brand strong{font-size:17px;letter-spacing:1px}.brand{gap:8px}.brand small{letter-spacing:1px}.settings-hidden .stage{top:78px;right:0;bottom:0;left:0}.seasons button,.actions button{min-height:44px}.toggle{min-height:30px}.weather-control select{min-height:36px}}@media(max-width:800px){.stage{top:0;right:0;bottom:180px;left:0;border-radius:0!important}header{top:14px;left:16px;right:16px}.brand .mark{width:32px;height:32px;font-size:20px}.brand strong{font-size:16px;letter-spacing:2px}.brand small{display:none}.panel{left:10px;right:10px;bottom:64px;width:auto;height:180px;padding:12px 14px;border-radius:16px}.panel>.eyebrow,.panel>h2,.panel>.divider,.panel-foot{display:none}.panel>.label:not([for]){position:absolute;top:10px;left:12px;width:38%;font-size:10px}.seasons{position:absolute;top:32px;left:8px;width:42%;margin-bottom:0}.seasons button{padding:5px 0}.seasons b{font-size:14px;margin-bottom:2px}.season-copy{display:none}.panel>label[for]{position:absolute;right:12px;top:10px;width:50%;font-size:10px}#hour{position:absolute;right:12px;top:30px;width:50%;margin:4px 0}.ticks{position:absolute;right:12px;top:52px;width:50%;font-size:8px}.weather-control{position:absolute;left:12px;right:12px;bottom:40px;grid-template-columns:70px 80px 1fr;margin:0;padding-top:6px;gap:4px}.weather-control small{display:none}.weather-control select{padding:4px;font-size:10px}.toggle{position:absolute;right:12px;width:50%;font-size:9px;padding:0;top:78px}#live{top:78px}#cycle{top:104px}.caption{display:none}.bottom{left:10px;right:10px;bottom:8px;justify-content:center}.hint{display:none}.actions{gap:6px}.actions button{padding:10px 12px;font-size:11px;min-height:44px}.toast{left:50%;bottom:200px;font-size:10px;white-space:normal;text-align:center;max-width:280px}.hide-ui{top:12px;right:10px;font-size:11px;padding:0 12px;min-height:38px}}@media(max-width:800px)and (min-height:700px){.stage{top:0;right:0;bottom:220px;left:0}.panel{height:200px;bottom:70px}}.ui-hidden header,.ui-hidden .panel,.ui-hidden .caption,.ui-hidden .hint,.ui-hidden #hide-ui,.ui-hidden .toast{display:none!important}.ui-hidden .bottom{justify-content:flex-end;right:16px;bottom:16px;left:auto}.ui-hidden .overlay{pointer-events:none}.ui-hidden .actions{pointer-events:auto}@media(max-width:800px){.ui-hidden .stage{top:0!important;right:0!important;bottom:0!important;left:0!important}}.hide-ui{left:50%;right:auto;transform:translate(-50%);z-index:20;min-height:44px;touch-action:manipulation}@media(max-width:800px){.hide-ui{top:64px;top:calc(56px + env(safe-area-inset-top,0px));left:50%;right:auto;min-height:44px;font-size:12px}}.hide-ui{top:var(--settings-toggle-top, 20px);left:var(--settings-toggle-left, 50%);right:auto;bottom:auto;transform:translate(-50%);min-height:44px}.settings-hidden .hide-ui{top:auto;left:50%;bottom:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}