:root{--sky-top:#d7e2e6;--sky-low:#f7e8d6;--ink:#5d575b;--muted:#7b7274;--rose:#aa7284;--paper:#f8f3eb;font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid #98667e;outline-offset:5px}button{border:0}button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}button svg[hidden]{display:none}#garden{position:relative;width:100%;height:100%;min-height:440px;isolation:isolate}.sky{position:absolute;inset:0;background:linear-gradient(180deg,var(--sky-top) 0%,#e4e3d8 48%,var(--sky-low) 100%);z-index:-2}#scene,#fallback{position:absolute;inset:0;width:100%;height:100%}#scene{display:block;touch-action:none;cursor:grab;opacity:0;transition:opacity 1.2s}#scene.dragging{cursor:grabbing}#scene.ready{opacity:1}#fallback{z-index:-1;transition:opacity 1s}#fallback img{width:100%;height:100%;object-fit:cover}body.loaded #fallback{opacity:0}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 54% 48%,transparent 45%,#eedccb14 100%)}.ui{position:absolute;z-index:2}.masthead{top:39px;left:46px;right:46px;display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;align-items:center;gap:13px;text-decoration:none;font-size:17px;font-weight:400;letter-spacing:4.8px;line-height:1}.blossom-mark{width:36px;height:36px;color:#b0808e}.wordmark-note{display:block;font-size:8px;letter-spacing:2.15px;margin-top:10px;font-weight:400}.season{font-size:9px;letter-spacing:1.8px;display:flex;align-items:center;gap:10px;color:#71646a}.season-dot{width:5px;height:5px;background:#c594a0;border-radius:50%}.season-rule{height:1px;width:32px;margin-left:9px;background:#bda8a7}.intro{bottom:165px;left:48px;pointer-events:none}.eyebrow{font-size:9px;font-weight:500;letter-spacing:2.8px;margin:0 0 21px;color:#6f6269}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(44px,4.05vw,64px);font-weight:400;line-height:1.1;letter-spacing:-2.6px;margin:0;color:#63565d}.title-second{display:block}h1 em{font-weight:400;color:#9e7083}.intro-note{font-size:11px;letter-spacing:.3px;margin:21px 0 0;color:#716269}.scene-caption{right:46px;bottom:186px;display:flex;gap:12px;align-items:center;font-size:8px;letter-spacing:2.2px;writing-mode:vertical-rl;color:#71646a}.caption-line{height:42px;width:1px;background:#b3a1a1}.footer{bottom:max(34px,env(safe-area-inset-bottom));left:48px;right:46px;display:flex;align-items:end;justify-content:space-between}.explore-hint{display:flex;gap:12px;align-items:center;font-size:11px;letter-spacing:.25px;padding-bottom:8px}.explore-hint svg{width:18px;height:26px;opacity:.7}.explore-hint span span{display:block;font-size:9px;color:#716269;margin-top:5px}.touch-hint{display:none}.time-control{position:absolute;left:50%;transform:translateX(-50%);width:258px;bottom:0}.time-label{display:flex;align-items:baseline;gap:12px;justify-content:center;margin-bottom:4px}#phase-name{font-family:Georgia,'Times New Roman',serif;font-size:16px;font-style:italic;letter-spacing:.2px}#phase-poem{font-size:8px;letter-spacing:.5px;color:#74636e}.time-track{display:flex;gap:3px;align-items:center}.phase-icon{width:44px;height:44px;flex-shrink:0;background:none;display:grid;place-items:center;color:#8e7884}.phase-icon:hover{color:#6a4d5f}.phase-icon svg{width:18px;height:18px}.time-track input{-webkit-appearance:none;appearance:none;width:100%;min-width:60px;height:28px;background:transparent;cursor:ew-resize;margin:0}.time-track input::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,#cdb299,#a99ab7);border-radius:2px}.time-track input::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;background:#f7f0e8;border:1px solid #b294a1;border-radius:50%;margin-top:-4px;box-shadow:0 0 0 4px #eee5db40}.time-track input::-moz-range-track{height:2px;background:#b3a1aa}.time-track input::-moz-range-thumb{width:9px;height:9px;background:#f7f0e8;border:1px solid #b294a1;border-radius:50%}.actions{display:flex;gap:10px;align-items:center;padding-bottom:4px}.icon-button{height:44px;width:44px;border-radius:50%;background:#f6eee46e;border:1px solid #ab95952a;display:grid;place-items:center;transition:background .2s,transform .2s;color:#826f79}.icon-button:hover{background:#fcf6ece6;transform:translateY(-1px)}.help-button{font-family:Georgia,serif;font-size:18px;font-style:italic}.status{position:absolute;left:50%;bottom:123px;transform:translateX(-50%);font-size:10px;letter-spacing:.5px;color:#887780;z-index:3;text-align:center;white-space:nowrap;transition:opacity .7s;background:#f5ebdfb8;padding:9px 16px;border-radius:20px}.status:empty{opacity:0;pointer-events:none}dialog{border:1px solid #d6c8c2;border-radius:3px;padding:40px;width:min(420px,calc(100% - 36px));background:#faf5edf5;color:#64575e;box-shadow:0 25px 120px #51475220;outline:none;max-height:calc(100% - 48px);overflow:auto}dialog::backdrop{background:#81707824;backdrop-filter:blur(5px)}.close-button{position:absolute;top:15px;right:15px;background:none;border:0}dialog .eyebrow{font-size:8px;margin-top:5px}h2{font-family:Georgia,serif;font-size:36px;line-height:1.12;font-weight:400;letter-spacing:-1px;margin:0 0 19px}.guide-intro{font-size:12px;line-height:1.75;color:#8a7a80}.guide-list{margin:25px 0 22px;font-size:11px}.guide-list>div{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #dbcfc580;gap:10px}.guide-list dd{margin:0;color:#92818a;font-size:10px}kbd{font:10px Arial,sans-serif;display:inline-grid;place-items:center;min-width:18px;height:21px;padding:2px;border:1px solid #ddd0ca;border-radius:3px}.guide-footnote,.reduced-note{font-size:10px;line-height:1.7;color:#8c7b84}.guide-done{background:none;color:#9a6d82;border-top:1px solid #ded1ca;width:100%;text-align:left;padding:20px 0 0;margin-top:15px;font-size:11px}.guide-done span{float:right}.no-script{position:absolute;left:50%;bottom:125px;transform:translateX(-50%);padding:12px 18px;background:#f7f0e8;font-size:12px;z-index:10}body.fallback #scene{display:none}body.fallback .explore-hint{visibility:hidden}body.fallback .time-control{opacity:.55;pointer-events:none}body.fallback .time-control button,body.fallback .time-control input{cursor:default}body.fallback #motion,body.fallback #reset{display:none}
@media(max-width:1000px){.intro{bottom:164px;left:30px}h1{font-size:47px}.intro-note{max-width:165px;line-height:1.65}.masthead{left:30px;right:30px}.footer{left:30px;right:30px}.scene-caption{right:30px}.explore-hint{font-size:10px}.explore-hint span span{font-size:8px}.actions{gap:5px}.time-control{width:220px}}
@media(max-width:650px){.masthead{top:26px;left:25px;right:24px}.wordmark{font-size:14px;gap:9px;letter-spacing:4px}.blossom-mark{width:29px;height:29px}.wordmark-note{font-size:6px;letter-spacing:1.55px;margin-top:8px}.season{font-size:7px;letter-spacing:1.3px;gap:7px}.season-rule{display:none}.season-dot{height:4px;width:4px}.intro{left:26px;top:122px;bottom:auto}.eyebrow{font-size:7px;letter-spacing:2.1px;margin-bottom:15px}h1{font-size:43px;line-height:1.02;letter-spacing:-2px}h1 br{display:none}h1 em{display:inline;margin-top:2px}.title-in{display:block}.intro-note{font-size:9px;max-width:none;line-height:1.5;margin-top:14px;letter-spacing:.15px}.scene-caption{display:none}.footer{bottom:max(24px,env(safe-area-inset-bottom));left:25px;right:25px;align-items:end}.time-control{width:230px;bottom:73px}.time-label{gap:11px}#phase-name{font-size:15px}#phase-poem{font-size:8px}.actions{gap:7px;padding:0}.icon-button{width:44px;height:44px}.explore-hint{font-size:9px;gap:8px;padding-bottom:7px}.explore-hint span span{font-size:7px;margin-top:5px}.explore-hint svg{width:15px;height:22px}.desktop-hint{display:none}.touch-hint{display:block}.status{bottom:171px;font-size:8px;max-width:90%;white-space:normal;width:max-content}.no-script{bottom:170px;font-size:10px;max-width:90%;width:max-content}.vignette{background:linear-gradient(180deg,#eee7de0a 30%,transparent 70%,#eddfd31f)}dialog{padding:31px}.guide-list{font-size:10px}}
@media(max-height:660px) and (min-width:651px){.masthead{top:25px}.intro{bottom:133px}.intro h1{font-size:40px}.intro-note{display:none}.footer{bottom:20px}.scene-caption{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}