:root{--bg:#142119;--panel:#1d2d22;--ink:#ece7d5;--muted:#a9b6a0;--brass:#d2b16b;--line:#43513b;--moss:#b0c583;color-scheme:dark;font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 60% -10%,#35472d88,transparent 65%),var(--bg)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e8c777;outline-offset:4px}.skip{position:absolute;top:-100px}.skip:focus{top:4px;background:var(--panel);z-index:20;padding:15px}header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;gap:16px}.brand{font:italic 700 36px Georgia,serif;letter-spacing:-2px}.brand span{color:var(--brass)}.header-center{font-size:10px;letter-spacing:2.4px;display:flex;align-items:center;gap:12px}.edition{border:1px solid var(--line);padding:5px 7px;color:var(--muted)}.porch{font-size:12px;color:var(--muted)}.lamp{display:inline-block;width:6px;height:6px;border-radius:50%;background:#d5b564;box-shadow:0 0 10px #d5b56477;margin-right:6px}.shell{display:grid;grid-template-columns:215px minmax(0,1fr) 270px;max-width:1900px;margin:auto;min-height:calc(100vh - 88px)}.navigator{padding:30px 18px;border-right:1px solid var(--line);position:relative;display:flex;flex-direction:column}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.8px;color:var(--muted)}.navigator>.eyebrow{padding-left:12px;margin-bottom:22px}nav{display:grid;gap:7px}.nav{display:flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:6px;padding:13px 11px;min-height:46px;background:transparent;text-align:left;font-size:14px;color:#b8c7a7}.nav span{font-size:12px}.nav small{margin-left:auto;color:#c8b379}.nav.active{background:linear-gradient(90deg,#44523988,#273929);border-color:#617047;color:#f0ead4}.nav:hover{background:#3c4b3288}.side-note{padding:28px 13px;margin-top:52px;border-top:1px dashed #526245}.sprout{font-size:42px;color:#a6b77c;transform:rotate(-12deg)}.side-note h3{font:italic 23px/1.3 Georgia,serif;color:#d4d7bb;margin:15px 0}.side-note p,.nav-foot{font-size:11px;color:var(--muted);line-height:1.8}.nav-foot{margin-top:auto;padding:40px 13px 0}.nav-foot a{display:block;margin-top:10px}main{padding:34px 30px;min-width:0}.welcome{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:28px}h1{font:42px/1.12 Georgia,serif;letter-spacing:-1.4px;margin:16px 0}h1 em{color:#b9c79b;font-weight:normal}.welcome p{font-size:12px;color:var(--muted)}.garden-stamp{border:1px solid #85916d80;border-radius:50%;height:95px;width:95px;flex-shrink:0;display:grid;align-content:center;justify-items:center;transform:rotate(12deg);color:#aab98b}.garden-stamp span{text-align:center;font-size:9px;letter-spacing:1.6px;line-height:1.4}.garden-stamp b{font-size:27px;font-weight:normal}.instrument{border:1px solid #69764b;border-radius:12px;background:radial-gradient(ellipse at 8% 0,#859a4780,transparent 20%),radial-gradient(ellipse at 98% 100%,#68814377,transparent 17%),repeating-linear-gradient(110deg,#ffffff03 0 1px,transparent 1px 6px),linear-gradient(130deg,#33432c,#233323);padding:24px 18px;display:grid;grid-template-columns:1.3fr 1fr 1fr .9fr;gap:16px;box-shadow:inset 0 2px #bcc88b25,0 14px 28px #070e0955;position:relative}.instrument:before,.instrument:after{content:"⊕";position:absolute;color:#a4a66b;font-size:12px;top:7px}.instrument:before{left:8px}.instrument:after{right:8px}.instrument-label{align-self:center}.instrument-label p{color:#c2c9ae;font:12px/1.65 Georgia,serif;margin:12px 0 18px}.transport{display:flex;gap:4px;flex-wrap:wrap}.transport button,.pager button,#copy{border:1px solid #77815a66;background:#17291d;min-height:44px;padding:8px;color:#d7c793;border-radius:5px;font-size:10px}.dial-unit{min-width:0;text-align:center}.rotary{--angle:-135deg;height:88px;width:88px;margin:0 auto 13px;position:relative;border-radius:50%;background:repeating-conic-gradient(from 216deg,#a7b080 0deg 2deg,transparent 2deg 27deg);display:grid;place-items:center}.knob{width:70px;height:70px;border:2px solid #bdac74;border-radius:50%;background:radial-gradient(circle at 30% 25%,#626e48,#2e3b2b 68%,#1a251a);box-shadow:inset 0 0 0 4px #141d15,inset 0 0 0 6px #83835a,0 5px 7px #0e170d;position:relative;transform:rotate(var(--angle))}.knob i{position:absolute;top:7px;left:31px;height:18px;width:3px;background:#e3c97d;border-radius:2px}.dial-unit label{display:flex;justify-content:center;gap:12px;font-size:9px;letter-spacing:1.4px;color:#d2d5ba}.dial-unit output{color:var(--brass)}input[type=range]{width:100%;height:24px;accent-color:var(--brass);cursor:pointer}.dial-unit p{font-size:10px;color:#bbc6a8;min-height:28px;margin:3px 0 0;line-height:1.4}.instrument-end{align-self:center;text-align:center}.window{background:#121f16;border:1px solid #76815577;border-radius:6px;box-shadow:inset 0 3px 8px #0006;padding:12px 4px}.window strong{font:27px Georgia}.window small{display:block;font-size:7px;letter-spacing:1.5px;margin-top:7px;color:#b7c59c}#copy{margin:12px 0 7px;width:100%;font-size:9px}.instrument-end>a{font-size:8px;color:#c2cbb0;line-height:1.5;display:block}.tray-bar{display:flex;justify-content:space-between;align-items:center;margin:30px 0 18px;gap:10px}.tray-bar p{font:italic 13px Georgia;color:#c0cba9;margin:6px 0 0;overflow-wrap:anywhere}.pager{display:flex;align-items:center;gap:8px;font-size:9px;color:#b0b999}.pager button{width:38px;min-height:44px;font-size:17px}.tray{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card{border:1px solid #60704b88;border-radius:9px;overflow:hidden;background:#263525;box-shadow:0 7px 10px #070e0820;position:relative}.card.selected{outline:2px solid #d0b16a;outline-offset:3px}.art{height:130px;background:radial-gradient(ellipse at 50% 100%,#a4b58b30,transparent 60%),linear-gradient(140deg,#3d5339,#22382c);display:grid;place-items:center;position:relative;overflow:hidden}.art svg{height:108px;width:130px;filter:drop-shadow(2px 6px 2px #0003)}.art:after{content:"";height:12px;position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,#132519aa,transparent)}.card:nth-child(3n+2) .art{background:linear-gradient(130deg,#605336,#343a25)}.card:nth-child(3n+3) .art{background:linear-gradient(140deg,#42575a,#20352e)}.serial{position:absolute;top:10px;left:10px;font-size:8px;letter-spacing:1.5px;color:#d4d5b7}.kept-mark{position:absolute;right:10px;top:8px;color:#dfc578;font-size:20px}.card-body{padding:15px}.card-body .eyebrow{font-size:7px;letter-spacing:1px;overflow-wrap:anywhere;line-height:1.5}.card h2{font:19px/1.2 Georgia;margin:10px 0;color:#eee8cf;overflow-wrap:anywhere}.card p{font-size:11px;line-height:1.6;color:#bdc7aa;margin:9px 0;overflow-wrap:anywhere}.card button{border:0;border-top:1px solid #62714766;background:transparent;color:#ded1a2;width:100%;padding:12px 0 0;margin-top:9px;min-height:44px;text-align:left;font-size:10px}.card .detail{font-size:10px}.inspector{border-left:1px solid var(--line);padding:30px 20px;background:linear-gradient(130deg,#1d2e22,#18271d);display:flex;flex-direction:column;min-width:0}.inspector-top{display:flex;justify-content:space-between;align-items:center}#close{border:0;background:transparent;min-width:44px;min-height:44px;font-size:23px;color:#afb69b;visibility:hidden}.empty-inspector{text-align:center;padding:110px 0}.empty-inspector>span{font-size:65px;color:#9aac7d}.empty-inspector h2{font:italic 22px/1.35 Georgia;color:#bfcbaa}.empty-inspector p{font-size:11px;color:#9eaf95;line-height:1.8}.inspector-bottom{border-top:1px dashed #62714a77;padding-top:18px;margin-top:auto}.inspector-bottom p{font-size:10px;color:var(--muted);line-height:1.8}.inspect-art{margin:24px 0 20px;border:1px solid #65745277;border-radius:7px}.inspect-art .art{height:155px}.inspect-title{font:25px/1.2 Georgia;margin:12px 0}.inspect-text{font-size:12px;color:#b9c6a8;line-height:1.75}.keep-button,.door-link{display:block;background:#c5ad70;color:#19251a;border:1px solid #d1bd88;border-radius:5px;padding:14px 12px;font-size:11px;min-height:44px;width:100%;margin:16px 0;text-align:center}.door-link{background:#34462d;color:#e3dbc0;border-color:#75895a;text-align:left;margin:9px 0}.held{padding:12px;border:1px dashed #6d7956;border-radius:5px;font-size:11px;color:#c7cba9;margin:9px 0;line-height:1.7}.held strong{font-size:9px;color:#c5b67e}.source{margin:24px 0 15px;padding-top:20px;border-top:1px solid #536344}.source summary{font-size:10px;letter-spacing:1px;cursor:pointer;min-height:44px}.source p,.source a{font-size:10px;line-height:1.7;overflow-wrap:anywhere;color:#b2c09e}.source a{text-decoration:underline}.source code{font-size:9px}.blank{grid-column:1/-1;min-height:270px;border:1px dashed #708356;border-radius:9px;padding:45px;text-align:center}.blank h2{font:italic 25px Georgia}.blank p{font-size:12px;color:var(--muted);line-height:1.8}#notice{border:1px solid #bea66b;padding:15px;font-size:12px;line-height:1.8;background:#403b24;border-radius:7px}footer{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#91a184;margin-top:25px;line-height:1.8}footer a{color:#bdc6a9}
@media(min-width:1500px){.shell{grid-template-columns:235px minmax(0,1fr) 320px}main{padding:45px}.art{height:170px}.art svg{height:140px;width:160px}.card h2{font-size:23px}.instrument{padding:27px}h1{font-size:51px}}
@media(max-width:1180px){.shell{grid-template-columns:175px minmax(0,1fr)}.inspector{position:fixed;right:0;top:88px;bottom:0;width:310px;z-index:10;display:none;overflow:auto;box-shadow:-15px 0 35px #0008}.inspector.open{display:flex}#close{visibility:visible}main{padding:28px 22px}.navigator{padding:26px 10px}.garden-stamp{width:76px;height:76px}.instrument{gap:12px}.card h2{font-size:18px}.header-center{letter-spacing:1.5px}}
@media(max-width:760px){header{height:70px;padding:0 18px}.brand{font-size:31px}.header-center{font-size:8px;letter-spacing:1px}.edition,.porch{display:none}.shell{display:flex;flex-direction:column}.navigator{padding:12px 15px;border-right:0;border-bottom:1px solid var(--line)}.navigator>.eyebrow,.side-note,.nav-foot{display:none}nav{display:flex;overflow:auto;gap:6px}.nav{flex-shrink:0;padding:10px;min-height:44px}.nav small{display:none}main{padding:28px 17px}.welcome{margin-bottom:22px}h1{font-size:35px}.welcome .eyebrow{font-size:7px}.welcome p{max-width:230px;font-size:11px;line-height:1.6}.garden-stamp{width:67px;height:67px}.garden-stamp span{font-size:7px}.garden-stamp b{font-size:20px}.instrument{grid-template-columns:1fr 1fr;gap:14px 24px;padding:20px}.instrument-label{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.instrument-label p{display:none}.transport{gap:6px}.instrument-label>.eyebrow{align-self:center}.dial-unit{display:flex;flex-direction:column;align-items:center}.rotary{width:80px;height:80px;margin-bottom:9px}.knob{width:65px;height:65px}.knob i{left:29px}.dial-unit input{max-width:130px;height:34px}.instrument-end{grid-column:1/-1;display:flex;align-items:center;gap:15px;text-align:left;flex-wrap:wrap}.window{padding:8px;display:flex;align-items:center;gap:8px}.window strong{font-size:19px}.window small{font-size:7px;margin:0}.instrument-end #copy{width:auto;margin:0;font-size:10px}.instrument-end>a{width:100%;font-size:10px}.tray{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.art{height:120px}.art svg{height:100px;width:115px}.card-body{padding:12px}.card h2{font-size:19px}.card p{font-size:11px}.inspector{top:70px;width:min(100%,360px);padding:20px}.inspector-top{position:sticky;top:0;background:#1d2e22;z-index:1}.tray-bar{margin-top:24px}.tray-bar .eyebrow{font-size:8px}footer{flex-direction:column;gap:6px}}
@media(max-width:370px){h1{font-size:29px}.garden-stamp{display:none}.instrument{gap:10px;padding:15px}.instrument-label{justify-content:center}.tray{gap:10px}.card h2{font-size:17px}.card .eyebrow{font-size:7px}.card-body{padding:10px}.art{height:104px}.tray-bar p{max-width:175px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}