#coffee-journal{--cj-green:#31534a;--cj-line:#c7c9b9;--cj-ease:cubic-bezier(.22,1,.36,1)}#coffee-journal [hidden]{display:none!important}#coffee-journal .page-heading{margin-bottom:12px}.cj-intro{color:#62675d;margin:0 0 30px;font:italic 15px/1.7 Libre Baskerville,Georgia,serif}.cj-tools{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:24px;padding-bottom:19px;display:flex}.cj-search{flex-direction:column;gap:9px;width:100%;max-width:420px;display:flex}.cj-search>span,.cj-methods legend{letter-spacing:.12em;text-transform:uppercase;color:#62675d;font-size:10px}.cj-search input{appearance:none;width:100%;min-width:0;color:var(--ink);background:0 0;border:0;border-bottom:1px solid #a3afa0;border-radius:0;padding:10px 0;font:14px DM Sans,sans-serif}.cj-methods{border:0;gap:6px;margin:0;padding:0;display:flex}.cj-methods legend{margin-bottom:10px}.cj-methods button{color:#62675d;background:0 0;border:1px solid #0000;border-radius:20px;padding:9px 14px;font:12px DM Sans,sans-serif}.cj-methods button[aria-pressed=true]{color:var(--cj-green);background:#e6e9df;border-color:#a3afa0}.cj-status{color:#727568;justify-content:space-between;gap:15px;margin:15px 0 20px;font-size:10px;display:flex}.cj-cabinet{overscroll-behavior-y:contain;border:1px solid var(--cj-line);scrollbar-width:thin;scrollbar-color:#a5b09e transparent;background:linear-gradient(120deg,#e8e9df,#f0eee4 65%,#e4e8df);max-height:1050px;padding:16px 22px 5px;overflow-y:auto}.cj-shelf{margin-bottom:25px;position:relative}.cj-shelf-head{letter-spacing:.12em;color:#727568;text-transform:uppercase;justify-content:space-between;align-items:center;padding:3px 5px 9px;font-size:9px;display:flex}.cj-shelf-head button{color:var(--cj-green);background:0 0;border:0;padding:4px 10px;font:16px system-ui}.cj-track{scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain;gap:37px;padding:14px 24px 6px;display:flex;overflow-x:auto}.cj-track::-webkit-scrollbar{display:none}.cj-bag{--bag:#e7decb;--bag-ink:#31534a;background:linear-gradient(90deg,#0000000b,transparent 11%,#ffffff38 48%,transparent 89%,#0000000c),var(--bag);height:258px;color:var(--bag-ink);transform-origin:bottom;transition:transform .4s var(--cj-ease),box-shadow .4s var(--cj-ease);scroll-snap-align:center;cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;user-select:none;border:0;border-radius:3px 3px 7px 7px;flex:0 0 190px;padding:25px 15px 20px;display:block;position:relative;box-shadow:3px 5px 8px -5px #343b3140}.cj-bag:hover,.cj-bag[aria-expanded=true]{transform:translateY(-5px)rotate(-1deg);box-shadow:3px 10px 15px -7px #343b3150}.cj-bag:focus-visible{outline-offset:4px;outline:2px solid #31534a}.cj-fold{background:#00000004;border-top:3px double #ffffff60;border-bottom:1px solid #00000015;height:14px;position:absolute;top:0;left:4px;right:4px;transform:skew(-3deg)}.cj-label{color:#31534a;background:#faf7efed;border:1px solid #ffffff60;flex-direction:column;align-items:center;height:100%;padding:10px 6px 8px;display:flex}.cj-roaster{text-transform:uppercase;letter-spacing:.12em;overflow-wrap:anywhere;max-width:100%;font:10px/1.4 DM Sans,sans-serif}.cj-art{width:91px;height:91px;margin:4px 0;display:block}.cj-art svg{width:100%;height:100%}.cj-name{letter-spacing:-.03em;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font:15px/1.35 Libre Baskerville,Georgia,serif;display:-webkit-box;overflow:hidden}.cj-origin{overflow-wrap:anywhere;max-width:100%;margin-top:7px;font-size:9px;line-height:1.5}.cj-mark{letter-spacing:.06em;color:#737b6b;justify-content:space-between;width:100%;margin-top:auto;padding-top:9px;font-size:7px;display:flex}.cj-base{border-bottom:1px solid #00000014;position:absolute;bottom:7px;left:10px;right:10px}.cj-tone-forest{--bag:#537565}.cj-tone-sage{--bag:#aebba3}.cj-tone-clay{--bag:#bf9b87}.cj-tone-rose{--bag:#c4a2a2}.cj-plank{background:linear-gradient(#aab59e,#c6cebb 3px,#909d85 12px);border-top:1px solid #88987e;height:13px;margin-top:0;position:relative;box-shadow:0 10px 14px -10px #27362b70}.cj-empty{text-align:center;border:1px solid var(--cj-line);background:#eceee580;padding:70px 25px}.cj-empty>span{color:#789381;font-size:35px}.cj-empty h2{margin:15px 0;font:20px/1.5 Libre Baskerville,Georgia,serif}.cj-empty p{color:#62675d;max-width:340px;margin:auto;font-size:13px}.cj-empty button{color:var(--cj-green);background:0 0;border:0;border-bottom:1px solid #a3afa0;margin-top:20px;padding:8px 0;font-size:12px}.cj-footnote{color:#727568;margin:19px 0 0;font-size:11px;font-style:italic}.cj-detail{z-index:90;width:330px;max-height:min(580px,100svh - 32px);animation:cj-in .22s var(--cj-ease);overscroll-behavior:contain;background:#faf7ef;border:1px solid #b9c3ae;border-radius:3px;padding:26px;position:fixed;overflow-y:auto;box-shadow:0 15px 45px -18px #24262460}.cj-close{color:#62675d;background:0 0;border:0;min-width:44px;min-height:44px;padding:0 8px;font:24px system-ui;position:absolute;top:8px;right:10px}.cj-detail-roaster{text-transform:uppercase;letter-spacing:.13em;color:#62675d;margin:0 28px 9px 0;font-size:9px}.cj-detail h2{margin:0 0 9px;font:22px/1.4 Libre Baskerville,Georgia,serif}.cj-detail-origin{color:#62675d;margin:0 0 21px;font-size:11px;line-height:1.7}.cj-small-label{text-transform:uppercase;letter-spacing:.12em;color:#727568;margin:0 0 7px;font-size:9px}.cj-tasting{color:#31534a;margin:0 0 19px;font:italic 14px/1.7 Libre Baskerville,Georgia,serif}.cj-brew{border-top:1px solid #c7c9b9;margin-top:14px;padding-top:14px}.cj-brew h3{margin:0 0 5px;font:500 12px/1.6 DM Sans,sans-serif}.cj-recipe{color:#31534a;margin:0 0 5px;font-size:12px}.cj-settings{color:#727568;margin:0;font-size:10px}.cj-brew-notes,.cj-reflection{white-space:pre-line;color:#62675d;margin:10px 0 0;font-size:12px;line-height:1.8}.cj-reflection{border-top:1px solid #c7c9b9;padding-top:15px;font-style:italic}.cj-entry-date{color:#727568;margin:19px 0 0;font-size:9px}@keyframes cj-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media (width<=680px){.cj-tools{flex-direction:column;align-items:stretch;gap:17px}.cj-search{max-width:none}.cj-methods{align-self:start}.cj-methods legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.cj-methods button{padding:8px 16px}.cj-status [data-coffee-hint]{font-size:0}.cj-status [data-coffee-hint]:after{content:"Tap a bag to explore";font-size:10px}.cj-cabinet{max-height:940px;padding:12px 10px 0}.cj-track{gap:23px;padding:12px 14px 5px}.cj-bag{flex-basis:164px;height:241px;padding:24px 12px 19px}.cj-art{width:82px;height:82px}.cj-name{font-size:14px}.cj-shelf{margin-bottom:22px}.cj-intro{font-size:13px}.cj-shelf-head button{min-width:40px;min-height:35px}.cj-detail h2{font-size:20px}}@media (hover:none),(pointer:coarse){.cj-detail{border-radius:6px;max-height:60svh;padding:23px;bottom:16px;width:auto!important;top:auto!important;left:16px!important;right:16px!important}.cj-bag:hover{transform:none}.cj-bag[aria-expanded=true]{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.cj-bag{transition:none}.cj-detail{animation:none}}