:root{--sand-light: #f4ede3;--sand-mid: #e6d9c6;--sand-dark: #c9b59a;--panel: #f7f4ee;--ink: #1a1814;--ink-soft: rgba(26, 24, 20, .68);--ink-faint: rgba(26, 24, 20, .42);--ease-soft: cubic-bezier(.22, .61, .36, 1);--tool-transition: .22s var(--ease-soft);--font-brand: "Miri", "Libre Baskerville", "Times New Roman", serif;--font-mono: "B612 Mono", "Courier New", monospace;--font-body: Helvetica, "Helvetica Neue", Arial, sans-serif}@font-face{font-family:Miri;src:local("Miri"),url(../assets/fonts/Miri.woff2) format("woff2"),url(../assets/fonts/Miri.woff) format("woff"),url(../assets/fonts/Miri.ttf) format("truetype");font-weight:400 700;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--panel);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-user-select:none;user-select:none}.page{display:flex;width:100%;height:100%;min-height:100dvh}.garden{position:relative;flex:1 1 auto;min-width:0;height:100%;overflow:hidden}.garden.is-shaking{animation:table-shake .65s var(--ease-soft)}@keyframes table-shake{0%,to{transform:translateZ(0)}15%{transform:translate3d(-3px,1px,0)}30%{transform:translate3d(4px,-2px,0)}45%{transform:translate3d(-3px,-1px,0)}60%{transform:translate3d(3px,2px,0)}75%{transform:translate3d(-2px,0,0)}}.garden__canvas{display:block;width:100%;height:100%;cursor:none;touch-action:none;background:var(--sand-mid)}.sound-toggle{-webkit-appearance:none;appearance:none;position:absolute;z-index:4;left:max(.75rem,env(safe-area-inset-left));bottom:max(.75rem,env(safe-area-inset-bottom));width:2rem;height:2rem;padding:.2rem;border:0;background:transparent;color:#1a181466;cursor:pointer;transition:color .4s var(--ease-soft),opacity .4s var(--ease-soft)}.sound-toggle svg{width:100%;height:100%;display:block}.sound-toggle .icon-sound--on{display:none}.sound-toggle[aria-pressed=true]{color:#1a1814b3}.sound-toggle[aria-pressed=true] .icon-sound--off{display:none}.sound-toggle[aria-pressed=true] .icon-sound--on{display:block}.sound-toggle:hover,.sound-toggle:focus-visible{color:var(--ink)}.sound-toggle:focus-visible{outline:1px solid rgba(26,24,20,.25);outline-offset:3px}.size-bar{position:absolute;left:max(.85rem,env(safe-area-inset-left));top:50%;transform:translateY(-50%);z-index:5;display:none;flex-direction:column;align-items:center;gap:1.1rem;padding:.85rem .55rem;pointer-events:auto;touch-action:none}.size-bar:not([hidden]){display:flex}.size-bar__preview{width:var(--preview, 16px);height:var(--preview, 16px);border-radius:50%;border:1.5px solid rgba(26,24,20,.42);background:#f7f4ee8c;box-shadow:0 1px 4px #1a181414;transition:width 90ms var(--ease-soft),height 90ms var(--ease-soft)}.size-bar__track{position:relative;width:28px;height:148px;display:flex;align-items:center;justify-content:center}.size-bar__range{-webkit-appearance:none;appearance:none;width:148px;height:28px;margin:0;transform:rotate(-90deg);background:transparent;cursor:pointer}.size-bar__range:focus-visible{outline:none}.size-bar__range::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:#1a18142e}.size-bar__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;margin-top:-5.5px;border-radius:50%;border:1.5px solid rgba(26,24,20,.55);background:var(--panel);box-shadow:0 1px 3px #1a18141f;transition:transform .12s var(--ease-soft)}.size-bar__range:hover::-webkit-slider-thumb,.size-bar__range:active::-webkit-slider-thumb{transform:scale(1.12)}.size-bar__range::-moz-range-track{height:3px;border-radius:999px;background:#1a18142e}.size-bar__range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;border:1.5px solid rgba(26,24,20,.55);background:var(--panel);box-shadow:0 1px 3px #1a18141f}@media(max-width:767px){.size-bar{display:none!important}}.panel{flex:0 0 clamp(240px,26vw,320px);display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem;padding:clamp(1.5rem,4vh,2.75rem) clamp(1rem,2vw,1.6rem) max(1.25rem,env(safe-area-inset-bottom)) clamp(1rem,2vw,1.6rem);background:var(--panel);border-left:1px solid rgba(26,24,20,.08);z-index:2}.panel__copy{display:flex;flex-direction:column;gap:.55rem}.panel__eyebrow{margin:0;font-family:var(--font-brand);font-size:clamp(.62rem,1vw,.74rem);font-weight:400;letter-spacing:.38em;text-indent:.38em;text-transform:uppercase;color:var(--ink-faint)}.panel__brand{margin:0 0 .85rem;font-family:var(--font-brand);font-size:clamp(1.85rem,3.2vw,2.45rem);font-weight:400;line-height:1;letter-spacing:.18em;text-indent:.08em;text-transform:lowercase;color:var(--ink)}.panel__label{margin:.55rem 0 0;font-family:var(--font-mono);font-size:clamp(.58rem,.95vw,.68rem);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}.panel__practice,.panel__directions{margin:0;font-family:var(--font-body);font-size:clamp(.78rem,1.15vw,.88rem);font-weight:400;line-height:1.45;letter-spacing:0;text-transform:lowercase;color:var(--ink-soft)}.cta{margin:0;font-family:var(--font-mono);font-size:clamp(.62rem,1.05vw,.72rem);font-weight:400;line-height:1.55;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}.tool-dock{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1.4rem,3.5vh,2.4rem);flex:1 1 auto;padding:.5rem 0}.tool-btn{-webkit-appearance:none;appearance:none;border:0;background:transparent;padding:.35rem;margin:0;width:min(100%,11.5rem);cursor:pointer;opacity:.55;transform:scale(1);filter:saturate(.92);transition:opacity var(--tool-transition),transform var(--tool-transition),filter var(--tool-transition)}.tool-btn img{display:block;width:100%;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none}.tool-btn:hover{opacity:.82}.tool-btn:focus-visible{outline:1px solid rgba(26,24,20,.3);outline-offset:4px}.tool-btn.is-active{opacity:1;transform:scale(1.06);filter:saturate(1) drop-shadow(0 6px 14px rgba(26,24,20,.14))}.panel__actions{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.75rem;width:100%}.shake-btn{-webkit-appearance:none;appearance:none;border:0;background:transparent;padding:0;margin:0;font-family:var(--font-mono);font-size:clamp(.62rem,1.05vw,.72rem);font-weight:400;line-height:1.55;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);cursor:pointer;opacity:0;transition:opacity .42s var(--ease-soft),color .32s var(--ease-soft)}.shake-btn.is-visible{opacity:1}.shake-btn:hover,.shake-btn:focus-visible{color:var(--ink)}.shake-btn:focus-visible{outline:1px solid rgba(26,24,20,.25);outline-offset:3px}.cta{align-self:flex-end;text-decoration:none;color:var(--ink);padding-bottom:.1rem;border-bottom:1px solid transparent;transition:opacity .42s var(--ease-soft),border-color .42s var(--ease-soft);opacity:0}.cta.is-visible{opacity:1}.cta:hover,.cta:focus-visible{border-bottom-color:#1a181473}.cta:focus-visible{outline:none}.info-tab,.sheet-close{display:none}.panel__sheet{display:contents}.sheet-backdrop{display:none}.rake-cursor{position:fixed;z-index:50;width:96px;height:auto;pointer-events:none;opacity:0;transform:translate(-18%,-40%);transition:opacity .16s var(--ease-soft),width 90ms var(--ease-soft);filter:drop-shadow(0 2px 4px rgba(26,24,20,.18))}.rake-cursor.is-visible{opacity:.92}.rake-cursor img{display:block;width:100%;height:auto}@media(max-width:767px){html,body{touch-action:none;overflow:hidden}.page{display:flex;flex-direction:column;width:100%;height:100dvh;overflow:hidden;touch-action:none;background:var(--sand-mid)}.garden{position:relative;flex:1 1 auto;width:100%;min-height:0;height:auto;max-height:none;aspect-ratio:auto}.garden.is-shaking{animation:table-shake .55s var(--ease-soft)}.garden__canvas{touch-action:none}.sound-toggle{left:max(.65rem,env(safe-area-inset-left));top:max(.65rem,env(safe-area-inset-top));z-index:30}.size-bar{display:none!important}.panel{position:relative;z-index:20;flex:0 0 auto;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.35rem;border-left:0;border-top:1px solid rgba(26,24,20,.1);padding:.45rem .65rem max(.55rem,env(safe-area-inset-bottom));background:#f7f4eef7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);touch-action:manipulation}.info-tab{display:inline-flex;-webkit-appearance:none;appearance:none;border:1px solid rgba(26,24,20,.14);background:transparent;border-radius:999px;padding:.45rem .75rem;margin:0;flex:0 0 auto;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);cursor:pointer}.info-tab[aria-expanded=true]{color:var(--ink);border-color:#1a181459}.tool-dock{flex:1 1 auto;flex-direction:row;justify-content:space-evenly;align-items:center;gap:.35rem;padding:0;min-width:0}.tool-btn{width:min(28%,5.5rem);padding:.15rem;opacity:.7}.tool-btn.is-active{opacity:1;transform:scale(1.04)}.panel__sheet{display:flex;flex-direction:column;gap:1rem;position:fixed;left:0;right:0;bottom:0;z-index:40;max-height:min(72dvh,34rem);overflow:auto;padding:1.15rem 1.15rem max(1.15rem,env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid rgba(26,24,20,.1);box-shadow:0 -12px 40px #1a18141f;transform:translateY(110%);transition:transform .32s var(--ease-soft);pointer-events:none}.panel__sheet.is-open{transform:translateY(0);pointer-events:auto}.sheet-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:#1a181447;opacity:0;pointer-events:none;transition:opacity .28s var(--ease-soft)}.sheet-backdrop.is-open{opacity:1;pointer-events:auto}.sheet-close{display:block;-webkit-appearance:none;appearance:none;border:0;background:transparent;padding:.35rem 0 0;margin:0;align-self:center;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);cursor:pointer}.panel__copy{gap:.4rem}.panel__brand{margin-bottom:.35rem}.shake-btn,.cta{opacity:1}.cta{align-self:center}.panel__actions{flex-direction:row;justify-content:space-between;align-items:center;width:100%;flex-shrink:0;padding-top:.15rem}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/zen-garden.css.map */