@font-face{font-family:BeanLabelMincho;src:url(../media/shippori-mincho.0089fa02.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:BeanLabelSans;src:url(../media/dm-sans.bb3c4132.woff2)format("woff2");font-weight:600;font-display:swap}.bean-labels{--label-paper:#f6f2ea;--label-ink:#292a25;--label-quiet:#68655c;--label-rule:#d8d2c7;isolation:isolate;overflow-anchor:none;margin-top:20px;position:relative;container:bean-collection/inline-size}.bean-labels [hidden]{display:none!important}.bean-labels svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.bean-labels button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.bean-labels button:focus-visible{outline:2px solid var(--label-origin,var(--foreground));outline-offset:4px}.bean-labels button[aria-disabled=true]{cursor:default}.bean-labels p,.bean-labels h3,.bean-labels h4,.bean-labels dl,.bean-labels dd{margin:0}.bean-labels ::selection{color:#292a25;background:#d7c5a6}.bean-label-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:25px 16px;display:grid}.bean-label-card{min-width:0;container:bean-card/inline-size}.bean-label-paper{perspective:1600px;z-index:2;position:relative}.bean-label-turner{min-height:clamp(254px,142cqw,484px);transform-style:preserve-3d;transition:transform .46s cubic-bezier(.22,1,.36,1);display:grid}.bean-label-turner[data-language=en]{transform:rotateY(180deg)}.bean-label-face{background:var(--label-paper);min-width:0;color:var(--label-ink);backface-visibility:hidden;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border-radius:3px 3px 0 0;flex-direction:column;grid-area:1/1;padding:clamp(16px,8.8cqw,30px);display:flex;position:relative;box-shadow:0 3px 5px #0001,0 15px 25px #0002}.bean-label-face-en{transform:rotateY(180deg)}.bean-label-origin{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.bean-label-origin-text{min-width:0;padding-top:2px}.bean-label-country{font-size:clamp(12px,4.4cqw,15px);line-height:1.5;display:block}.bean-label-region{color:var(--label-quiet);margin-top:5px;font-size:12px;line-height:1.5;display:block}.bean-label-geography{flex-direction:column;flex:none;align-items:center;gap:7px;display:flex}.bean-label-map{background:var(--label-origin);width:clamp(40px,22cqw,74px);height:clamp(32px,17cqw,56px);-webkit-mask:var(--label-map)center/contain no-repeat;mask:var(--label-map)center/contain no-repeat;opacity:.86;display:block}.bean-label-code{color:var(--label-origin);letter-spacing:.04em;font:600 10px/1.3 BeanLabelSans,sans-serif}.bean-labels .bean-label-name{letter-spacing:-.02em;overflow-wrap:anywhere;margin-top:24px;font:500 clamp(21px,9.2cqw,32px)/1.3 BeanLabelMincho,Hiragino Mincho ProN,Yu Mincho,Georgia,serif}.bean-label-facts{flex-direction:column;gap:10px;margin-top:auto;padding-top:30px;display:flex}.bean-label-facts>div{grid-template-columns:auto 1fr;align-items:baseline;gap:12px;font-size:12px;line-height:1.6;display:grid}.bean-label-facts>div>span{color:var(--label-quiet);font-size:11px}.bean-label-facts p{white-space:pre-line;overflow-wrap:anywhere}.bean-label-measures{border-top:1px solid var(--label-rule);font-variant-numeric:tabular-nums;justify-content:space-between;gap:15px;margin-top:18px;padding-top:12px;font-size:12px;display:flex}.bean-label-measures:empty{display:none}.bean-label-measures>div{flex-direction:column;gap:5px;display:flex}.bean-label-measures span{color:var(--label-quiet);font-size:11px}.bean-label-brand{object-fit:contain;object-position:left center;width:67px;height:28px;margin-top:20px}.bean-label-select{z-index:2;background:0 0;border:0;border-radius:3px;width:100%;position:absolute;inset:0}.bean-label-select:focus-visible{outline-offset:-5px!important}.bean-label-select[aria-disabled=true]:not([aria-checked=true]){background:#19181708}.bean-label-flip{z-index:3;min-width:62px;min-height:44px;color:var(--label-quiet);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:0 3px;font-size:11px;display:flex;position:absolute;bottom:14px;right:14px}.bean-label-flip:hover{color:var(--label-ink)}.bean-label-selected{z-index:4;color:var(--label-origin);background:var(--label-tint);pointer-events:none;align-items:center;gap:3px;padding:3px 7px;font-size:10px;display:flex;position:absolute;top:-10px;left:12px}.bean-label-selected svg{width:12px;height:12px}.bean-label-details{z-index:2;border:0;border-top:1px solid var(--label-rule);width:100%;min-height:44px;color:var(--label-quiet);background:var(--label-paper);border-radius:0 0 3px 3px;justify-content:space-between;align-items:center;padding:10px clamp(16px,8.8cqw,30px);font-size:12px;display:flex;position:relative}.bean-label-details:hover{color:var(--label-ink);background:#eee8de}.bean-label-details svg{transform:rotate(90deg)}.bean-label-price{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:3px 12px;margin-top:12px;font-size:10px;display:flex}.bean-label-price>span:first-child{color:var(--foreground);font-variant-numeric:tabular-nums;font:600 16px/1.4 BeanLabelSans,sans-serif}.bean-label-price small{color:var(--muted);margin-left:3px;font-family:inherit;font-size:10px;font-weight:400}.bean-label-stock{z-index:4;pointer-events:none;display:flex;position:absolute;top:0;right:0}.bean-label-stock>span{color:#6e481e;white-space:nowrap;background:#f0dfbd;border-radius:0 3px;padding:2px 6px;font-size:10px;line-height:14px}.bean-label-stock-detail{max-width:900px;margin:18px auto 0}.bean-label-reading{z-index:2;max-width:900px;color:var(--label-ink);background:var(--label-paper);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border-radius:3px;margin:auto;padding:14px 22px 28px;scroll-margin-top:145px;position:relative;box-shadow:0 4px 6px #0001,0 22px 36px #0002}.bean-label-reading-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.bean-label-reading-header button{min-height:44px;color:var(--label-quiet);background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:12px;display:flex}.bean-label-reading-header button:hover{color:var(--label-ink)}.bean-label-reading-language{justify-content:flex-end;min-width:58px}.bean-label-reading-grid{display:block}.bean-label-reading-identity{border-bottom:1px solid var(--label-rule);min-width:0;margin-bottom:25px;padding-bottom:25px}.bean-label-reading-identity .bean-label-country{font-size:14px}.bean-label-reading-identity .bean-label-map{width:64px;height:48px}.bean-label-reading-identity .bean-label-name{margin-top:16px;font-size:30px;line-height:1.3}.bean-label-reading-identity .bean-label-brand{display:none}.bean-label-record-body{min-width:0}.bean-label-catalog>span{color:var(--label-quiet);margin-bottom:5px;font-size:12px;display:block}.bean-label-catalog p{overflow-wrap:anywhere;font-size:13px;line-height:1.65}.bean-labels .bean-label-record-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin-top:18px;display:grid}.bean-label-record-fields>div{border-bottom:1px solid var(--label-rule);min-width:0;padding:12px 0}.bean-label-record-fields dt{color:var(--label-quiet);margin-bottom:4px;font-size:12px}.bean-label-record-fields dd{overflow-wrap:anywhere;white-space:pre-line;font-variant-numeric:tabular-nums;font-size:13px;line-height:1.7}.bean-label-field-wide{grid-column:1/-1}.bean-label-taste{margin-top:27px}.bean-label-taste h4{color:var(--label-origin);font-size:13px;font-weight:500}.bean-label-taste p{white-space:pre-line;margin-top:10px;font-size:13px;line-height:1.9}.bean-label-taste ul{flex-wrap:wrap;gap:4px 18px;margin:12px 0;padding:0;font-size:13px;list-style:none;display:flex}.bean-label-reading-choice{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:900px;margin:14px auto 0;display:flex}.bean-label-reading-choice .bean-label-price{gap:4px 16px;margin:0}.bean-label-record-select{border:1px solid var(--border);min-height:44px;color:var(--foreground);background:var(--surface);border-radius:3px;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:12px;display:flex}.bean-label-record-select[aria-pressed=true]{border-color:var(--curve-target)}.bean-label-record-select[aria-disabled=true]:not([aria-pressed=true]){opacity:.45}.bean-label-morph{z-index:1;pointer-events:none;background:var(--label-paper);transform-origin:0 0;border-radius:3px;position:absolute;box-shadow:0 4px 6px #0001,0 22px 36px #0002}.bean-labels [data-morphing=true]{box-shadow:none;background:0 0}.bean-label-turn-copy{z-index:3;pointer-events:none;backface-visibility:hidden;margin:0;position:absolute!important}@container bean-card (max-width:249px){.bean-label-face{padding:18px 16px 50px}.bean-label-region,.bean-label-variety,.bean-label-measures,.bean-label-face .bean-label-brand,.bean-label-facts .bean-label-variety{display:none}.bean-labels .bean-label-name{margin-top:18px;font-size:clamp(18px,10cqw,24px)}.bean-label-facts{padding-top:20px}.bean-label-facts>div{font-size:11px;display:block}.bean-label-facts>div>span{display:none}.bean-label-country{font-size:12px}.bean-label-map{width:38px;height:34px}.bean-label-code{font-size:9px}.bean-label-geography{gap:5px}.bean-label-flip{bottom:3px;right:9px}.bean-label-details{padding-inline:16px;font-size:11px}}@container bean-collection (min-width:700px){.bean-label-reading{padding:20px 32px 34px}.bean-label-reading-grid{grid-template-columns:minmax(200px,.9fr) minmax(0,1.6fr);gap:40px;display:grid}.bean-label-reading-identity{border:0;margin:0;padding:0}.bean-label-reading-identity .bean-label-name{margin-top:30px;font-size:32px}.bean-label-reading-identity .bean-label-brand{margin-top:44px;display:block}.bean-label-record-fields dd,.bean-label-catalog p{font-size:14px}}@container bean-collection (min-width:900px){.bean-label-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}}@container bean-collection (max-width:359px){.bean-label-grid{gap:25px 12px}.bean-label-reading{padding-inline:18px}.bean-labels .bean-label-record-fields{gap:0 13px}.bean-label-reading-choice{align-items:stretch}.bean-label-record-select{width:100%}}@media (prefers-reduced-motion:reduce){.bean-labels *,.bean-labels :before,.bean-labels :after{scroll-behavior:auto!important;transition:none!important}}
.bean-selection-view{--selection-focus:var(--accent);--selection-fallback-clearance:132px;--selection-notice-clearance:0px;width:100%;min-height:calc(100svh - 3rem);padding:0 0 var(--selection-action-clearance,calc(var(--selection-fallback-clearance) + var(--selection-notice-clearance) + env(safe-area-inset-bottom)));color:var(--foreground);background:var(--background)}.bean-selection-view[data-low-stock=true]{--selection-notice-clearance:100px}.bean-selection-content,.bean-selection-stock-notice,.bean-selection-action-content{width:100%;max-width:1120px;margin-inline:auto}.bean-selection-stock-notice:not(:empty){margin-bottom:12px}.bean-selection-header{padding-bottom:10px}.bean-selection-back{min-height:44px;color:var(--muted);text-align:left;background:0 0;border:0;align-items:center;gap:8px;margin-bottom:20px;padding:0 10px 0 0;font-size:12px;display:inline-flex}.bean-selection-back svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.bean-selection-back:hover{color:var(--foreground)}.bean-selection-header h1{letter-spacing:-.02em;margin:0;font-size:clamp(24px,2.8vw,30px);font-weight:500;line-height:1.4}.bean-selection-context{color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.6}.bean-selection-catalog{min-width:0}.bean-selection-action-bar{z-index:40;padding:16px max(var(--page-gutter),env(safe-area-inset-right))calc(16px + env(safe-area-inset-bottom))max(var(--page-gutter),env(safe-area-inset-left));border-top:1px solid var(--border);color:var(--foreground);background:var(--background);position:fixed;inset:auto 0 0}.bean-selection-action-content{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;display:grid}.bean-selection-summary{min-width:0;color:var(--muted);overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:13px;line-height:1.6}.bean-selection-summary p{margin:0}.bean-selection-summary p+p{margin-top:3px}.bean-selection-summary strong{color:var(--foreground);font-weight:600}.bean-selection-continue{min-width:200px;min-height:52px;color:var(--background);background:var(--foreground);text-align:center;border:0;border-radius:3px;padding:13px 24px;font-size:14px;font-weight:500;line-height:1.5;transition:background-color .15s ease-out}.bean-selection-continue:hover:not(:disabled){background:color-mix(in srgb,var(--foreground)88%,var(--background))}.bean-selection-continue:disabled{color:var(--muted);background:var(--surface);cursor:not-allowed}.bean-selection-back,.bean-selection-continue{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.bean-selection-back:focus-visible,.bean-selection-continue:focus-visible{outline:2px solid var(--selection-focus);outline-offset:5px}.bean-selection-view ::selection{color:#292a25;background:#d7c5a6}@media (min-width:700px){.bean-selection-header{grid-template-columns:minmax(0,1fr) auto;column-gap:24px;display:grid}.bean-selection-header h1{grid-area:1/1}.bean-selection-context{grid-area:2/1;margin-top:6px}.bean-selection-back{grid-area:1/2/3;align-self:center;margin-bottom:0;padding-right:0}}@media (max-width:600px){.bean-selection-view{--selection-fallback-clearance:140px}.bean-selection-view[data-low-stock=true]{--selection-notice-clearance:136px}.bean-selection-back{margin-bottom:10px}.bean-selection-context{margin-top:7px;font-size:12px}.bean-selection-action-bar{padding-top:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.bean-selection-action-content{gap:14px}.bean-selection-summary{font-size:11px}.bean-selection-continue{min-width:138px;max-width:48vw;min-height:48px;padding:12px 16px;font-size:13px}}@media (max-width:359px){.bean-selection-view{--selection-fallback-clearance:188px}.bean-selection-action-content{grid-template-columns:minmax(0,1fr);gap:10px}.bean-selection-continue{width:100%;max-width:none}}@media (prefers-reduced-motion:reduce){.bean-selection-continue{transition:none}}
.lab-design-workspace{--lab-reference-top:4.5rem;margin-top:20px}.lab-design-workspace[data-nudge=true]{--lab-reference-top:8.5rem}.lab-bean-reference,.lab-bean-peek{--label-paper:#f6f2ea;--label-ink:#292a25;--label-quiet:#68655c;min-width:0;color:var(--label-ink);scroll-margin-top:5rem}.lab-bean-summary,.lab-bean-peek{background:var(--label-paper);text-align:left;cursor:pointer;touch-action:manipulation;border:0;border-radius:3px;align-items:center;gap:12px;width:100%;display:flex}.lab-bean-summary{min-height:76px;padding:12px 16px}.lab-bean-summary-copy{flex:1;min-width:0}.lab-bean-summary-country{color:var(--label-quiet);margin-bottom:4px;font-size:11px;display:block}.lab-bean-summary-name{overflow-wrap:anywhere;font:500 20px/1.35 BeanLabelMincho,Yu Mincho,Georgia,serif;display:block}.lab-bean-summary-map{background:var(--label-origin);width:36px;height:32px;-webkit-mask:var(--label-map)center/contain no-repeat;mask:var(--label-map)center/contain no-repeat;flex:none}.lab-bean-summary svg,.lab-bean-peek svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.lab-bean-reference[data-open=true]>.lab-bean-summary svg{transform:rotate(180deg)}.lab-bean-summary:focus-visible,.lab-bean-peek-control:focus-visible{outline:2px solid var(--label-origin);outline-offset:3px}.lab-bean-reference-card{display:none}.lab-bean-reference[data-open=true]>.lab-bean-reference-card{margin-top:12px;display:block}.lab-bean-reference .bean-labels{margin:0}.bean-labels-reference .bean-label-grid{grid-template-columns:minmax(0,1fr)}.bean-labels-reference .bean-label-turner{min-height:360px}.bean-labels-reference .bean-label-reading{box-shadow:none;padding:12px 18px 24px}.bean-labels-reference .bean-label-reading-header{gap:8px}.bean-labels-reference .bean-label-reading-header button{font-size:11px}.bean-labels-reference .bean-label-reading-identity .bean-label-name{font-size:26px}.bean-labels-reference .bean-label-record-fields{grid-template-columns:minmax(0,1fr)}.lab-roast-reference{display:contents}.lab-design-controls{min-width:0;padding:20px 0 112px}.lab-bean-peek-control{text-align:left;cursor:pointer;touch-action:manipulation;background:0 0;border:0;width:100%;min-height:52px;padding:0;display:block}.lab-bean-peek-price{color:var(--foreground);font:600 13px/1.5 var(--font-geist-mono),monospace;font-variant-numeric:tabular-nums;display:block}.lab-bean-peek-price small{color:var(--muted);font-family:var(--font-geist-sans),sans-serif;font-size:10px;font-weight:400}.lab-bean-peek{gap:6px;min-height:32px;margin-top:2px;padding:4px 7px}.lab-bean-peek>span:not(.lab-bean-summary-map){text-overflow:ellipsis;white-space:nowrap;font:500 12px/1.5 BeanLabelMincho,Yu Mincho,Georgia,serif;overflow:hidden}.lab-bean-peek .lab-bean-summary-map{width:18px;height:18px}.lab-bean-peek svg{width:12px;height:12px;margin-left:auto}@media (min-width:1024px){.lab-design-workspace{grid-template-columns:minmax(200px,.65fr) minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.lab-design-workspace[data-review=true]{grid-template-columns:minmax(240px,.65fr) minmax(0,1.5fr);gap:40px;max-width:1040px;margin-inline:auto}.lab-bean-reference,.lab-roast-reference{top:var(--lab-reference-top);position:sticky}.lab-bean-reference:has(.bean-labels[data-expanded=true]){position:static}.lab-bean-summary{display:none}.lab-bean-reference .lab-bean-reference-card{margin:0;display:block}.lab-roast-reference{min-width:0;display:block}.lab-design-controls{padding:0 0 32px}.bean-labels-reference .bean-label-face{padding:24px 20px 60px}.bean-labels-reference .bean-label-turner{min-height:400px}.bean-labels-reference .bean-label-region{display:block}.bean-labels-reference .bean-label-facts .bean-label-variety{display:grid}.bean-labels-reference .bean-label-facts>div{gap:8px;display:grid}.bean-labels-reference .bean-label-facts>div>span{display:block}.bean-labels-reference .bean-label-measures{display:flex}.bean-labels-reference .bean-label-measures:empty,.bean-labels-reference .bean-label-face .bean-label-brand{display:none}.bean-labels-reference .bean-label-name{font-size:clamp(24px,9.2cqw,30px)}.lab-roast-reference .lab-curve-panel{padding:16px}.lab-roast-reference .lab-curve-panel dl{column-gap:8px}.lab-roast-reference .lab-curve-panel dd{font-size:12px}}
