.mq-w{display:inline-block}.mq-anim .mq-w{opacity:0;transform:translateY(9px);transition:opacity .5s var(--ease-reveal),transform .5s var(--ease-reveal)}.mq-anim.mq-play .mq-w{opacity:1;transform:none}.mq-anim .hl{background-size:0% .9em;transition:none}.mq-anim.mq-play .hl{animation:mq-draw .55s var(--ease-reveal) forwards}@keyframes mq-draw{to{background-size:calc(100% + 12px) .9em}}@media(prefers-reduced-motion:reduce){.mq-anim .mq-w{opacity:1;transform:none;transition:none}.mq-anim .hl{background-size:calc(100% + 12px) .9em}.mq-anim.mq-play .hl{animation:none}}.stock{margin:0;font-family:var(--font-body)}.stock .stock-label{font-size:1rem;font-weight:600;color:var(--color-inkdeep);margin:0 0 .75rem}.stock .stock-card{display:flex;align-items:center;gap:1.5rem;border:1px solid var(--color-line);border-radius:1rem;background:#fff;box-shadow:0 1px 2px #15130f0a,0 24px 48px -24px #15130f38;padding:1.5rem 1.75rem}.stock .stock-count{flex-shrink:0;text-align:left}.stock .stock-num{display:block;font-size:3.25rem;font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--color-inkdeep);transition:color var(--dur-base) var(--ease-soft)}.stock .stock-unit{display:block;margin-top:.4rem;font-size:.8rem;color:var(--color-muted)}.stock .stock-meter{flex:1;min-width:0}.stock .stock-track{position:relative;height:14px;border-radius:999px;background:#eceae3;overflow:visible}.stock .stock-fill{height:100%;width:75%;border-radius:999px;background:var(--color-green);transition:width var(--dur-base) var(--ease-soft),background var(--dur-base) var(--ease-soft)}.stock.is-low .stock-fill{background:var(--color-accent)}.stock .stock-mark{position:absolute;top:-5px;bottom:-5px;width:0}.stock .stock-mark--critical{border-left:2px solid var(--color-inkdeep)}.stock .stock-mark--reorder{border-left:2px dashed #b4b1a6}.stock .stock-mark em{position:absolute;top:-1.15rem;left:50%;transform:translate(-50%);font-size:.6rem;font-weight:600;font-style:normal;letter-spacing:.03em;text-transform:uppercase;color:var(--color-muted);white-space:nowrap}.stock .stock-scale{display:flex;align-items:center;justify-content:space-between;margin-top:.7rem}.stock .stock-status{display:inline-flex;align-items:center;gap:.4rem;font-size:.95rem;font-weight:600;color:#1f9d57;transition:color var(--dur-base)}.stock .stock-status-dot{width:.5rem;height:.5rem;border-radius:999px;background:var(--color-green);transition:background var(--dur-base)}.stock.is-low .stock-status{color:var(--color-accent)}.stock.is-low .stock-status-dot{background:var(--color-accent)}.stock .stock-par{font-size:.75rem;color:var(--color-muted)}.stock .stock-controls{display:flex;gap:1rem;flex-shrink:0}.stock .stock-btn{display:flex;flex-direction:column;align-items:center;gap:.35rem}.stock .stock-sign{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:999px;border:1px solid var(--color-line);color:var(--color-inkdeep);font-size:1.4rem;line-height:1;background:#fff;transition:transform var(--dur-quick) var(--ease-soft),background var(--dur-quick),border-color var(--dur-quick)}.stock .stock-btn em{font-style:normal;font-size:.8rem;font-weight:500;color:var(--color-muted)}.stock .stock-remove.pressing .stock-sign{background:var(--color-accentsoft);border-color:var(--color-accent);color:var(--color-accent);transform:scale(.92)}.stock .stock-add.pressing .stock-sign{background:var(--color-greensoft);border-color:var(--color-green);color:#1f9d57;transform:scale(.92)}.stock .stock-note{display:flex;align-items:center;gap:.45rem;max-height:0;overflow:hidden;opacity:0;margin:0;padding:0 .875rem;border-radius:.625rem;font-size:.85rem;font-weight:600;transition:max-height var(--dur-base) var(--ease-soft),opacity var(--dur-base),margin var(--dur-base),padding var(--dur-base)}.stock.show-note .stock-note{max-height:56px;opacity:1;margin-top:.875rem;padding:.6rem .875rem}.stock .stock-note.is-reorder{color:var(--color-accent);background:var(--color-accentsoft)}.stock .stock-note.is-restock{color:#1f9d57;background:var(--color-greensoft)}@media(max-width:520px){.stock .stock-card{flex-wrap:wrap;gap:.9rem 1rem;padding:1.25rem}.stock .stock-count{order:1}.stock .stock-controls{order:2;margin-left:auto}.stock .stock-meter{order:3;flex-basis:100%;margin-top:.9rem}}@media(prefers-reduced-motion:reduce){.stock .stock-num,.stock .stock-fill,.stock .stock-status,.stock .stock-sign,.stock .stock-note{transition:none!important}}.df{margin:0;display:flex;justify-content:center;font-family:var(--font-body)}.df .df-card{width:100%;max-width:25rem;border:1px solid var(--color-line);border-radius:1.25rem;background:#fff;box-shadow:0 1px 2px #15130f0a,0 30px 55px -30px #15130f47;padding:1.4rem}.df .df-head{display:flex;align-items:center;gap:.75rem;padding-bottom:1.1rem;border-bottom:1px solid var(--color-line)}.df .df-head-ico{display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:.7rem;background:var(--color-cream);color:var(--color-inkdeep);flex-shrink:0}.df .df-head-text{display:flex;flex-direction:column}.df .df-head-title{font-size:.95rem;font-weight:700;color:var(--color-inkdeep)}.df .df-head-sub{font-size:.78rem;color:var(--color-muted);margin-top:.1rem}.df .df-list{list-style:none;margin:0;padding:0}.df .df-item{display:flex;align-items:center;gap:.75rem;padding:.85rem 0;border-bottom:1px solid var(--color-line)}.df .df-check{display:flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border-radius:999px;border:2px solid var(--color-line);color:#fff;flex-shrink:0;transition:background .3s var(--ease-soft),border-color .3s}.df .df-check svg{opacity:0;transform:scale(.4);transition:opacity .3s,transform .3s var(--ease-soft)}.df .df-item.is-in .df-check{background:var(--color-green);border-color:var(--color-green)}.df .df-item.is-in .df-check svg{opacity:1;transform:none}.df .df-item--partial.is-in .df-check{background:#eab308;border-color:#eab308}.df .df-item--partial.is-in .df-item-qty{color:#a16207}.df .df-item-name{flex:1;min-width:0;font-size:.88rem;font-weight:600;color:var(--color-inkdeep)}.df .df-item-qty{font-size:.82rem;font-weight:700;color:var(--color-muted);transition:color .3s}.df .df-item.is-in .df-item-qty{color:#1f9d57}.df .df-foot{padding-top:1.2rem}.df .df-btn{display:flex;align-items:center;justify-content:center;width:100%;height:2.9rem;border-radius:.8rem;background:var(--color-accent);color:#fff;font-size:.9rem;font-weight:700;transition:transform var(--dur-quick) var(--ease-soft),background .35s var(--ease-soft)}.df .df-btn.pressing{transform:scale(.97)}.df.is-done .df-btn{background:var(--color-green)}.df .df-btn-done{display:none;align-items:center;gap:.4rem}.df.is-done .df-btn-label{display:none}.df.is-done .df-btn-done{display:inline-flex}.df .df-note{display:flex;align-items:center;justify-content:center;gap:.4rem;margin:0;padding-top:.85rem;opacity:0;font-size:.8rem;font-weight:600;color:#a16207;transition:opacity .35s var(--ease-soft)}.df.show-note .df-note{opacity:1}.df .df-note--ok{color:#1f9d57;padding-top:.45rem}@media(prefers-reduced-motion:reduce){.df .df-check,.df .df-check svg,.df .df-item-qty,.df .df-btn,.df .df-note{transition:none!important}}