.viewset{--vs-bg-page:#0a0a1a;--vs-bg-surface:#0f0f22;--vs-bg-card:#15153d;--vs-bg-raised:#1f1f52;--vs-bg-active:#1a1a5a;--vs-stroke:#1e1e3a;--vs-stroke-strong:#2a2a5a;--vs-stroke-active:#3838cd;--vs-stroke-subtle:#181830;--vs-text:#e6eaf2;--vs-text-body:#b0b0e0;--vs-text-muted:#6a6aa0;--vs-blue:#3838cd;--vs-blue-hover:#4848dd;--vs-red:#ef4444;--vs-radius-card:16px;--vs-radius-btn:10px;--vs-font:var(--font-bricolage,"Bricolage Grotesque"),var(--font-inter-tight,"Inter Tight"),ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;background:rgba(5,5,18,.72);-webkit-backdrop-filter:blur(8px) saturate(1.05);backdrop-filter:blur(8px) saturate(1.05);animation:vs-fade-in .22s ease-out;font-family:var(--vs-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes vs-fade-in{0%{opacity:0}to{opacity:1}}.viewset .c{position:relative;display:flex;flex-direction:column;width:min(96vw,1180px);max-height:min(92vh,820px);min-height:320px;padding:0;box-sizing:border-box;background:var(--vs-bg-surface);border-radius:var(--vs-radius-card);box-shadow:0 30px 80px -20px rgba(0,0,0,.75),0 0 0 1px var(--vs-stroke-subtle) inset;overflow:hidden;animation:vs-pop-in .26s cubic-bezier(.22,1,.36,1)}@keyframes vs-pop-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.viewset .c:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(60% 50% at 20% 0,rgba(56,56,205,.18) 0,transparent 70%),radial-gradient(40% 35% at 90% 10%,rgba(120,80,220,.14) 0,transparent 70%)}.viewset .vs-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-start;gap:14px;padding:18px 64px 14px 22px;border-bottom:1px solid var(--vs-stroke)}.viewset .vs-title{margin:0;font-family:var(--vs-font);font-weight:800;font-size:20px;letter-spacing:-.02em;color:var(--vs-text);text-transform:uppercase;line-height:1.1}.viewset .vs-count{margin-top:4px;font-size:12px;font-weight:600;color:var(--vs-text-muted);letter-spacing:.04em;text-transform:uppercase}.viewset .vs-head-text{display:flex;flex-direction:column;min-width:0}.viewset .c .close{position:absolute;top:14px;right:16px;width:34px;height:34px;margin:0;padding:0;border:1px solid var(--vs-stroke-strong);background:var(--vs-bg-card);color:var(--vs-text-body);display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1;border-radius:9999px;cursor:pointer;z-index:3;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}.viewset .c .close:hover{background:var(--vs-bg-raised);border-color:var(--vs-stroke-active);color:var(--vs-text);transform:rotate(90deg)}.viewset .c .close:active{transform:rotate(90deg) scale(.94)}.viewset .in{position:relative;z-index:1;flex:1 1 auto;min-height:0;width:100%;overflow-y:auto;overflow-x:hidden;display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));grid-auto-rows:max-content;gap:14px;align-content:start;justify-items:stretch;padding:20px 22px 24px;background:transparent;border-radius:0;border:0}.viewset .in::-webkit-scrollbar{width:8px}.viewset .in::-webkit-scrollbar-track{background:transparent}.viewset .in::-webkit-scrollbar-thumb{background:var(--vs-stroke-strong);border-radius:8px}.viewset .in::-webkit-scrollbar-thumb:hover{background:var(--vs-stroke-active)}.viewset-card-slot{position:relative;z-index:1;display:flex;align-items:stretch;justify-content:center;width:100%;aspect-ratio:103/144;min-height:140px;padding:0;box-sizing:border-box;border-radius:10px;background:transparent;border:0;transition:transform .18s ease,filter .18s ease}.viewset-card-slot:focus-within,.viewset-card-slot:hover{transform:translateY(-3px);filter:drop-shadow(0 12px 22px rgba(56,56,205,.45))}.viewset-card-slot--low{opacity:1}.viewset-card-slot--low .viewset-card-img{filter:none}.viewset--hits .viewset-card-slot--low{opacity:.6}.viewset--hits .viewset-card-slot--low .viewset-card-img{filter:grayscale(1) brightness(.95)}.viewset--hits .viewset-card-slot--low:focus-within,.viewset--hits .viewset-card-slot--low:hover{opacity:1}.viewset--hits .viewset-card-slot--low:focus-within .viewset-card-img,.viewset--hits .viewset-card-slot--low:hover .viewset-card-img{filter:grayscale(.35) brightness(1) contrast(1.05)}.viewset-card-inner{position:relative;width:100%;height:100%;min-height:0;display:flex;align-items:center;justify-content:center}.viewset-card-img{display:block;width:100%!important;height:100%!important;max-width:100%;max-height:100%;min-height:0;object-fit:contain;border-radius:8px;cursor:default;opacity:1}@media (max-width:1280px){.viewset .in{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}}@media (max-width:1024px){.viewset .in{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}}@media (max-width:768px){.viewset{padding:12px}.viewset .c{width:100%;max-height:94vh}.viewset .vs-head{padding:14px 56px 12px 16px}.viewset .vs-title{font-size:18px}.viewset .c .close{top:10px;right:12px;width:32px;height:32px}.viewset .in{padding:14px 14px 18px;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:560px){.viewset .in{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.viewset-card-slot{padding:5px;border-radius:10px;min-height:130px}}@media (max-width:380px){.viewset .in{grid-template-columns:repeat(2,minmax(0,1fr))}.viewset-card-slot{min-height:180px}}@media (prefers-reduced-motion:reduce){.viewset,.viewset .c{animation:none}.viewset .c .close,.viewset-card-slot{transition:none}}.viewset--details .viewset-card-slot{flex-direction:column;align-items:stretch;justify-content:flex-start;aspect-ratio:auto;min-height:0;gap:7px}.viewset--details .viewset-card-inner{position:relative;width:100%;height:auto;aspect-ratio:103/144}.viewset-qty{position:absolute;top:5px;right:5px;z-index:2;min-width:24px;padding:0 6px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;background:var(--vs-blue);color:#fff;font-size:11px;font-weight:700;line-height:1;box-shadow:0 2px 6px rgba(0,0,0,.5)}.viewset-meta{display:flex;flex-direction:column;gap:2px;min-width:0;text-align:center}.viewset-meta-name{font-size:12px;font-weight:700;color:var(--vs-text)}.viewset-meta-name,.viewset-meta-sub{line-height:1.25;overflow-wrap:anywhere}.viewset-meta-sub{font-size:11px;color:var(--vs-text-muted)}