.App:has(.vlp-page){background-color:var(--stream-bg,#0d0d12)}.vlp-page{background:var(--stream-bg,#0d0d12);min-height:100vh;color:var(--stream-text,#fff);font-family:var(--stream-font,var(--font-inter,"Inter",sans-serif));padding:80px 24px 60px}.vlp-header{text-align:center;margin-bottom:32px}.vlp-heading{font-family:var(--stream-font,var(--font-heading));color:var(--stream-text,#fff);letter-spacing:-.02em;margin:0 0 8px;font-size:max(1.75rem,min(4vw,2.5rem));font-weight:700}.vlp-subheading{color:var(--stream-text-dim,rgba(255,255,255,.65));margin:0;font-size:1rem}.vlp-search-wrap{max-width:480px;margin:0 auto 20px;position:relative}.vlp-search-icon{color:var(--stream-text-muted,rgba(255,255,255,.38));pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.vlp-search-input{box-sizing:border-box;background:var(--stream-surface,rgba(255,255,255,.05));border:1px solid var(--stream-border,rgba(255,255,255,.08));width:100%;color:var(--stream-text,#fff);border-radius:12px;outline:none;padding:12px 40px;font-family:inherit;font-size:.9375rem;transition:border-color .2s,background .2s}.vlp-search-input::placeholder{color:var(--stream-text-muted,rgba(255,255,255,.38))}.vlp-search-input:focus{border-color:rgba(var(--stream-accent-rgb,207,0,245),.5);background:var(--stream-surface-hover,rgba(255,255,255,.09))}.vlp-search-input::-webkit-search-cancel-button{display:none}.vlp-search-clear{cursor:pointer;color:var(--stream-text-muted,rgba(255,255,255,.38));background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.vlp-search-clear:hover{color:var(--stream-text,#fff)}.vlp-tags-row{flex-wrap:wrap;justify-content:center;gap:8px;max-width:780px;margin-bottom:32px;margin-left:auto;margin-right:auto;display:flex}.vlp-tag-pill{background:var(--stream-surface,rgba(255,255,255,.05));border:1px solid var(--stream-border,rgba(255,255,255,.08));color:var(--stream-text-dim,rgba(255,255,255,.65));cursor:pointer;border-radius:20px;padding:6px 14px;font-family:inherit;font-size:.8125rem;font-weight:500;transition:background .15s,color .15s,border-color .15s}.vlp-tag-pill:hover{background:var(--stream-surface-hover,rgba(255,255,255,.09));color:var(--stream-text,#fff)}.vlp-tag-pill--active{background:rgba(var(--stream-accent-rgb,207,0,245),.15);border-color:rgba(var(--stream-accent-rgb,207,0,245),.4);color:var(--stream-accent,#cf00f5)}.vlp-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;max-width:1280px;margin:0 auto;display:grid}@media (max-width:600px){.vlp-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.vlp-card{cursor:pointer;background:0 0;border:none;border-radius:12px;outline:none;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}@media (hover:hover) and (pointer:fine){.vlp-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.4)}}.vlp-card--touching{transform:translateY(-4px)}.vlp-card:focus-visible{outline:2px solid var(--stream-accent,#cf00f5);outline-offset:2px}.vlp-card-thumb-wrap{aspect-ratio:4/6;background:rgba(255,255,255,.03);border-radius:6px;position:relative;overflow:hidden}.vlp-card-thumb-wrap:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(transparent 0%,rgba(13,13,18,0) 40%,rgba(13,13,18,.4) 70%,rgba(13,13,18,.85) 100%);position:absolute;top:0;bottom:0;left:0;right:0}.vlp-card-thumb{object-fit:cover;object-position:center top;width:100%;height:100%;transition:transform .35s;display:block}@media (hover:hover) and (pointer:fine){.vlp-card:hover .vlp-card-thumb{transform:scale(1.06)}}.vlp-card--touching .vlp-card-thumb{transform:scale(1.06)}.vlp-card-thumb-placeholder{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.vlp-card-title-overlay{color:#fff;z-index:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;padding:24px 8px 8px;font-size:.85rem;font-weight:800;line-height:1.3;display:-webkit-box;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.vlp-card-library-badge{background:var(--stream-accent,#cf00f5);clip-path:polygon(0 0,100% 0,0 100%);z-index:4;pointer-events:none;width:18%;padding-top:18%;position:absolute;top:0;left:0}.vlp-card-owned-play{z-index:3;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.vlp-card-owned-play-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:rgba(0,0,0,.45);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.vlp-card-play-overlay{opacity:0;z-index:3;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}@media (hover:hover) and (pointer:fine){.vlp-card:hover .vlp-card-play-overlay{opacity:1;background:rgba(0,0,0,.3)}}.vlp-card--touching .vlp-card-play-overlay{opacity:1;background:rgba(0,0,0,.3)}.vlp-card-play-btn{background:rgba(var(--stream-accent-rgb,207,0,245),.9);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s;display:flex;transform:scale(.8);box-shadow:0 4px 16px rgba(0,0,0,.4)}@media (hover:hover) and (pointer:fine){.vlp-card:hover .vlp-card-play-btn{transform:scale(1)}}.vlp-card--touching .vlp-card-play-btn{transform:scale(1)}.vlp-card-info{flex-direction:column;gap:5px;padding:8px 8px 10px;display:flex}.vlp-card-meta{align-items:center;gap:5px;display:flex}.vlp-card-meta-dot{color:rgba(255,255,255,.3);font-size:.65rem}.vlp-card-duration{color:rgba(255,255,255,.9);font-size:.7rem;font-weight:600}.vlp-card-tags{flex-wrap:wrap;gap:4px;display:flex}.vlp-card-tag{color:var(--stream-accent,#cf00f5);text-transform:uppercase;letter-spacing:.9px;font-size:.67rem;font-weight:700}.vlp-card-price{color:var(--stream-accent,#cf00f5);font-size:.7rem;font-weight:900}.vlp-card-price--owned{color:var(--stream-accent,#cf00f5)}.vlp-empty{text-align:center;color:var(--stream-text-dim,rgba(255,255,255,.65));padding:60px 20px}.vlp-empty p{margin:0 0 16px;font-size:1rem}.vlp-empty-reset{border:1px solid var(--stream-border,rgba(255,255,255,.08));color:var(--stream-text-dim);cursor:pointer;background:0 0;border-radius:8px;padding:8px 20px;font-family:inherit;font-size:.875rem;transition:border-color .15s,color .15s}.vlp-empty-reset:hover{border-color:var(--stream-accent,#cf00f5);color:var(--stream-accent,#cf00f5)}@media (max-width:600px){.vlp-page{padding:64px 12px 48px}.vlp-card-info{padding:6px 8px 8px}.vlp-card-title-overlay{font-size:.78rem}}.vlp-categories-row{margin-bottom:12px}.vlp-filter-label{text-transform:uppercase;letter-spacing:.06em;color:var(--stream-text-muted,rgba(255,255,255,.38));white-space:nowrap;align-self:center;font-size:.75rem;font-weight:600}.vlp-tag-pill--clear{color:var(--stream-text-muted,rgba(255,255,255,.5));background:0 0;border-color:rgba(255,255,255,.2)}.vlp-results-count{text-align:center;color:var(--stream-text-muted,rgba(255,255,255,.4));height:1.2em;margin:0 0 20px;font-size:.8125rem}