:root{--bg:#f7f6ee;--ink:#233b31;--body:#4a6054;--muted:#687b6e;--line:#d8dfd3;--paper:#fefdf8;--accent:#526d43;--serif:Georgia,'Noto Serif SC','Songti SC',STSong,serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font:1rem/1.8 var(--sans)}body.night{--bg:#192b28;--ink:#e5ecde;--body:#c6d3c8;--muted:#adbdaf;--line:#3d554b;--paper:#213630;--accent:#bdd49e;color-scheme:dark}a{color:inherit;text-underline-offset:5px}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,h2:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:8px;left:12px;z-index:50;padding:10px 16px;background:var(--paper);transform:translateY(-150%)}.skip-link:focus{transform:none}
.garden-header{max-width:1328px;margin:auto;padding:24px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{font:1.4rem var(--serif);text-decoration:none}.wordmark span{font: .875rem var(--sans);margin-left:8px;color:var(--muted)}.garden-header nav{display:flex;align-items:center;gap:24px;font-size:.875rem;flex-wrap:wrap}.garden-header nav a{text-decoration:none}.garden-header nav a:hover{text-decoration:underline}.garden-header button{background:none;border:0;padding:8px 0;min-height:40px}.garden-intro{max-width:1248px;margin:20px auto 28px;display:flex;justify-content:space-between;align-items:end;gap:24px}.eyebrow{font-size:.75rem;letter-spacing:.14em;color:var(--muted)}h1{font:400 clamp(2rem,3.8vw,3.1rem)/1.5 var(--serif);margin-top:8px}.garden-intro>p{font-size:.9375rem;color:var(--body)}
.courtyard{max-width:1248px;margin:0 auto}.scene{position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:12px;background:#344e40;isolation:isolate}.scene-image{width:100%;height:100%;display:block;object-fit:cover;transform:scale(1.012) translate(var(--pan-x,0px),var(--pan-y,0px));transform-origin:center;transition:filter .7s ease;will-change:transform}.scene-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#112d2526,transparent 40%);transition:background .7s ease}.night .scene-image{filter:brightness(.53) saturate(.72)}.night .scene-shade{background:linear-gradient(145deg,#17354744,transparent 65%,#162d3744)}.spot{position:absolute;z-index:2;display:block;padding:10px 17px;border:1px solid #f3f5e5bb;border-radius:8px;background:#fdfcefec;color:#253e30;box-shadow:0 5px 25px #152e2630;text-decoration:none;transform:translate(-50%,-50%);min-width:126px;max-width:42%;text-align:left;transition:background .2s,box-shadow .2s}.spot:hover,.spot:focus-visible{background:#fffef5;box-shadow:0 7px 30px #152e2655}.spot-name{display:block;font:1.125rem/1.6 var(--serif)}.spot-name>span{font: .875rem var(--sans);margin-left:12px}.spot small{display:block;color:#526a58;font-size:.75rem;white-space:nowrap}.spot-work{left:23%;top:61%}.spot-reading{left:76%;top:33%}.spot-recent{left:68%;top:77%}.night .spot{background:#233c32ef;border-color:#9aac8980;color:#edf4dc}.night .spot small{color:#c0d1b9}.night .spot:hover{background:#304c40}.image-unavailable{position:absolute;left:10%;right:10%;top:12%;text-align:center;color:#f2f3e8;font-size:1rem}.image-failed .scene-image{visibility:hidden}
.motes{position:absolute;inset:0;pointer-events:none;opacity:.5}.motes i{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff7c7;box-shadow:0 0 8px #fff0ae;animation:drift 7s ease-in-out infinite alternate}.motes i:nth-child(1){left:35%;top:48%}.motes i:nth-child(2){left:58%;top:63%;animation-delay:-2s}.motes i:nth-child(3){left:70%;top:45%;animation-delay:-5s}.motes i:nth-child(4){left:46%;top:31%;animation-delay:-3s}.motes i:nth-child(5){left:18%;top:26%;animation-delay:-1s}@keyframes drift{from{transform:translate(0,0);opacity:.25}to{transform:translate(8px,-12px);opacity:.9}}body.motion-paused .motes i{animation-play-state:paused}body.motion-paused .scene-image{will-change:auto;transform:scale(1.012)}
figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:18px 2px;color:var(--body);font-size:.875rem}figcaption>span{min-width:0;overflow-wrap:anywhere}.caption-label{font-size:.75rem;letter-spacing:.12em;color:var(--muted);margin-right:14px}figcaption>a{flex-shrink:0;text-decoration:none}
.collection{max-width:1056px;margin:58px auto 80px}.collection-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.collection-heading h2{font:400 1.8rem/1.6 var(--serif);margin-top:6px}.collection-heading>p{font-size:.8125rem;color:var(--muted)}.collection-tools{display:flex;justify-content:space-between;align-items:center;gap:28px;border-block:1px solid var(--line);padding:13px 0;margin-bottom:28px}.collection-filters{display:flex;gap:24px;flex-wrap:wrap}.collection-filters button{font-size:.875rem;padding:8px 0;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted)}.collection-filters button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--accent)}.garden-search{min-width:0}.garden-search input{max-width:100%;width:210px;border:0;background:transparent;padding:9px 2px;font-size:1rem}.garden-search input::placeholder{color:var(--muted)}.garden-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}.garden-item{min-width:0;overflow-wrap:anywhere;padding:24px 0 28px;border-bottom:1px solid var(--line)}.item-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:.75rem;margin-bottom:10px}.item-kind{font-size:.8125rem;color:var(--accent)}.garden-item h3{font:400 1.25rem/1.6 var(--serif);margin-bottom:10px}.item-title{font:inherit;text-align:left;border:0;background:none;padding:0}.item-title:hover{text-decoration:underline;text-underline-offset:5px}.item-description{font-size:1rem;color:var(--body);line-height:1.9;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.item-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:13px;font-size:.875rem}.text-link{border:0;background:none;padding:6px 0;color:var(--accent);text-decoration:none}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.item-availability{font-size:.8125rem;color:var(--muted)}.more-button{display:block;margin:32px auto 0;padding:10px 24px;background:none;border:1px solid var(--line);border-radius:4px;font-size:.875rem}.load-message{padding:14px 0;color:var(--body);font-size:1rem}.empty-state{grid-column:1/-1;padding:40px 0;color:var(--muted)}
.source-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:32px;font-size:.875rem;color:var(--muted)}.source-links a{text-decoration:none}.source-links a:hover{text-decoration:underline}.garden-footer{max-width:1248px;margin:0 auto;padding:28px 0;border-top:1px solid var(--line);display:flex;gap:20px;align-items:baseline;justify-content:space-between;color:var(--muted);font-size:.8125rem;flex-wrap:wrap}.garden-footer>a:first-child{color:var(--ink);font-size:.875rem}.garden-footer a{text-decoration:none}.garden-footer>a:last-child{font-size:.75rem}
body:has(dialog[open]){overflow:hidden}dialog{width:min(650px,calc(100% - 32px));max-height:85vh;max-height:85dvh;padding:0;margin:auto;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);overflow:auto}dialog::backdrop{background:#112b2399;backdrop-filter:blur(3px)}.dialog-inner{padding:44px;position:relative}.dialog-close{position:absolute;right:12px;top:8px;width:44px;height:44px;border:0;background:none;font-size:1.8rem}.dialog-inner h2{font:400 1.7rem/1.65 var(--serif);margin:12px 28px 18px 0;overflow-wrap:anywhere}.detail-body{font-size:1rem;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--body)}.detail-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px;color:var(--muted);font-size:.8125rem}.detail-tags span{padding:2px 8px;border:1px solid var(--line);border-radius:4px}.dialog-inner .item-actions{margin-top:24px}
@media(max-width:1328px){.garden-intro,.courtyard,.garden-footer{margin-left:40px;margin-right:40px}.collection{margin-left:auto;margin-right:auto;width:calc(100% - 112px)}}
@media(max-width:760px){.garden-header{padding:20px 24px;align-items:start;gap:20px}.garden-header nav{gap:4px 16px;justify-content:end}.wordmark{white-space:nowrap;font-size:1.25rem}.wordmark span{display:block;margin:5px 0 0}.garden-intro,.courtyard,.garden-footer{margin-left:24px;margin-right:24px}.garden-intro{margin-top:14px;align-items:start}.garden-intro>p{font-size:.875rem;margin-top:18px}.scene{border-radius:8px}.spot{min-width:100px;padding:8px 11px}.spot-name{font-size:1rem}.spot-name>span{margin-left:5px}.spot small{font-size:.75rem}.collection{width:auto;margin:42px 32px 60px}.collection-tools{flex-wrap:wrap;gap:8px}.garden-search{flex-basis:100%;border-top:1px solid var(--line);padding-top:7px}.garden-search input{width:100%}.garden-items{column-gap:28px}.collection-heading{align-items:start}.collection-heading>p{padding-top:8px}.garden-footer{gap:12px 20px}.garden-footer>span{display:none}}
@media(max-width:520px){.garden-header{padding:16px 20px}.garden-header nav{font-size:.8125rem;gap:3px 12px}.garden-intro{display:block;margin:12px 20px 20px}.garden-intro>p{margin-top:8px}.garden-intro>p br{display:none}.courtyard{margin:0}.scene{border-radius:0}.spot{min-width:0;max-width:42%;padding:7px 10px}.spot small{display:none}.spot-name{font-size:.9375rem}.spot-work{left:22%;top:59%}.spot-reading{left:74%;top:31%}.spot-recent{left:69%;top:77%}figcaption{padding:16px 20px;align-items:start}figcaption>a{font-size:.8125rem}.caption-label{display:block;margin-bottom:3px}.collection{margin:32px 20px 48px}.collection-heading{display:block}.collection-heading>p{padding-top:9px}.collection-filters{gap:23px}.garden-items{grid-template-columns:minmax(0,1fr)}.garden-item{padding:21px 0}.collection-heading h2{font-size:1.6rem}.garden-footer{margin-left:20px;margin-right:20px}.dialog-inner{padding:42px 24px 28px}.dialog-inner h2{font-size:1.4rem}.image-unavailable{font-size:.875rem;top:5%;left:5%;right:5%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene-image,.scene-shade,.spot{transition:none}.scene-image{transform:none!important;will-change:auto}.motes{display:none}}