.dc{position:fixed;right:clamp(12px,2vw,24px);bottom:clamp(12px,2vw,24px);z-index:60;pointer-events:none;font-family:var(--font-sans, system-ui, sans-serif);color:var(--color-text)}.dc[data-state=empty] .dc-pill,.dc[data-state=empty] .dc-panel,.dc[data-state=collapsed] .dc-panel,.dc[data-state=expanded] .dc-pill{display:none}.dc-pill{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;padding:9px 12px 9px 10px;border-radius:999px;background:color-mix(in srgb,var(--color-bg) 92%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-border);color:var(--color-text);font-family:var(--font-mono, monospace);font-size:.78rem;letter-spacing:.02em;cursor:pointer;box-shadow:0 1px color-mix(in srgb,var(--color-text) 6%,transparent) inset,0 14px 32px -10px #00000073;transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .22s ease,box-shadow .22s ease}.dc-pill:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--color-text-muted) 70%,transparent)}.dc-pill:focus-visible{outline:2px solid var(--color-coral);outline-offset:3px}.dc-pill-dot{width:8px;height:8px;border-radius:999px;background:var(--color-coral);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-coral) 22%,transparent)}.dc-pill-sep{color:var(--color-text-muted)}.dc-pill-total{font-weight:600}.dc-pill-caret{transition:transform .22s cubic-bezier(.2,.8,.2,1);margin-left:2px;color:var(--color-text-muted)}.dc[data-state=expanded] .dc-pill-caret{transform:rotate(180deg)}.dc-pill--pop{animation:dc-pill-in .4s cubic-bezier(.16,1,.3,1)}@keyframes dc-pill-in{0%{opacity:0;transform:translateY(12px) scale(.86)}60%{opacity:1;transform:translateY(-2px) scale(1.03)}to{transform:translateY(0) scale(1)}}.dc-bump{display:inline-block;animation:dc-bump .32s cubic-bezier(.34,1.56,.64,1)}@keyframes dc-bump{0%{transform:scale(1)}35%{transform:scale(1.22)}to{transform:scale(1)}}.dc-panel{pointer-events:auto;position:absolute;right:0;bottom:calc(100% + 10px);width:min(380px,calc(100vw - 24px));background:color-mix(in srgb,var(--color-bg) 96%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:14px;padding:14px;box-shadow:0 1px color-mix(in srgb,var(--color-text) 5%,transparent) inset,0 28px 70px -20px #0009;opacity:0;transform:translateY(8px) scale(.985);transform-origin:bottom right;transition:opacity .22s cubic-bezier(.2,.8,.2,1),transform .24s cubic-bezier(.2,.8,.2,1)}.dc[data-state=expanded] .dc-panel{opacity:1;transform:translateY(0) scale(1)}.dc-panel:after{content:"";position:absolute;right:18px;bottom:-6px;width:12px;height:12px;background:inherit;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);transform:rotate(45deg);border-bottom-right-radius:3px}.dc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.dc-head-titles{display:grid;gap:2px;min-width:0}.dc-kicker{color:var(--color-text-muted);display:block}.dc-count{font-size:.95rem}.dc-head-actions{display:flex;align-items:center;gap:6px}.dc-clear{background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);font-family:var(--font-mono, monospace);font-size:.7rem;padding:5px 9px;cursor:pointer;border-radius:4px;transition:color .18s ease,border-color .18s ease}.dc-clear:hover{color:var(--color-text);border-color:var(--color-text-muted)}.dc-clear:focus-visible{outline:2px solid var(--color-coral);outline-offset:2px}.dc-close{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;transition:color .18s ease,background .18s ease}.dc-close:hover{color:var(--color-text);background:color-mix(in srgb,var(--color-text) 6%,transparent)}.dc-close:focus-visible{outline:2px solid var(--color-coral);outline-offset:2px}.dc-list{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:4px;max-height:12.5rem;overflow-y:auto}.dc-item{display:flex;align-items:center;gap:10px;padding:7px 8px 7px 11px;border:1px solid var(--color-border);border-radius:10px;font-size:.85rem;background:color-mix(in srgb,var(--color-bg) 60%,transparent);overflow:hidden;max-height:4rem;animation:dc-item-in .34s cubic-bezier(.16,1,.3,1) both;transition:background .18s ease,border-color .18s ease,box-shadow .2s ease,opacity .26s ease,transform .26s cubic-bezier(.4,0,.2,1),max-height .26s ease,padding .26s ease,margin .26s ease}.dc-item:hover,.dc-item:focus-within{background:color-mix(in srgb,var(--color-text) 5%,transparent);border-color:color-mix(in srgb,var(--color-text-muted) 45%,transparent);box-shadow:0 4px 14px -8px #00000073}.dc-item-name{font-family:var(--font-mono, monospace);font-size:.82rem;min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dc-item-price{color:var(--color-text-muted);font-family:var(--font-mono, monospace);font-size:.75rem;flex:0 0 auto;transition:opacity .18s ease,transform .18s ease}.dc-item-remove{flex:0 0 auto;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:transparent;color:var(--color-text-muted);cursor:pointer;padding:0;opacity:.5;transition:background .18s ease,color .18s ease,opacity .18s ease,transform .2s cubic-bezier(.34,1.56,.64,1)}.dc-item-remove svg{display:block;pointer-events:none}.dc-item:hover .dc-item-remove,.dc-item:focus-within .dc-item-remove{opacity:.8}.dc-item-remove:hover{opacity:1;background:color-mix(in srgb,var(--color-coral) 16%,transparent);color:var(--color-coral);transform:scale(1.12)}.dc-item-remove:active{transform:scale(.86)}.dc-item-remove:focus-visible{opacity:1;outline:2px solid var(--color-coral);outline-offset:2px}@keyframes dc-item-in{0%{opacity:0;transform:translateY(7px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.dc-item.is-leaving{opacity:0;transform:translate(22px) scale(.96);max-height:0;padding-top:0;padding-bottom:0;margin-top:-4px;border-color:transparent;box-shadow:none;animation:none}.dc-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid var(--color-border)}.dc-total{display:grid;gap:1px}.dc-total strong{font-size:1.05rem}.dc-cta{display:inline-flex;align-items:center;gap:8px;background:var(--color-coral);color:var(--color-bg);padding:9px 14px;font-family:var(--font-mono, monospace);font-size:.74rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;border-radius:4px;font-weight:600;transition:filter .15s ease,transform .15s ease}.dc-cta:hover{filter:brightness(1.08);transform:translateY(-1px)}.dc-cta:focus-visible{outline:2px solid var(--color-coral);outline-offset:3px}@media(prefers-reduced-motion:reduce){.dc-pill,.dc-panel,.dc-item,.dc-item-remove,.dc-pill-caret{transition:none}.dc-item,.dc-pill--pop,.dc-bump{animation:none}.dc[data-state=expanded] .dc-panel,.dc-item.is-leaving{transform:none}}