:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#dae8e9;font-synthesis:none;background:#07121c;font-family:Yu Gothic UI,Hiragino Kaku Gothic ProN,Meiryo,sans-serif}*{box-sizing:border-box}body{margin:0}.garden{isolation:isolate;width:100%;height:100svh;min-height:460px;position:relative;overflow:hidden}canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}canvas:focus-visible{outline-offset:-8px;outline:1px solid #9ac2c4}.masthead{inset:max(32px, env(safe-area-inset-top)) 48px auto;pointer-events:none;justify-content:space-between;display:flex;position:absolute}.eyebrow{letter-spacing:.25em;color:#8faab5;margin:0 0 15px;font-size:9px}.eyebrow span{opacity:.45;margin:0 10px}h1{letter-spacing:.2em;color:#e6ebe4;margin:0;font-family:Yu Mincho,Hiragino Mincho ProN,Noto Serif JP,serif;font-size:clamp(27px,2.7vw,38px);font-weight:400;line-height:1.6}.subtitle{letter-spacing:.14em;color:#99adb6;margin:8px 0 0;font-size:11px}.signature{letter-spacing:.22em;color:#8ba9b3;align-items:flex-start;gap:12px;padding-top:5px;font-size:8px;line-height:1.8;display:none}.flower{color:#c1c7ad;font-size:27px;line-height:1}.palette{width:330px;position:absolute;top:38px;right:45px}.palette-caption{letter-spacing:.12em;color:#bccdce;justify-content:space-between;margin:0 0 9px;font-size:10px;display:flex}.palette-caption span{color:#7e9ca9;letter-spacing:.02em;font-size:9px}.kinds{gap:6px;display:flex}.kinds button{letter-spacing:0;background:#12242d99;border-radius:14px;flex:1;gap:7px;min-width:0;min-height:62px;padding:0 9px}.kinds [data-kind=star]{color:#f3d59e;border-color:#ccab6440}.kinds [data-kind=petal]{color:#b0e9cf;border-color:#77c0a140}.kinds [data-kind=ribbon]{color:#d5c0f9;border-color:#b09acd40}.kind-symbol{font-size:25px;font-weight:400}.kind-name{flex-direction:column;gap:5px;font-size:12px;display:flex}.kind-name small{white-space:nowrap;opacity:.8;font-size:8px}.kind-add{flex-direction:column;gap:6px;font-size:10px;display:flex}.kind-count{opacity:.6;font-variant-numeric:tabular-nums;font-size:9px}.kind-count:after{content:"枚";margin-left:1px;font-size:7px}@media (max-width:599px){.garden{min-height:640px}}.controls{bottom:max(23px, env(safe-area-inset-bottom));text-align:center;width:max-content;max-width:calc(100% - 24px);position:absolute;left:50%;transform:translate(-50%)}.moment{letter-spacing:.15em;color:#afc8cc;justify-content:center;align-items:center;gap:8px;min-height:17px;margin:0 0 14px;font-size:11px;display:flex}.status-dot{background:#bcc8ac;border-radius:50%;width:3px;height:3px;box-shadow:0 0 8px #cfdfa278}.actions{justify-content:center;gap:8px;display:flex}button{color:#d0dfe0;font:inherit;letter-spacing:.08em;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-tap-highlight-color:transparent;background:#142731bd;border:1px solid #78999f45;border-radius:30px;justify-content:center;align-items:center;gap:9px;min-width:124px;min-height:44px;padding:0 19px;font-size:11px;display:inline-flex}button:hover{background:#233c46cf;border-color:#acc7c67d}button:disabled{opacity:.35;cursor:default}button:disabled:hover{background:#142731bd;border-color:#78999f45}.range-actions{justify-content:center;gap:8px;margin-top:5px;display:flex}.range-actions button{color:#aec3c7;background:0 0;border-color:#0000;min-width:124px;font-size:10px}.range-actions button:hover:enabled{background:#78999f18}button:focus-visible{outline-offset:4px;outline:2px solid #dcd8b2}button svg{fill:none;stroke:currentColor;stroke-width:1.1px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.hint{color:#8babb4;letter-spacing:.12em;margin:13px 0 0;font-size:10px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#fallback{text-align:center;width:80%;line-height:2;position:absolute;top:42%;left:10%}@media (max-width:600px){.masthead{top:max(27px, env(safe-area-inset-top));left:25px;right:24px}.signature{gap:8px}.signature span:last-child{display:none}h1{font-size:28px}.subtitle{font-size:10px}.eyebrow{margin-bottom:12px;font-size:8px}.controls{bottom:max(22px, env(safe-area-inset-bottom))}.palette{width:auto;top:144px;left:20px;right:20px}.kinds button{gap:4px;padding:0 6px}.kind-symbol{font-size:21px}.hint{letter-spacing:.03em;font-size:9px}}@media (max-height:560px) and (min-width:600px){.masthead{top:20px;left:25px;right:25px}.eyebrow{margin-bottom:5px}h1{font-size:25px}.subtitle,.signature{display:none}.palette{width:306px;top:20px;right:25px}.controls{align-items:center;gap:10px;display:flex;bottom:12px}.range-actions{margin:0}.range-actions button{min-width:105px}.moment,.hint{display:none}}