.sco{padding:0}.sco-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.sco-all{font-size:14px}.sco-row{grid-template-columns:1fr;gap:10px;margin-top:12px;display:grid}@media (min-width:640px){.sco-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.sco-row{grid-template-columns:repeat(4,minmax(0,1fr))}}.sco-tile{background:var(--sc-white);border:1px solid var(--sc-line);border-radius:var(--sc-radius-sm);align-items:center;gap:12px;padding:10px;display:flex}.sco-photo{border-radius:10px;flex:none;justify-content:center;align-items:center;width:64px;height:80px;display:flex;overflow:hidden}.sco-vial{object-fit:contain;width:auto;height:68px}.sco-body{flex:1;min-width:0}.sco-name{color:var(--sc-ink);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:650;line-height:1.25;display:block;overflow:hidden}.sco-name:hover{text-underline-offset:2px;text-decoration:underline}.sco-meta{color:var(--sc-text-2);margin-top:2px;font-size:13px}.sco-btn{min-height:40px;margin-top:8px;padding:0 14px;font-size:14px}.sco-note{color:var(--sc-text-3);margin-top:10px;font-size:12px}
.scb{background:var(--sc-white,#fff);border:1px solid var(--sc-line,#1a1b261a);border-radius:var(--sc-radius,20px);min-width:0;display:grid;position:relative;overflow:hidden}.scb-media{background:radial-gradient(80% 70% at 30% 10%, #7c6ff714, transparent 70%), radial-gradient(70% 60% at 85% 90%, #38bdf812, transparent 70%), var(--sc-bone,#f5f6fa);display:block;position:relative}.scb-img{object-fit:cover}.scb-img--vial{object-fit:contain;filter:drop-shadow(0 14px 14px #1a1b261f)drop-shadow(0 2px 3px #1a1b2614);padding:10px 6px 4px}.scb-rank{border:1px solid var(--sc-line,#1a1b261a);color:var(--sc-ink,#0a0e1a);background:#ffffffe6;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:650;position:absolute;top:10px;left:10px}.scb-body{flex-direction:column;gap:4px;min-width:0;padding:14px 14px 16px;display:flex}.scb-cat{color:var(--sc-text-3,#6b7280);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.scb-cat:before{content:"";background:var(--scb-color);border-radius:999px;flex-shrink:0;width:6px;height:6px}.scb-name{letter-spacing:-.015em;overflow-wrap:anywhere;font-size:19px;font-weight:700;line-height:1.2}.scb-name a{color:inherit}.scb-name a:hover{text-underline-offset:3px;text-decoration:underline}.scb-comp{color:var(--sc-text-2,#4b5563);overflow-wrap:anywhere;font-size:13px}.scb-badge{color:var(--sc-text-2,#4b5563);font-size:13px}.scb-size{margin-top:6px;display:block}.scb-size select{width:100%;min-height:48px;color:var(--sc-ink,#0a0e1a);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%234b5563' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center, var(--sc-white,#fff);border:1px solid var(--sc-line-2,#1a1b262e);border-radius:var(--sc-radius-sm,12px);appearance:none;padding:0 36px 0 14px;font-size:16px;font-weight:600}.scb-size-one{color:var(--sc-text-2,#4b5563);margin-top:6px;font-size:14px;font-weight:600}.scb-quote{flex-direction:column;gap:2px;margin-top:8px;display:flex}.scb-price{letter-spacing:-.01em;font-size:22px;font-weight:700}.scb-pair{color:var(--sc-text-2,#4b5563);font-size:13px;line-height:1.35}.scb-pair strong{color:var(--sc-ink,#0a0e1a);font-weight:650}.scb-free{color:var(--sc-go,#1f7a43);font-weight:650}.scb-act{margin-top:10px}.scb-add{background:var(--sc-accent,#7c6ff7);color:#fff;-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:48px;padding:0 14px;font-size:16px;font-weight:650;transition:background-color .18s,transform .18s;display:inline-flex}.scb-add:hover{background:var(--sc-accent-dark,#5b52cc)}.scb-add:active{transform:scale(.98)}.scb-add--quiet{color:var(--sc-ink,#0a0e1a);border:1px solid var(--sc-line-2,#1a1b262e);background:0 0}.scb-add--quiet:hover{background:var(--sc-bone,#f5f6fa)}.scb-add--done{white-space:nowrap;background:var(--sc-white,#fff);color:var(--sc-go,#1f7a43);border:1px solid}.scb-add--done:hover{background:var(--sc-bone,#f5f6fa)}.scb a:focus-visible,.scb button:focus-visible,.scb select:focus-visible{outline:2px solid var(--sc-accent-dark,#5b52cc);outline-offset:2px}.scb[data-layout=tile]{grid-template-rows:auto 1fr}.scb[data-layout=tile] .scb-media{aspect-ratio:4/5}.scb[data-layout=tile] .scb-body{padding:12px 12px 14px}.scb[data-layout=tile] .scb-name{font-size:18px}.scb[data-layout=tile] .scb-act{margin-top:auto;padding-top:10px}.scb[data-layout=row]{grid-template-columns:128px minmax(0,1fr)}.scb[data-layout=row] .scb-media{min-height:100%}@media (min-width:768px){.scb[data-layout=row]{grid-template-rows:auto 1fr;grid-template-columns:none}.scb[data-layout=row] .scb-media{aspect-ratio:1;min-height:0}.scb[data-layout=row] .scb-act{margin-top:auto;padding-top:10px}}.scb-size-tap{min-height:44px;color:var(--sc-text-2,#4b5563);text-decoration:underline;-webkit-text-decoration-color:var(--sc-line-2,#1a1b262e);text-decoration-color:var(--sc-line-2,#1a1b262e);text-underline-offset:4px;align-self:flex-start;align-items:center;margin-top:2px;font-size:14px;font-weight:600;display:inline-flex}.scb-size-tap:hover{color:var(--sc-ink,#0a0e1a);text-decoration-color:currentColor}.scb[data-card=compact] .scb-name{font-size:17px}.scb[data-card=compact] .scb-quote{margin-top:4px}.scb[data-card=compact] .scb-price{font-size:20px}.scb[data-card=compact][data-layout=tile] .scb-media{aspect-ratio:1}.scb[data-card=compact][data-layout=tile] .scb-body{padding:10px 12px 12px}.scb[data-card=compact][data-layout=row]{grid-template-columns:112px minmax(0,1fr)}.scb[data-card=compact][data-layout=row] .scb-body{padding:12px 12px 14px}@media (min-width:768px){.scb[data-card=compact][data-layout=row]{grid-template-columns:none}}@media (prefers-reduced-motion:reduce){.scb-add{transition:none}.scb-add:active{transform:none}}