:root{color-scheme:dark;background:#030305;color:#f8e7e1;font-family:Georgia,'Times New Roman',serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}#garden{position:fixed;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}#garden:active{cursor:grabbing}#garden:focus-visible{outline:1px solid #a86b8a;outline-offset:-8px}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(#030305c9,transparent 25%,transparent 72%,#030305e8),radial-gradient(ellipse at center,transparent 45%,#03030570)}header{position:fixed;top:clamp(26px,5vh,64px);left:clamp(24px,5vw,84px);pointer-events:none;text-shadow:0 2px 24px #000}.eyebrow{font:11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.25em;color:#c88980}h1{font-size:clamp(32px,4.5vw,64px);font-weight:400;line-height:1.07;letter-spacing:-.045em;margin:17px 0 15px}h1 em{font-weight:400;color:#f09d94}header p{font-size:15px;color:#bb928b;margin:0;line-height:1.6}footer{position:fixed;bottom:max(22px,env(safe-area-inset-bottom));left:0;right:0;text-align:center;pointer-events:none}footer p{font:13px Arial,sans-serif;letter-spacing:.035em;color:#cfafa6;margin:0 0 17px}footer p span{padding:0 9px;color:#ac7065}nav{display:inline-flex;align-items:center;padding:5px;background:#100d12bd;border:1px solid #df998324;border-radius:30px;backdrop-filter:blur(12px);pointer-events:auto}button{background:transparent;color:#f0c5b9;border:0;min-width:44px;height:40px;font:20px Arial,sans-serif;border-radius:24px;cursor:pointer}button:hover{background:#b5443020}button:focus-visible{outline:2px solid #e79179;outline-offset:3px}#motion{font-size:12px;min-width:66px;letter-spacing:.035em}.divider{height:16px;width:1px;background:#d5957c2b;margin:0 4px}button svg{width:19px;vertical-align:middle;stroke:currentColor;fill:none;stroke-width:1.2}.footnote{display:block;margin-top:14px;font-style:italic;font-size:13px;color:#a08377}.arrival{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);font-style:italic;color:#dba092;text-align:center;pointer-events:none}.arrival[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:600px){header{top:28px;left:24px}h1{font-size:36px}.eyebrow{font-size:10px}header p{font-size:14px}footer p{font-size:12px}.footnote{font-size:12px}}@media(max-height:500px){header h1{font-size:28px}header p,.footnote{display:none}footer{bottom:12px}footer p{margin-bottom:8px}}



#garden{transition:opacity 1.4s ease}.reading-quote #garden{opacity:.25}.reading-quote footer{opacity:0;pointer-events:none}.reading-quote footer nav{pointer-events:none}footer{transition:opacity .8s ease}
#quote-dialog{position:fixed;inset:0;margin:0;width:100%;height:100%;max-width:none;max-height:none;border:0;padding:clamp(28px,7vw,90px) 24px;background:transparent;color:#fae7c7;overflow:auto}#quote-dialog::backdrop{background:transparent}.quote-card{max-width:680px;min-height:100%;margin:auto;display:flex;flex-direction:column;justify-content:center;text-align:center;background:none;border:0;box-shadow:none}blockquote{font-size:clamp(24px,4vw,36px);line-height:1.7;font-weight:400;font-style:italic;white-space:pre-wrap;margin:0;overflow-wrap:anywhere;text-shadow:0 2px 22px #000}.quote-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:36px}.quote-actions button{font-size:13px;font-weight:400;color:#bbac94;padding:0 12px;border:0;background:none}.quote-actions button:hover{color:#ffe5b8}#next-quote[hidden]{display:none}#quote-text.typing::after{content:'▏';color:#d8bd84;animation:cursor 1s steps(1) infinite}@keyframes cursor{50%{opacity:0}}@media(prefers-reduced-motion:reduce){#garden,footer{transition:none}#quote-text.typing::after{animation:none}}