.pkv-floating-bar{position:fixed;bottom:clamp(.75rem,2vw,1.25rem);right:clamp(.75rem,2vw,1.25rem);left:auto;z-index:999;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.pkv-floating-bar__pill{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.125rem;min-width:160px;min-height:44px;background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:9999px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;cursor:pointer;font-size:.8125rem;font-weight:600;color:var(--text-primary);font-family:inherit;line-height:1.3;white-space:nowrap;transition:box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1)}html.dark .pkv-floating-bar__pill{background:#1e1e1ebf;border-color:#ffffff14;box-shadow:0 4px 6px -1px #0003,0 2px 4px -2px #00000026}.pkv-floating-bar__pill:hover{border-color:var(--accent);box-shadow:0 1px 2px #0000000a,0 6px 16px #00000014,0 16px 36px #00000024}html.dark .pkv-floating-bar__pill:hover{box-shadow:0 1px 2px #0003,0 6px 16px #00000059,0 16px 36px #0000008c}.pkv-floating-bar__pill-icon{display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.pkv-floating-bar__pill-icon svg{width:16px;height:16px}.pkv-floating-bar__pill-text{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pkv-floating-bar__pill-chevron{font-size:.5rem;color:var(--text-muted);transition:transform .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.pkv-floating-bar__pill-chevron svg{width:16px;height:16px}.pkv-floating-bar__pill-chevron--open{transform:rotate(180deg)}.pkv-floating-bar__panel{background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:.75rem;box-shadow:0 1px 2px #0000000a,0 4px 8px #0000000f,0 16px 32px #00000014;padding:.75rem;width:min(340px,calc(100vw - 2rem));overflow:hidden}html.dark .pkv-floating-bar__panel{background:#1e1e1ee6;box-shadow:0 1px 2px #00000026,0 4px 8px #00000040,0 16px 32px #00000059}.pkv-floating-bar__tabs{display:flex;gap:.25rem;overflow-x:auto;scroll-snap-type:x mandatory;border-bottom:1px solid var(--border);margin-bottom:.5rem;padding-bottom:.5rem;-ms-overflow-style:none;scrollbar-width:none}.pkv-floating-bar__tabs::-webkit-scrollbar{display:none}.pkv-floating-bar__tab{display:flex;align-items:center;padding:.375rem .75rem;border-radius:9999px;font-size:.6875rem;font-weight:600;white-space:nowrap;background:var(--bg-secondary);border:1px solid transparent;color:var(--text-secondary);cursor:pointer;scroll-snap-align:start;flex-shrink:0;font-family:inherit;transition:background .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1)}.pkv-floating-bar__tab:hover{border-color:var(--border)}.pkv-floating-bar__tab--active,.pkv-floating-bar__tab--active:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.pkv-floating-bar__items{display:flex;flex-direction:column;gap:.375rem;margin-bottom:.625rem;max-height:240px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.pkv-floating-bar__items::-webkit-scrollbar{width:4px}.pkv-floating-bar__items::-webkit-scrollbar-track{background:transparent}.pkv-floating-bar__items::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.pkv-floating-bar__items::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.pkv-floating-bar__item{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;background:var(--bg-secondary);border-radius:.5rem}.pkv-floating-bar__item-image{width:36px;height:36px;border-radius:.375rem;object-fit:contain;background:var(--bg-primary);padding:2px;flex-shrink:0}html.dark .pkv-floating-bar__item-image{background:#ffffff0f}.pkv-floating-bar__item-name{font-size:.75rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;line-height:1.3}.pkv-floating-bar__item-remove{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;border-radius:50%;color:var(--text-muted);font-size:.875rem;line-height:1;cursor:pointer;flex-shrink:0;transition:color .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1)}.pkv-floating-bar__item-remove:hover{color:var(--error);background:rgba(var(--error-rgb),.08)}html.dark .pkv-floating-bar__item-remove:hover{color:var(--error);background:rgba(var(--error-rgb),.1)}.pkv-floating-bar__item-remove:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.pkv-floating-bar__actions{display:flex;gap:.5rem}.pkv-floating-bar__count{font-size:.75rem;font-weight:600;color:var(--text-muted);white-space:nowrap}.pkv-floating-bar__compare-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;background:var(--accent);color:#fff;border-radius:.5rem;font-size:.8125rem;font-weight:700;text-decoration:none;border:none;cursor:pointer;min-height:36px;font-family:inherit;transition:background .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),transform .1s cubic-bezier(.4,0,.2,1)}.pkv-floating-bar__compare-btn:hover{background:var(--accent-hover);color:#fff;box-shadow:0 2px 8px rgba(var(--accent-rgb),.3)}.pkv-floating-bar__compare-btn:active{transform:scale(.97);box-shadow:none}.pkv-floating-bar__clear-btn{display:flex;align-items:center;justify-content:center;padding:.5rem .75rem;background:transparent;border:1px solid var(--border);border-radius:.5rem;font-size:.75rem;font-weight:600;color:var(--text-secondary);cursor:pointer;min-height:36px;flex-shrink:0;font-family:inherit;transition:border-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1)}.pkv-floating-bar__clear-btn:hover,html.dark .pkv-floating-bar__clear-btn:hover{border-color:var(--error);color:var(--error)}.pkv-floating-bar__footer{border-top:1px solid var(--border);margin-top:.5rem;padding-top:.5rem;display:flex;justify-content:center}.pkv-floating-bar__clear-all-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:.5rem .75rem;background:transparent;border:1px solid var(--border);border-radius:.5rem;font-size:.75rem;font-weight:600;color:var(--text-secondary);cursor:pointer;min-height:36px;font-family:inherit;transition:border-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1)}.pkv-floating-bar__clear-all-btn:hover,html.dark .pkv-floating-bar__clear-all-btn:hover{border-color:var(--error);color:var(--error)}.pkv-floating-bar__clear-all-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.pkv-floating-bar--enter,.pkv-floating-bar--leave{transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s cubic-bezier(.4,0,.2,1)}.pkv-floating-bar--enter-start{transform:translateY(20px);opacity:0}.pkv-floating-bar--enter-end,.pkv-floating-bar--leave-start{transform:translateY(0);opacity:1}.pkv-floating-bar--leave-end{transform:translateY(20px);opacity:0}@media(max-width:640px){.pkv-floating-bar{bottom:.5rem;right:.5rem}.pkv-floating-bar__panel{width:calc(100vw - 1rem)}.pkv-floating-bar__pill{padding:.5rem .875rem;min-width:140px;min-height:44px;font-size:.75rem}.pkv-floating-bar__tab{padding:.25rem .5rem;font-size:.625rem}.pkv-floating-bar__items{max-height:180px}}@media(prefers-reduced-motion:reduce){.pkv-floating-bar__pill,.pkv-floating-bar__pill-chevron,.pkv-floating-bar__item-remove,.pkv-floating-bar__compare-btn,.pkv-floating-bar__clear-btn,.pkv-floating-bar__clear-all-btn,.pkv-floating-bar__tab,.pkv-floating-bar--enter,.pkv-floating-bar--leave{transition:none}.pkv-floating-bar__compare-btn:active{transform:none}.pkv-floating-bar__panel{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg-primary)}html.dark .pkv-floating-bar__panel{background:var(--bg-primary)}}