.walking-rail{display:flex;flex-direction:column;gap:15px}.cafe-entry{padding:0;text-align:left;border:1px solid #c6c1aa;border-radius:18px;overflow:hidden;background:#f4edde;display:block;color:#344535;box-shadow:0 2px 10px #4b4a3320}.cafe-entry-image{display:block;aspect-ratio:2.8;background:url('/forest-cafe.webp') center 52%/cover}.cafe-entry-copy{padding:15px 19px;display:flex;align-items:center;justify-content:space-between;gap:10px}.cafe-entry-copy b{font:700 22px var(--serif);letter-spacing:-.075em}.cafe-entry-copy>span{font-size:12px;font-weight:650;white-space:nowrap}.cafe-entry:hover .cafe-entry-copy,.cafe-entry:focus-visible .cafe-entry-copy{background:#eae2ca}.walking-rail .place{padding:12px 0}.map-actions{display:flex;align-items:center;gap:10px}.map-actions #readHere{border-radius:20px;margin:4px 0;min-height:32px;padding:5px 12px;background:#eef1e5;color:#35523e}.carry-bar{padding:13px 18px;background:#f1e9d7;display:flex;align-items:center;gap:13px;border-top:1px solid #d9d1bb}.carry-bar>svg{color:#795e40}.carry-bar>div{min-width:0}.carry-bar small,.carry-bar b{display:block}.carry-bar small{font-size:11px;color:#666e5f}.carry-bar b{font-size:15px;overflow-wrap:anywhere}.carry-bar button{margin-left:auto;flex:none}.walker.holding:after{content:"";position:absolute;bottom:10px;right:1px;width:9px;height:11px;border:1px solid #463a29;border-radius:2px;background:#b76e43;transform:rotate(-12deg);box-shadow:inset 2px 0 #ddd3a8;pointer-events:none}
.commons{display:grid;grid-template-columns:2.52fr 1fr;gap:22px;margin-top:18px;align-items:stretch}.commons .directory{padding:14px 18px}.commons #places{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.commons .place{border:0;gap:8px;padding:9px 0}.commons .place>.ico,.commons .place small{display:none}.commons .tile{width:30px;height:32px;border-radius:9px}.commons .tile svg{width:17px}.commons .place b{font-size:13px}.commons .question{padding:14px 17px}.commons .question h2{font-size:16px;margin:5px 0 8px}
#room[data-view="cafe"]{width:min(780px,calc(100% - 24px))}#room[data-view="reader"],#room[data-view="clearing"]{width:min(680px,calc(100% - 24px))}
.cafe-hero,.landscape{margin:-24px -28px 20px;position:relative}.cafe-hero{height:clamp(140px,21vh,210px);background:url('/forest-cafe.webp') center 52%/cover;border-bottom:4px solid #b69a62}
.cafe-filters{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.cafe-filters select{width:auto;margin-left:auto;min-height:39px;font-size:13px}.cafe-filters .choice{font-size:13px;padding:8px 12px}.cafe-search{margin:12px 0 14px}.wood-shelves{--row-h:169px;position:relative;padding:0 15px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:12px;grid-auto-rows:var(--row-h);align-items:end;isolation:isolate;background-color:#c2a17c;background-image:repeating-linear-gradient(0deg,#755135 0,#9b704b 3px,#b88d60 8px,#cfab7e 10px,#6b4730 11px,#ad8b65 13px,#d4b695 23px,#e2c9a7 calc(var(--row-h) - 13px),#bd9c77 calc(var(--row-h) - 1px),#967252 var(--row-h));border:5px solid #976f4d;border-radius:9px;box-shadow:inset 0 0 18px #66482535}
.cloth-book{position:relative;height:calc(var(--row-h) - 28px);width:100%;margin-bottom:11px;padding:12px 10px 12px 15px;background-color:var(--cloth);color:#fff5dc;text-align:left;display:flex;flex-direction:column;align-items:stretch;gap:5px;border-radius:2px 6px 4px 2px;box-shadow:inset 3px 0 #0002,inset 6px 0 #fff1,3px 3px 3px #49332461;border:1px solid #0002;transition:transform .18s,box-shadow .18s;letter-spacing:-.04em}.cloth-book:before{content:"";position:absolute;inset:6px 5px 6px 9px;border:1px solid #ffeac251;pointer-events:none}.cloth-book:after{content:"";position:absolute;right:9px;bottom:8px;width:25px;height:17px;border:1px solid #f2ddb33d;border-radius:100% 0 100% 0;transform:rotate(-22deg);pointer-events:none}.cloth-book:hover,.cloth-book:focus-visible,.cloth-book.pulling{transform:translateY(-7px) rotate(-1deg);box-shadow:5px 7px 8px #49332459}.cloth-book small{font-size:10px;color:#fff1cdbe}.cloth-book b{font-family:var(--serif);font-size:clamp(14px,1.6vw,19px);line-height:1.45;word-break:keep-all;overflow-wrap:anywhere;overflow:auto}.cloth-book>span{font-size:10px;color:#f9ecd1;margin-top:auto}.cloth-book .note-band{font-size:9px;font-style:normal;color:#fff0c4;align-self:flex-start;border-top:1px solid #f7db9c6b;padding-top:3px;line-height:1.1}.cloth-book[data-cover="0"]{--cloth:#496552}.cloth-book[data-cover="1"]{--cloth:#956047}.cloth-book[data-cover="2"]{--cloth:#4d6876}.cloth-book[data-cover="3"]{--cloth:#847140}.cloth-book[data-cover="4"]{--cloth:#79586a}.cloth-book[data-cover="5"]{--cloth:#536950}.no-books{grid-column:1/-1;align-self:center;text-align:center;color:#362d21}.cafe-foot{text-align:right}
.landscape{aspect-ratio:3/1;background-image:url('/walk-scenes.webp');background-size:100% 300%;overflow:hidden;isolation:isolate}.landscape.stream{background-position:50% 0}.landscape.garden{background-position:50% 50%}.landscape.lantern{background-position:50% 100%}.landscape.indoors{background-image:url('/forest-cafe.webp');background-size:cover;background-position:center 52%}.landscape.free{background-image:url('/village.webp');background-size:190% auto}.spot-name,.stir-button{position:absolute;bottom:11px;display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:19px;z-index:2;font-size:12px;line-height:1.5}.spot-name{left:12px;background:#fff9e6ed;color:#334333;font-weight:650}.stir-button{right:12px;background:#243b32cb;color:#fffdf0;border:1px solid #e3ead05c}.scene-effect{pointer-events:none;opacity:0;position:absolute}.stream .scene-effect,.free .scene-effect{left:24%;top:58%;width:24px;height:12px;background:#b17331;border-radius:100% 0 100% 0;box-shadow:0 4px 8px #5d8065}.stream.stir .scene-effect,.free.stir .scene-effect{animation:drift-leaf 5s ease-in-out}.garden .scene-effect{left:40%;top:40%;width:14px;height:12px;background:#e8a465;border-radius:85% 10% 80% 12%;box-shadow:8px 1px 0 -1px #f6c779}.garden.stir .scene-effect{animation:dance-wing 3.8s ease-in-out}.lantern .scene-effect,.indoors .scene-effect{width:20%;aspect-ratio:1;left:64%;top:-3%;border-radius:50%;background:radial-gradient(circle,#ffe4a8aa,#f8ce6a1c 55%,transparent 72%);mix-blend-mode:screen}.lantern.stir .scene-effect,.indoors.stir .scene-effect{animation:lamplight 4s ease-in-out}
@keyframes drift-leaf{0%{opacity:0;transform:translate(0,0) rotate(-12deg)}15%{opacity:1}60%{transform:translate(78px,8px) rotate(30deg)}90%{opacity:1}100%{opacity:0;transform:translate(160px,-6px) rotate(8deg)}}@keyframes dance-wing{0%,100%{opacity:0;transform:translate(0,0) rotate(15deg)}25%{opacity:1;transform:translate(24px,-15px) rotate(-20deg)}60%{opacity:1;transform:translate(62px,-5px) rotate(20deg)}85%{transform:translate(40px,-18px) rotate(-15deg)}}@keyframes lamplight{0%,100%{opacity:0}40%,75%{opacity:1;transform:scale(1.6)}}
.sound-row{display:flex;justify-content:flex-end;margin:-4px 0 10px}.quiet-sound{background:#edf0e5;border:1px solid #cfd7c4;border-radius:20px;font-size:12px;padding:6px 12px}.quiet-sound[aria-pressed=true]{background:#395941;color:#fff}.practice{font:500 19px/1.9 var(--serif);color:#3c4d3d;word-break:keep-all;margin:16px 0 22px;padding:0 14px;border-left:2px solid #aa9a69}
.reader-tabs,.page-turn,.reader-actions,.file-options,.reader-sources{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.reader-tabs{margin:12px 0}.reader-tabs .choice{font-size:13px}.reading-paper{position:relative;background:linear-gradient(90deg,#e8dec8,#fbf4e5 4%,#fffaed 11%,#fffbed 90%,#f8f0db);border:1px solid #dfd1b6;border-radius:3px 14px 12px 3px;box-shadow:0 4px 0 -2px #efe5ce,0 5px 0 -2px #c9bda5;overflow:hidden}.page-copy{padding:23px 26px 27px;max-height:50vh;overflow-y:auto;line-height:1.8}.page-copy:focus{outline-offset:-3px}.page-copy .paper-source{font-size:11px;color:#776d51;letter-spacing:0}.page-copy h3{font:700 23px/1.55 var(--serif);margin:10px 0 12px;letter-spacing:-.06em;word-break:keep-all}.page-copy p{font:500 17px/1.95 var(--serif);white-space:pre-wrap;word-break:normal;overflow-wrap:anywhere;letter-spacing:-.025em;margin:0}.blank-page h3{font-size:19px}.blank-page p{font:14px/1.7 var(--sans);color:var(--dim)}.blank-page button{margin-top:14px}.page-turn{justify-content:space-between;margin:10px 0 13px}.leaf-turn{padding:9px 11px;border:1px solid var(--rule);border-radius:9px;background:#fffdf4;font-size:13px}.leaf-turn:disabled{cursor:default;opacity:.4}.folio{font-size:12px;color:#687268;font-variant-numeric:tabular-nums}.file-options{margin:10px 0}.file-options .helper{flex-basis:100%}.reader-sources{justify-content:flex-start;gap:12px}.reader-sources .archive-link,.file-options .archive-link{margin:0}.reader-actions{padding-top:16px;border-top:1px solid var(--rule);margin-top:16px}.reader-status{font-size:13px;color:#865139}.pdf-frame{width:100%;height:48vh;min-height:240px;border:0;display:block}.pdf-paper{background:#fff}
@media(max-width:960px){.cafe-entry-copy{padding:12px;gap:7px;flex-wrap:wrap}.cafe-entry-copy b{font-size:20px}.commons{grid-template-columns:2fr 1fr;gap:12px}.commons #places{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.walking-rail{display:grid;grid-template-columns:1fr 1fr;gap:11px}.cafe-entry{align-self:start}.cafe-entry-image{aspect-ratio:1.8}.cafe-entry-copy{display:grid}.walking-rail .place{padding:8px 0}.walking-rail .place small{font-size:11px}.commons{grid-template-columns:1fr 1fr}.carry-bar{padding:10px 12px}.cafe-hero,.landscape{margin:-24px -28px 17px}.page-copy{padding:17px 20px}.cloth-book b{font-size:16px}}
@media(max-width:550px){.intro{padding-top:22px}.intro h1{font-size:30px;margin-top:12px}.intro p{max-width:30em;font-size:13px}.walking-rail{grid-template-columns:1fr}.cafe-entry{display:grid;grid-template-columns:36% 1fr;align-items:stretch}.cafe-entry-image{aspect-ratio:auto;min-height:72px}.cafe-entry-copy{align-content:center;gap:3px;padding:10px 14px}.walking-rail .directory{padding:13px 13px 6px}.walking-rail #walkRoutes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.walking-rail .place{align-items:flex-start;gap:3px;flex-direction:column;border:0}.walking-rail .place .tile{width:27px;height:27px}.walking-rail .place small{font-size:10px}.commons{grid-template-columns:1fr}.commons #places{grid-template-columns:repeat(2,1fr)}.cafe-hero,.landscape{margin:-19px -19px 16px}.wood-shelves{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:6px;--row-h:153px;padding:0 7px}.cloth-book{padding:10px 5px 8px 10px}.cloth-book b{font-size:13px}.cafe-filters .choice{font-size:12px;padding:6px 9px}.cafe-filters select{font-size:12px;max-width:112px}.spot-name,.stir-button{font-size:10px;padding:4px 8px;bottom:7px}.reading-paper .page-copy p{font-size:16px}.reading-paper .page-copy h3{font-size:20px}.map-foot{gap:2px}.map-actions{gap:3px}.map-actions #readHere{padding:5px 8px}.carry-bar>div b{font-size:13px}.reader-actions .primary,.reader-actions .soft{font-size:13px}}
@media(prefers-reduced-motion:reduce){.landscape.stir .scene-effect{opacity:1}}
.cloth-book b{font-size:clamp(13px,1.4vw,17px);word-break:normal;line-height:1.38;overflow:visible}