.leaf{--lf-fern:light-dark(#556f44,oklch(68% .08 135));--lf-tea:light-dark(#c7d59f,oklch(50% .06 120));--lf-clay:light-dark(#794e49,oklch(62% .07 30));--lf-denim:light-dark(#6c91bf,oklch(55% .07 255));--lf-dry:light-dark(oklch(72% .03 70),oklch(45% .02 70));background:var(--paper-2);gap:14px;padding:16px;display:grid}.leaf__head{justify-content:space-between;align-items:center;gap:var(--s-2);min-height:32px;font:600 var(--fs-sm)/1.2 var(--font-ui);flex-wrap:wrap;display:flex}.leaf__headr{align-items:center;gap:8px;display:inline-flex}.leaf__head .demo__replay{position:static}.leaf__h{font:600 var(--fs-xs)/1.2 var(--font-ui);color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em}.leaf__cam{align-content:start;gap:6px;min-width:0;display:grid}.leaf__view{background:var(--sky-0);border:2px solid var(--edge);padding:18px 16px;position:relative;overflow:hidden}.leaf__view>.scan__corner,.leaf__view>.scan__line{z-index:1}.leaf__view .scan__corner{filter:drop-shadow(1px 1px 0 var(--edge))}.leaf__paper{color:#3a2f2a;font:400 .6875rem/1.35 var(--font-mono);clip-path:polygon(0 0,100% 0,100% calc(100% - 6px),95% 100%,90% calc(100% - 6px),85% 100%,80% calc(100% - 6px),75% 100%,70% calc(100% - 6px),65% 100%,60% calc(100% - 6px),55% 100%,50% calc(100% - 6px),45% 100%,40% calc(100% - 6px),35% 100%,30% calc(100% - 6px),25% 100%,20% calc(100% - 6px),15% 100%,10% calc(100% - 6px),5% 100%,0 calc(100% - 6px));background:#fbf8f1;gap:6px;padding:10px 10px 16px;display:grid}.leaf__store{text-align:center;letter-spacing:.06em;font-weight:700;display:grid}.leaf__store small{letter-spacing:0;opacity:.75;font-weight:400}.leaf__lines{border-block:1px dashed #b9ab9a;gap:4px;margin:0;padding:6px 0;list-style:none;display:grid}.leaf__lines li{grid-template-columns:minmax(0,1fr) auto;column-gap:8px;display:grid}.leaf__price{font-variant-numeric:tabular-nums}.leaf__cat{font:600 .625rem/1.5 var(--font-ui);color:#2a2622;background:color-mix(in oklab, var(--c) 30%, #fbf8f1);border:1px solid var(--c);grid-column:1/-1;justify-self:start;align-items:center;gap:4px;padding:0 4px;display:inline-flex}.leaf__cat i{background:var(--c);width:6px;height:6px}.leaf__total{justify-content:space-between;font-weight:700;display:flex}.leaf__qr{color:#3a2f2a;justify-self:center;width:39px;height:39px}.leaf__paper [data-c=food]{--c:#8fa45a}.leaf__paper [data-c=tech]{--c:#6c91bf}.leaf__paper [data-c=home]{--c:#556f44}.leaf__card[data-c=food]{--c:var(--lf-tea)}.leaf__card[data-c=tech]{--c:var(--lf-denim)}.leaf__card[data-c=home]{--c:var(--lf-fern)}.leaf__card[data-c=health]{--c:var(--lf-clay)}.leaf__card[data-c=cafe]{--c:var(--lf-tea)}.leaf__status{font:500 var(--fs-xs)/1.3 var(--font-ui);color:var(--ink)}.leaf__side{align-content:start;gap:14px;min-width:0;display:grid}.leaf__feed,.leaf__chart{gap:6px;display:grid}.leaf__feed ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.leaf__card{background:var(--paper);border:2px solid var(--edge);font-size:var(--fs-xs);grid-template-columns:minmax(0,1fr) auto;column-gap:8px;padding:8px 10px 8px 14px;display:grid;position:relative}.leaf__card:before{content:"";background:var(--c);width:4px;position:absolute;top:0;bottom:0;left:0}.leaf__card b{font:600 var(--fs-sm)/1.25 var(--font-ui);overflow-wrap:anywhere;min-width:0}.leaf__card small{color:var(--ink-soft);grid-column:1/-1}.leaf__card.is-new{box-shadow:var(--e2)}.leaf__amt{font:600 var(--fs-sm)/1.25 var(--font-ui);font-variant-numeric:tabular-nums}.leaf__tape{background:color-mix(in oklab, var(--lf-denim) 55%, transparent);width:22px;height:8px;position:absolute;top:-5px;right:18px;transform:rotate(-6deg)}.leaf__chart ol{grid-template-columns:repeat(4,1fr);gap:8px;height:128px;margin:0;padding:0;list-style:none;display:grid}.leaf__chart li{grid-template-rows:auto 1fr auto;justify-items:center;gap:2px;min-width:0;display:grid}.leaf__v{font:500 .625rem/1.2 var(--font-ui);font-variant-numeric:tabular-nums;color:var(--ink-soft);white-space:nowrap}.leaf__v[data-now]{color:var(--ink);font-weight:700}.leaf__col{flex-direction:column;justify-content:flex-end;width:min(100%,36px);height:100%;display:flex}.leaf__seg{height:calc(var(--h) * 100%);background:var(--paper-3);border:2px solid var(--edge);border-top-width:2px;display:block}.leaf__seg+.leaf__seg{border-top:0}.leaf__chart li:last-child .leaf__seg{background:var(--lf-fern)}.leaf__seg.is-new{transform-origin:bottom;background:var(--accent)!important}.leaf__m{font:600 var(--fs-xs)/1 var(--font-ui)}.leaf__w{background:var(--paper);border:2px solid var(--edge);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;padding:12px 14px;display:grid}.leaf__leaf{width:33px;height:45px}.leaf__blade{fill:var(--lf-fern)}.leaf__vein{fill:light-dark(#3d5230,oklch(42% .06 135))}.leaf__leaf[data-s=mid] .leaf__blade{fill:var(--lf-tea)}.leaf__leaf[data-s=old] .leaf__blade{fill:var(--lf-clay)}.leaf__leaf[data-s=old] .leaf__vein{fill:light-dark(#4f312d,oklch(42% .05 30))}.leaf__leaf[data-s=gone] .leaf__blade{fill:var(--lf-dry)}.leaf__leaf[data-s=gone] .leaf__vein{fill:light-dark(oklch(55% .03 70),oklch(33% .02 70))}.leaf__wtext{gap:4px;min-width:0;display:grid}.leaf__wtext p{font-size:var(--fs-sm)}.leaf__terms{color:var(--ink-soft);flex-wrap:wrap;gap:2px 14px;display:flex;font-size:var(--fs-xs)!important}.leaf__terms [data-wleft],.leaf__terms [data-rleft]{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.leaf__terms [data-end]{color:light-dark(var(--px-r),oklch(80% .13 27))}.leaf__slider{font:600 var(--fs-xs)/1.2 var(--font-ui);gap:4px;margin-top:4px;display:grid}.leaf__slider output{font-variant-numeric:tabular-nums;color:var(--ink-soft)}.leaf__slider input{width:100%;min-height:24px;accent-color:var(--lf-fern)}.leaf__toast{min-height:2.7em;font:600 var(--fs-xs)/1.35 var(--font-ui)}.leaf__toast:not(:empty){background:var(--hl);border:2px solid var(--edge);padding:6px 8px}@container (width>=560px){.leaf{grid-template-columns:minmax(0,.95fr) minmax(0,1fr);align-items:start}.leaf__head,.leaf__w,.leaf .demo__note{grid-column:1/-1}.leaf__leaf{width:44px;height:60px}}@media (forced-colors:active){.leaf__seg,.leaf__cat i{forced-color-adjust:none}}