:root{--paper:#f7f1e6;--ink:#24201a;--leaf:#b34727;--coral:#b34727;--mute:#6b6255;--line:#e2d8c6}*{box-sizing:border-box;margin:0}html{background:var(--paper);overscroll-behavior:none}body{color:var(--ink);font:17px/1.7 var(--sans),system-ui,sans-serif;background:var(--paper);min-height:100vh}h1,h2,h3{font-family:var(--serif),Georgia,serif;font-weight:600;line-height:1.1}h1{font-size:clamp(2.2rem,6vw,3.6rem)}h2,.h2{font:600 clamp(1.8rem,4vw,2.5rem)/1.1 var(--serif),Georgia,serif;margin-bottom:.5em}h3{font-size:1.5rem}a{color:var(--leaf)}:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.tags,.meta{font:italic 1.05rem var(--serif),serif;color:var(--mute)}.meta{margin-top:.2rem;display:block}.garden{--top:#3d9bff;--bot:#c9ecff;--night:0;--day:1;--br:1;--sat:1;--sunx:50%;--suny:30%;--sunop:1;--moonx:50%;--moony:90%;--moonop:0;--ui:#1c2740;--sx:0;--warm:0;height:100dvh;position:fixed;inset:0;overflow:hidden}.sky{background:linear-gradient(var(--top),var(--bot));position:absolute;inset:0}.stars{width:100%;height:100%;opacity:var(--night);position:absolute;inset:0}.mw{width:140%;height:42%;opacity:calc(var(--night)*.95);position:absolute;top:10%;left:-20%;transform:rotate(-24deg)}.mw svg{width:100%;height:100%;position:absolute;inset:0}.mwglow{filter:blur(24px);background:radial-gradient(40% 50% at 18%,#ff6ebe66,#0000 70%),radial-gradient(35% 45% at 42%,#ffbe6e73,#0000 70%),radial-gradient(40% 50% at 68%,#6ec8ff66,#0000 70%),radial-gradient(35% 45% at 90%,#a078ff66,#0000 70%);position:absolute;inset:0}.sun{width:90px;height:90px;left:var(--sunx);top:var(--suny);opacity:var(--sunop);background:radial-gradient(circle,#fff6c9 35%,#ffd45c 70%);border-radius:50%;margin:-45px;position:absolute;box-shadow:0 0 90px 40px #ffd67880}.moon{width:56px;height:56px;left:var(--moonx);top:var(--moony);opacity:var(--moonop);background:radial-gradient(circle at 35% 35%,#fffdf0,#d9d6c4);border-radius:50%;margin:-28px;position:absolute;box-shadow:0 0 50px 14px #dce1ff59}.cloud{height:54px;opacity:calc(var(--day)*.85);background:#fff;border-radius:54px;animation:150s linear infinite cl;position:absolute;left:0}.cloud:before{content:"";background:#fff;border-radius:50%;width:48%;height:150%;position:absolute;top:-65%;left:16%}@keyframes cl{0%{transform:translate(-35vw)}to{transform:translate(135vw)}}.hill{pointer-events:none;filter:brightness(var(--br)) saturate(var(--sat));will-change:transform;position:absolute;bottom:0;left:0}.scroller{overscroll-behavior:contain;scrollbar-width:none;cursor:grab;outline:none;position:absolute;inset:0;overflow:auto hidden}.scroller::-webkit-scrollbar{display:none}.stagewrap{height:100%;position:relative}.base{filter:brightness(var(--br)) saturate(var(--sat))}.glow{pointer-events:none}.plant{cursor:pointer;outline:none}.plant a{outline:none}.pl{transform-box:fill-box;transform-origin:50% 100%;transform:scale(0)}.in .pl{animation:1.3s cubic-bezier(.2,1.4,.4,1) forwards grow;animation-delay:var(--d)}@keyframes grow{to{transform:scale(1)}}.sw{transform-box:fill-box;transform-origin:50% 100%;animation:5s ease-in-out infinite alternate sway}@keyframes sway{0%{transform:rotate(-1.4deg)}to{transform:rotate(1.4deg)}}.plant:hover .pl,.plant:focus-visible .pl{filter:drop-shadow(0 0 8px #fffc)}.fire{pointer-events:none;position:absolute;inset:0}.fire i{width:6px;height:6px;opacity:calc(var(--night)*.9);background:#ffe27a;border-radius:50%;animation:7s ease-in-out infinite alternate ff;position:absolute;box-shadow:0 0 10px 4px #ffe27ab3}@keyframes ff{to{transform:translate(26px,-34px)}}.mast{top:calc(1.1rem + env(safe-area-inset-top,0px));color:var(--ui);pointer-events:none;position:fixed;left:1.6rem}.mast p{font:italic 1.15rem var(--serif),serif;opacity:.85}.menu{top:calc(1.3rem + env(safe-area-inset-top,0px));gap:1.5rem;display:flex;position:fixed;right:1.6rem}.menu button,.close,.dial button{color:var(--ui);font:italic 1.1rem var(--serif),serif;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;min-height:44px;padding:.5rem 0}.walk{left:0;right:0;bottom:calc(7.6rem + env(safe-area-inset-bottom,0px));text-align:center;font:italic 1.1rem var(--serif),serif;color:var(--ui);pointer-events:none;padding:0 1rem;transition:opacity .6s;position:fixed}.dial{left:50%;bottom:calc(1rem + env(safe-area-inset-bottom,0px));color:var(--ui);white-space:nowrap;align-items:center;gap:.8rem;display:flex;position:fixed;transform:translate(-50%)}.dial input{accent-color:#f0a94b;width:min(280px,34vw)}.sheet{z-index:5;width:min(470px,100%);color:var(--ink);background:#fff8e8;border-radius:22px 0 0 22px;padding:5rem 2.2rem 2rem;position:fixed;top:0;bottom:0;right:0;overflow:auto;box-shadow:-20px 0 60px #00000047}.sheet .close{color:var(--ink);position:absolute;top:1rem;right:1.6rem}.sheet p+p{margin-top:.8rem}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn{background:var(--leaf);color:#fff;font:600 1rem var(--sans),sans-serif;cursor:pointer;border:0;border-radius:99px;margin-top:1.2rem;padding:.7rem 1.6rem;text-decoration:none;display:inline-block}.btn:hover{background:#256a49}form{flex-wrap:wrap;gap:.7rem;margin-top:1rem;display:flex}form .btn{margin:0}input[type=email]{border:1px solid var(--line);color:var(--ink);font:inherit;background:#fff;border-radius:99px;flex:220px;padding:.7rem 1rem}blockquote{font:italic 500 1.6rem/1.35 var(--serif),serif}blockquote small{font:1rem var(--sans),sans-serif;color:var(--mute);margin-top:.6rem;display:block}.pane{justify-content:center;min-height:100vh;padding:5rem 6vw 4rem;display:flex}.isle{border-top:4px solid var(--leaf);width:100%;max-width:820px;padding-top:1.6rem}.row{border-top:1px solid var(--line);color:inherit;padding:1.1rem 0;text-decoration:none;display:block}.row p{color:var(--mute)}.art:hover h3{color:var(--leaf)}.pill{font:italic 1.05rem var(--serif),serif;color:var(--coral);margin-left:.8rem;display:inline-block}.lead{font:italic 1.4rem/1.4 var(--serif),serif;color:var(--mute)}.grid{grid-template-columns:190px 1fr;gap:2rem;margin-top:1.6rem;display:grid}.grid.one{grid-template-columns:1fr}aside:not(.sheet){align-self:start;font-size:15px;position:sticky;top:5.5rem}aside b{margin-bottom:.4rem;display:block}aside a{color:var(--mute);padding:.2rem 0;text-decoration:none;display:block}aside a:hover{color:var(--leaf)}article h2{margin:1.6rem 0 .5rem;scroll-margin-top:5rem;font-size:1.9rem}article p{max-width:62ch;margin-bottom:.9rem}article ul,article ol{margin:0 0 .9rem 1.3rem}article li{margin-bottom:.3rem}article code{background:#2b211814;border-radius:4px;padding:.1rem .35rem;font-size:.9em}article pre{color:#fbf4e4;background:#2b2118;border-radius:8px;margin-bottom:.9rem;padding:1rem;overflow:auto}article pre code{background:0 0;padding:0}article blockquote{border-left:3px solid var(--coral);margin:1rem 0;padding-left:1rem;font-size:1.25rem}article img{border-radius:8px;max-width:100%}.pn{border-top:1px solid var(--line);justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:1rem;display:flex}@media (max-width:700px){.menu{top:calc(4.6rem + env(safe-area-inset-top,0px));gap:1.1rem;left:1rem;right:auto}.menu button{font-size:1rem}.mast{left:1rem}.dial input{width:30vw}.dial b{min-width:4.6rem}.sheet{border-radius:22px 22px 0 0;width:100%;height:56dvh;padding:4.2rem 1.4rem 1.5rem;top:auto}.grid{grid-template-columns:1fr}aside:not(.sheet){position:static}}@media (prefers-reduced-motion:reduce){.pl{transform:none}.in .pl,.sw,.cloud,.fire i{animation:none}.dial button{display:none}}.sky:after{content:"";background:radial-gradient(120% 60% at 50% 100%,rgba(255,130,80,calc(var(--warm)*.6)),transparent 70%);pointer-events:none;position:absolute;inset:0}.bird{width:26px;opacity:calc(var(--day)*.7);animation:linear infinite cl;position:absolute;left:0}.shoot{opacity:0;background:linear-gradient(270deg,#fff,#0000);width:130px;height:2px;animation:12s linear infinite shoot;position:absolute;top:10%;left:18%;transform:rotate(30deg)}@keyframes shoot{0%,90%{opacity:0;transform:translate(0)rotate(30deg)}91%{opacity:1}to{opacity:0;transform:translate(360px,208px)rotate(30deg)}}.rail{left:50%;bottom:calc(4.4rem + env(safe-area-inset-bottom,0px));cursor:pointer;width:min(520px,80vw);height:24px;color:var(--ui);position:fixed;transform:translate(-50%)}.rail:before{content:"";opacity:.3;background:currentColor;height:2px;position:absolute;top:50%;left:0;right:0}.rail .k{background:#fff;border:1px solid;border-radius:50%;width:9px;height:9px;margin:-4.5px;position:absolute;top:50%}.k.tree{background:#5fcf7a}.k.sign{background:#d9a35f}.k.balloon{background:#ff6f91}.k.flower{background:#ffb347}.k.house{background:#f6e3c4}.k.lantern{background:#ffe7a8}.rail b{pointer-events:none;background:#fff3;border:1.5px solid;border-radius:6px;position:absolute;top:2px;bottom:2px}.sheet{animation:.35s sl}.sheet:focus{outline:none}@keyframes sl{0%{opacity:0;transform:translate(34px)}}@keyframes su{0%{opacity:0;transform:translateY(34px)}}@media (max-width:700px){.sheet{animation-name:su}.rail{bottom:calc(4.2rem + env(safe-area-inset-bottom,0px))}.walk{bottom:calc(7rem + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion:reduce){.bird,.shoot,.sheet{animation:none}}.garden:not([data-ready]) .sky,.garden:not([data-ready]) .hill{opacity:0}.sky,.hill{transition:opacity .9s}.stagewrap{transition:transform .5s}@media (max-width:700px){.garden.open .stagewrap{transform:translateY(-26dvh)}}@media (prefers-reduced-motion:reduce){.sky,.hill,.stagewrap{transition:none}}.s2{stop-color:#173f3b}.edge{stroke:#7fe08a}.s2{transition:stop-color 1.2s}.edge{transition:stroke 1.2s}.garden[data-season=spring] .edge{stroke:#a6ef95}.garden[data-season=autumn] .s2{stop-color:#3b2f22}.garden[data-season=autumn] .edge{stroke:#e0b04a}.garden[data-season=winter] .s2{stop-color:#4a5d78}.garden[data-season=winter] .edge{stroke:#fff}.base circle,.base ellipse,.base path,.base rect{transition:fill 1.2s}.hill{filter:brightness(calc(var(--br)*var(--wbr,1))) saturate(calc(var(--sat)*var(--wsat,1))) hue-rotate(var(--hue,0deg))}.garden[data-season=spring]{--hue:12deg}.garden[data-season=autumn]{--hue:-50deg}.garden[data-season=winter]{--wsat:.25;--wbr:1.3}.gloom,.mist,.rain,.fall{pointer-events:none;position:absolute;inset:0}.gloom{opacity:0;background:#18224261;transition:opacity 1.4s}.mist{opacity:0;background:linear-gradient(#0000 20%,#ecf1fae6 85%);transition:opacity 1.6s}.rain{opacity:0;transition:opacity 1.2s;overflow:hidden}.rain i{background:linear-gradient(#0000,#d6e4ffbf);width:1.5px;height:70px;animation:linear infinite rn;position:absolute;top:-12%}@keyframes rn{to{transform:translate(-36px,125vh)}}.garden[data-weather=rain] .gloom,.garden[data-weather=rain] .rain,.garden[data-weather=mist] .mist{opacity:1}.garden[data-weather=mist] .gloom{opacity:.3}.cloud{transition:background 1.2s}.garden[data-weather=rain] .cloud{background:#a9b3c6}.garden[data-weather=rain] .sun{opacity:calc(var(--sunop)*.2)}.fall{overflow:hidden}.fall i{opacity:0;width:9px;height:9px;animation:linear infinite fl;position:absolute;top:-6%}@keyframes fl{to{transform:translate(90px,112vh)rotate(540deg)}}.garden[data-season=spring] .fall i{opacity:.9;background:#ffc2dc;border-radius:50% 0}.garden[data-season=autumn] .fall i{opacity:.95;background:#f08a3c;border-radius:0 60%}.garden[data-season=winter] .fall i{opacity:.95;background:#fff;border-radius:50%;width:6px;height:6px}.tweaks{color:var(--ui);flex-direction:column;align-items:flex-end;display:flex;position:fixed;top:50%;right:1.6rem;transform:translateY(-50%)}.tweaks button{color:inherit;font:italic 1.05rem var(--serif),serif;cursor:pointer;text-transform:capitalize;background:0 0;border:0;border-bottom:1px solid;min-height:44px;margin-bottom:.5rem;padding:.5rem 0}@media (max-width:700px){.tweaks{right:1rem;top:calc(8rem + env(safe-area-inset-top,0px));transform:none}}@media (prefers-reduced-motion:reduce){.rain,.fall{display:none}}.library{z-index:8;color:#f3e7d3;background:radial-gradient(60% 40% at 85% 0,#ffc87847,#0000 70%),radial-gradient(120% 90% at 50% 0,#5a3a22,#2a180d 75%);outline:none;padding:0 1rem 3rem;animation:.35s sl;position:fixed;inset:0;overflow:auto}.lh{flex-wrap:wrap;align-items:center;gap:.6rem 1.4rem;max-width:1100px;margin:0 auto;padding:1.4rem 0 1rem;display:flex}.lh h2{color:#fff4dc;margin:0}.lh nav{gap:1rem;margin-left:auto;display:flex}.lh button{color:#e8d6b8;font:italic 1.1rem var(--serif),serif;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;min-height:44px;padding:.5rem 0}.lh button.on,.lh button:hover{color:#ffd27a;border-color:#ffd27a}.case{background:#2b190d;border:18px solid #6b4326;border-radius:10px;max-width:1100px;margin:0 auto;box-shadow:0 30px 60px #0009,inset 0 0 60px #0009}.row{perspective:900px;background:repeating-linear-gradient(90deg,#ffffff08 0 2px,#0000 2px 7px),linear-gradient(90deg,#0006,#0000 6% 94%,#0006),#3b2415;align-items:flex-end;min-height:262px;padding:22px 28px 0;display:flex;box-shadow:inset 0 14px 22px #0000008c}.sp .st{writing-mode:vertical-rl;font-family:var(--serif),serif;font-weight:600;font-size:calc(var(--w)*.34);white-space:nowrap;text-overflow:ellipsis;max-height:68%;line-height:1;overflow:hidden;transform:rotate(180deg)}.auto b{font-size:calc(var(--c)*.13);line-height:1.05}.auto small{font-size:calc(var(--c)*.075);opacity:.85}.ctl{gap:1.2rem;display:flex;position:absolute;bottom:0}.ctl button{color:#ffd27a;font:italic 1.05rem var(--serif),serif;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffd27a;padding:.4rem 0}.info h2{color:#fff4dc}.info .tags{color:#e0b77a}.info .meta{color:#cdb893}.info .md{margin-top:1rem}.info .md p+p{margin-top:.7rem}@media (max-width:700px){.lh nav{flex-wrap:wrap;gap:.8rem;width:100%;margin-left:0}.row{padding:18px 14px 0}}@media (prefers-reduced-motion:reduce){.library{animation:none}}.sw{animation:none}.vis .sw{animation:5s ease-in-out infinite alternate sway}.garden[data-dark="0"] .stars,.garden[data-dark="0"] .mw,.garden[data-dark="0"] .fire{display:none}.rain,.mist,.gloom,.fall{visibility:hidden;transition:opacity 1.4s,visibility 0s 1.4s}.garden[data-weather=rain] .rain,.garden[data-weather=rain] .gloom,.garden[data-weather=mist] .mist,.garden[data-weather=mist] .gloom,.garden:not([data-season=summer]) .fall{visibility:visible;transition-delay:0s}.cloud,.bird{will-change:transform}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}.pane{animation:.6s cubic-bezier(.2,.9,.25,1) rise}.library{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){.pane,.vis .sw{animation:none}}.garden{--bloom:#ffd23f}.garden[data-season=spring]{--bloom:#ff9ec0}.garden[data-season=autumn]{--bloom:#e8734a}.garden[data-season=winter]{--bloom:#f4f8ff}.garden[data-season=summer] .fall{visibility:visible;transition-delay:0s}.fall i{animation:linear infinite fl,3.6s ease-in-out infinite alternate wob}@keyframes wob{0%{translate:-28px}to{translate:28px}}.fall i:nth-child(3n){scale:.6}.fall i:nth-child(4n){scale:1.5}.garden[data-season=summer] .fall i{opacity:.85;background:#ffe9a0;border-radius:50%;width:4px;height:4px;animation:linear infinite pol,4s ease-in-out infinite alternate wob;top:auto;bottom:-4%;box-shadow:0 0 8px 2px #ffe9a0b3}@keyframes pol{to{transform:translateY(-105dvh)}}.garden[data-season=winter] .fall i{box-shadow:0 0 6px #fffc}.pl *{transition:fill 1.4s}.garden[data-weather=storm] .rain,.garden[data-weather=storm] .gloom{opacity:1;visibility:visible;transition-delay:0s}.garden[data-weather=storm] .gloom{background:#0a10288c}.garden[data-weather=storm] .rain i{animation-duration:.45s!important}.garden[data-weather=storm] .cloud{background:#7f8aa3}.garden[data-weather=storm]:after{content:"";z-index:2;pointer-events:none;opacity:0;background:#dfe9ff;animation:7s infinite zap;position:absolute;inset:0}@keyframes zap{0%,93%,to{opacity:0}94%{opacity:.75}95%{opacity:.1}96%{opacity:.6}98%{opacity:0}}.garden[data-weather=wind] .fall i{animation-duration:3.2s!important}.garden[data-weather=wind] .cloud{animation-duration:38s}.garden[data-weather=wind] .vis .sw{animation-duration:1.4s}.dial{flex-wrap:wrap;justify-content:center}@media (max-width:700px){.dial{gap:.4rem .8rem;width:calc(100% - 2rem)}}@media (prefers-reduced-motion:reduce){.garden:after,.fall i,.cat *{animation:none!important}}.library{background:radial-gradient(50% 36% at 82% 8%,rgba(255,205,120,calc(.14 + var(--night,0)*.32)),transparent 70%),linear-gradient(#6b4d37 0,#583c29 64%,#3a2518 64.4%,#24150b 100%)}.room{isolation:isolate;align-items:flex-end;gap:1.4rem;max-width:1320px;margin:2.6rem auto 0;padding-bottom:1.4rem;display:flex;position:relative}.room:after{content:"";z-index:-1;background:linear-gradient(#4a2d17,#24150b);height:2.8rem;position:absolute;bottom:-1rem;left:-2rem;right:-2rem;box-shadow:0 -5px #7b4d2b}.side{flex-direction:column;flex:none;align-items:center;gap:1.4rem;width:210px;display:flex}.win{background:linear-gradient(var(--top,#4aa8ff),var(--bot,#c9ecff));width:170px;height:220px;box-shadow:inset 0 0 30px #00000059,0 0 46px rgba(255,205,120,calc(var(--day,1)*.28));border:10px solid #7b4d2b;border-radius:90px 90px 6px 6px;position:relative;overflow:hidden}.win:before{content:"";background:linear-gradient(#7b4d2b,#7b4d2b) 50%/8px 100% no-repeat,linear-gradient(#7b4d2b,#7b4d2b) 0 62%/100% 8px no-repeat;position:absolute;inset:0}.win:after{content:"";opacity:var(--night,0);background:radial-gradient(1.6px 1.6px at 20% 22%,#fff,#0000),radial-gradient(1.6px 1.6px at 72% 14%,#fff,#0000),radial-gradient(1.2px 1.2px at 46% 38%,#fff,#0000),radial-gradient(1.6px 1.6px at 82%,#fff,#0000),radial-gradient(1.2px 1.2px at 30% 55%,#fff,#0000);position:absolute;inset:0}.room .case{background:#1f1109;border:24px solid #7b4d2b;border-top-width:40px;border-bottom:0;border-radius:4px 4px 0 0;flex:1;min-width:0;max-width:none;margin:0;position:relative;box-shadow:0 30px 60px #0000008c,inset 0 0 60px #000000b3}.room .case:before{content:"";background:linear-gradient(#a96f3f,#7b4d2b);border-radius:6px 6px 0 0;height:28px;position:absolute;top:-66px;left:-36px;right:-36px;box-shadow:0 8px 12px #0006,inset 0 2px #ffffff47}.room .case:after{content:"";background:linear-gradient(#6b4326,#3f2412);height:26px;margin:0 -24px;display:block}.room .row{box-shadow:inset 0 40px 40px -22px #0009}.cat{width:100%;display:block;overflow:visible}.cat .tail{transform-origin:86px 118px;animation:3.4s ease-in-out infinite alternate tail}@keyframes tail{0%{transform:rotate(-10deg)}to{transform:rotate(14deg)}}.cat .eye{transform-box:fill-box;transform-origin:50%;scale:1 calc(1 - var(--night,0)*.85);animation:5.5s infinite blink}@keyframes blink{0%,94%,to{transform:scaleY(1)}97%{transform:scaleY(.08)}}@keyframes purr{50%{transform:translateY(-1.6px)}}@media (max-width:1099px){.room{margin-top:2rem;display:block}.room .case:before{left:-30px;right:-30px}}.garden{--glass:#fff6;--edge:#ffffff8c}.garden[data-dark="1"]{--glass:#0c122c7a;--edge:#ffffff2e}.menu,.tweaks,.dial,.chip{background:var(--glass);border:1px solid var(--edge);-webkit-backdrop-filter:blur(16px)saturate(1.3);transition:background 1s,border-color 1s}.menu{border-radius:999px;padding:.3rem}.menu button,.tweaks button,.dial button{font:600 .9rem var(--sans),sans-serif;border:0;border-radius:999px;min-height:40px;margin:0;padding:.5rem 1rem;transition:background .2s}.menu button:hover,.tweaks button:hover,.dial button:hover,.dial button[aria-pressed=true],.tweaks button[aria-pressed=true]{background:#ffffff47}.tweaks{border-radius:22px;align-items:stretch;gap:.15rem;padding:.4rem}.tweaks button{text-align:left;text-transform:none;border-radius:14px}.vol{accent-color:#f0a94b;width:100%;margin:.2rem 0 .4rem}.dial{border-radius:999px;gap:.7rem;padding:.45rem 1.1rem}.dial b{font:600 .95rem var(--sans),sans-serif;min-width:5rem}.dial input{appearance:none;background:linear-gradient(90deg,#0b1030,#3a2a6e 22%,#ff9a6b 27%,#4aa8ff 38%,#c9ecff 55%,#ffbd7a 71%,#ff6a8d 79%,#2b1b5e 88%,#0b1030);border-radius:8px;height:8px}.dial input::-webkit-slider-thumb{-webkit-appearance:none;cursor:grab;background:#fff;border:4px solid #f0a94b;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 8px #00000059}.dial input::-moz-range-thumb{cursor:grab;background:#fff;border:4px solid #f0a94b;border-radius:50%;width:14px;height:14px}.chip{font:600 .8rem var(--sans),sans-serif;color:var(--ui);border-radius:999px;margin-top:.5rem;padding:.25rem .8rem;display:inline-block}.mast h1{letter-spacing:-.025em;text-shadow:0 2px 24px var(--glass)}@media (max-width:700px){.tweaks{border-radius:18px}.tweaks button{min-height:36px;padding:.4rem .8rem;font-size:.82rem}.menu button{padding:.4rem .7rem}}.mix{gap:.2rem;padding:.1rem 0 .2rem;display:flex}.mix button{flex:1;text-align:center!important;min-height:34px!important;padding:.35rem .5rem!important;font-size:.78rem!important}.getbook{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.getbook a{color:inherit;font:600 .9rem var(--sans),sans-serif;background:#ffffff24;border:1px solid #ffffff4d;border-radius:999px;padding:.5rem 1rem;text-decoration:none}.getbook a:hover{background:#ffffff42}.lib3{z-index:8;color:#fbf1de;font-family:var(--sans),system-ui,sans-serif;background:#1d1510;outline:none;animation:.35s sl;position:fixed;inset:0;overflow:hidden}.lib3-cv{position:absolute;inset:0}.lib3-top{z-index:2;pointer-events:none;background:linear-gradient(#140c0699,#0000);justify-content:space-between;align-items:flex-start;padding:1rem 1.3rem;display:flex;position:absolute;top:0;left:0;right:0}.lib3-top>*{pointer-events:auto}.lib3-top h2{font:600 1.6rem var(--serif),Georgia,serif;margin:0}.lib3-top p{opacity:.75;margin:.1rem 0 0;font-size:.85rem}.lib3 button{font:600 .88rem var(--sans),system-ui,sans-serif;color:inherit;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff5e11f;border:1px solid #ffebc847;border-radius:999px;min-height:40px;padding:.5rem 1rem;transition:background .2s}.lib3 button:hover,.lib3 button[aria-pressed=true]{background:#fff5e142}.lib3-hint{font:italic .95rem var(--serif),Georgia,serif;white-space:nowrap;z-index:2;pointer-events:none;text-overflow:ellipsis;background:#140c0699;border-radius:999px;max-width:92vw;margin:0;padding:.45rem 1rem;position:absolute;bottom:1.4rem;left:50%;overflow:hidden;transform:translate(-50%)}.lib3-tip{z-index:3;pointer-events:none;background:#140c06db;border-radius:10px;padding:.4rem .75rem;font-size:.9rem;font-weight:600;position:absolute}.lib3-tip small{opacity:.7;font-size:.78rem;font-weight:400;display:block}.lib3-purr{color:#4a2f17;font:italic 1rem var(--serif),Georgia,serif;z-index:3;background:#fff8e8;border-radius:14px;padding:.25rem .8rem;animation:.3s sl;position:absolute;top:6.5rem;left:50%;transform:translate(-50%)}.lib3-panel{z-index:3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#180f08c7;border:1px solid #ffebc829;border-radius:22px;width:min(390px,36vw);max-height:calc(100% - 6.4rem);padding:1.5rem;animation:.55s .7s both lp;position:absolute;top:5rem;right:1.4rem;overflow:auto;box-shadow:0 20px 50px #00000073}@keyframes lp{0%{opacity:0;transform:translate(24px)}}.lib3-panel h3{font:600 1.6rem/1.15 var(--serif),Georgia,serif;margin:0}.lib3-panel .by{opacity:.85;margin:.3rem 0 0}.lib3-panel .meta{opacity:.7;letter-spacing:.04em;margin:.2rem 0 1rem;font-size:.85rem}.lib3-panel .md{font-size:1rem;line-height:1.6}.lib3-panel .md p{margin:.5rem 0}.lib3 .seg{gap:.3rem;margin:1.2rem 0 .6rem;display:flex}.lib3 .seg button{text-transform:capitalize;flex:1}.lib3 .pn{gap:.4rem;display:flex}.lib3 .pn button{flex:1}.lib3 .tiny{opacity:.6;margin:.9rem 0 0;font-size:.78rem}.lib3 .getbook a{color:inherit;font:600 .9rem var(--sans),sans-serif;background:#ffffff24;border:1px solid #ffffff4d;border-radius:999px;padding:.5rem 1rem;text-decoration:none;display:inline-block}.lib3-sr{clip:rect(0 0 0 0);width:1px;height:1px;margin:0;padding:0;list-style:none;position:absolute;overflow:hidden}.lib3-fallback{position:absolute;inset:4.5rem 1.3rem 1.3rem;overflow:auto}.lib3-fallback ul{gap:.8rem;padding:0;list-style:none;display:grid}.lib3-fallback li{background:#fff5e114;border-radius:14px;padding:1rem}.lib3-fallback span{opacity:.7;margin-left:.4rem}@media (max-width:800px){.lib3-panel{width:auto;max-height:44vh;padding:1.1rem;inset:auto .8rem .8rem}.lib3-panel h3{font-size:1.3rem}.lib3-hint{font-size:.85rem}}@media (prefers-reduced-motion:reduce){.lib3,.lib3-panel{animation:none}}.g3d{pointer-events:none;opacity:0;transition:opacity 1.2s;position:absolute;inset:0}.g3d.on{opacity:1}.g3d canvas{position:absolute;inset:0}.g3-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.g3l{text-align:center;white-space:nowrap;pointer-events:none;color:var(--ui);font:600 .82rem var(--sans),system-ui,sans-serif;background:var(--glass,#ffffff8c);border:1px solid var(--edge,#fff6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);will-change:transform,opacity;border-radius:14px;padding:.22rem .75rem;transition:background .6s;position:absolute;top:0;left:0}.g3l small{opacity:.75;font-size:.7rem;font-weight:500;display:block}.g3l em{color:#c47a00;letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-style:normal;font-weight:700;display:block}.g3l[data-hot="1"]{color:#1c2740;background:#ffffffd9}.g3-items{clip:rect(0 0 0 0);z-index:6;width:1px;height:1px;margin:0;padding:0;list-style:none;position:absolute;overflow:hidden}.g3-items.show{clip:auto;background:var(--glass,#fff9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;flex-wrap:wrap;gap:.4rem;width:auto;height:auto;max-height:42dvh;padding:.8rem;display:flex;position:absolute;bottom:5.5rem;left:1rem;right:1rem;overflow:auto}.g3-items.show button{font:600 .85rem var(--sans),sans-serif;border:1px solid var(--edge,#0003);color:var(--ui);cursor:pointer;background:#ffffff80;border-radius:999px;padding:.4rem .9rem}.dial{width:max-content;max-width:calc(100% - 2rem)}@media (min-width:701px){.dial{flex-wrap:nowrap}}.atm{right:1.6rem;bottom:calc(1.05rem + env(safe-area-inset-bottom,0px));z-index:7;position:fixed}.atmb{font:600 .9rem var(--sans),sans-serif;color:var(--ui);background:var(--glass);border:1px solid var(--edge);cursor:pointer;-webkit-backdrop-filter:blur(16px)saturate(1.3);backdrop-filter:blur(16px)saturate(1.3);border-radius:999px;min-height:44px;padding:.6rem 1.1rem;transition:background .2s}.atmb:hover,.atmb[aria-expanded=true]{background:#ffffff4d}.atm .tweaks{min-width:230px;max-width:min(300px,100vw - 2rem);animation:.2s in;position:absolute;top:auto;bottom:calc(100% + .6rem);right:0;transform:none}.atm .tweaks[hidden]{display:none}@media (max-width:700px){.atm{right:1rem;bottom:calc(5.1rem + env(safe-area-inset-bottom,0px))}.atm .tweaks{top:auto;right:0}.dial{left:50%}}@keyframes in{0%{opacity:0;transform:translateY(8px)}}.garden.open .atm{opacity:0;pointer-events:none}.atm{transition:opacity .3s}
