.viewseg{display:inline-flex;align-items:center;gap:var(--s1);padding:var(--s1);border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--surface);flex:none;width:max-content;max-width:100%}.viewseg__item{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:var(--tap);min-width:var(--tap);padding:0 var(--s4);border:0;border-radius:var(--r-pill);background:transparent;color:var(--ink-2);font-family:inherit;font-size:var(--t-13);font-weight:500;white-space:nowrap;cursor:pointer;transition:background var(--d-2) var(--ease),color var(--d-2) var(--ease),transform var(--d-press) var(--ease)}.viewseg__item:active{transform:scale(var(--press-scale))}@media(hover:hover)and (pointer:fine){.viewseg__item:hover{color:var(--ink);background:var(--surface-quiet)}}html:not([data-shelf-view=list]) .viewseg__item[data-view=wall],html[data-shelf-view=list] .viewseg__item[data-view=list]{background:var(--accent);color:var(--surface)}@media(hover:hover)and (pointer:fine){html:not([data-shelf-view=list]) .viewseg__item[data-view=wall]:hover,html[data-shelf-view=list] .viewseg__item[data-view=list]:hover{background:var(--accent);color:var(--surface)}}.viewseg--head{align-self:center;margin-left:auto}@media(max-width:1059px){.viewseg--head{display:none}}.viewseg--dock{flex:none}.dock:has(.viewseg--dock) .dock__pick{min-width:0}@media(max-width:619px){.viewseg--dock .viewseg__item{padding:0}.viewseg--dock{gap:0}.viewseg--dock .viewseg__word{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@media(max-width:559px){.dock:has(.viewseg--dock) .dock__count{display:none}.dock:has(.viewseg--dock){gap:var(--s1);padding-inline:var(--s3)}}@media(max-width:459px){.dock:has(.viewseg--dock) .dock__pick>.icon{display:none}.dock:has(.viewseg--dock) .dock__pick{padding-inline:var(--s3)}}html:not([data-shelf-view=list]) .shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2)}@media(min-width:700px){html:not([data-shelf-view=list]) .shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2)}}@media(min-width:1100px){html:not([data-shelf-view=list]) .shelf{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1440px){html:not([data-shelf-view=list]) .shelf{grid-template-columns:repeat(5,minmax(0,1fr))}}html:not([data-shelf-view=list]) .card{aspect-ratio:auto;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-sm)}html:not([data-shelf-view=list]) .card__media{aspect-ratio:1 / 1;min-height:0;padding:6%;place-items:stretch}html:not([data-shelf-view=list]) .card__media img{width:auto;height:auto;min-width:0;min-height:0;max-width:none;max-height:none}html:not([data-shelf-view=list]) .card__body{gap:0;padding:var(--s2) var(--s3);border-top:1px solid var(--line);background:var(--surface-quiet);line-height:var(--lh-snug)}html:not([data-shelf-view=list]) .card__brand{font-size:var(--t-12);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);line-height:var(--lh-snug);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html:not([data-shelf-view=list]) .card__price{margin-top:2px;font-size:var(--t-13);line-height:var(--lh-snug);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html:not([data-shelf-view=list]) .card__price[data-band=true]{font-weight:400;color:var(--ink-2)}html:not([data-shelf-view=list]) .card__at,html:not([data-shelf-view=list]) .card__why,html:not([data-shelf-view=list]) .card__note,html:not([data-shelf-view=list]) .card__misses,html:not([data-shelf-view=list]) .card__footnote{display:none}html:not([data-shelf-view=list]) .card__name{position:static;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-indent:0;color:var(--ink-2);font-size:13px;line-height:1.3;-webkit-line-clamp:unset;line-clamp:unset}html:not([data-shelf-view=list]) .card__name a{position:static;display:inline}html:not([data-shelf-view=list]) .card__tags{top:var(--s2);left:var(--s2)}html:not([data-shelf-view=list]) .card[data-close=true] .card__tag--close{display:inline-flex;align-items:center;height:18px;max-width:18px;padding:0;overflow:hidden;white-space:nowrap;border-radius:var(--r-pill);background:var(--ink);color:transparent;font-size:var(--t-11);line-height:1;transition:max-width var(--d-swap) var(--ease),padding var(--d-swap) var(--ease),color var(--d-1) var(--ease)}html:not([data-shelf-view=list]) .card[data-close=true] .card__tag--close:before{content:"";flex:none;width:6px;height:6px;margin:0 6px;border-radius:50%;background:var(--surface)}html:not([data-shelf-view=list]) .card[data-close=true]:focus-within .card__tag--close{max-width:140px;padding-right:var(--s2);color:var(--surface)}@media(hover:hover)and (pointer:fine){html:not([data-shelf-view=list]) .card[data-close=true]:hover .card__tag--close{max-width:140px;padding-right:var(--s2);color:var(--surface)}}@media(hover:none){html:not([data-shelf-view=list]) .card[data-close=true] .card__tag--close{max-width:140px;padding-right:var(--s2);color:var(--surface)}}@media(prefers-reduced-motion:reduce){html:not([data-shelf-view=list]) .card__tag--close{transition:none}}