.vfr-root{min-height:100%;background:var(--vf-paper)}.vfr-page{max-width:1120px;margin:0 auto;padding:28px 40px 72px;display:flex;flex-direction:column;gap:22px}.vfr-head{display:flex;align-items:baseline;gap:14px}.vfr-head__title{margin:0;font-family:var(--vf-font-display);font-size:28px;font-weight:600;letter-spacing:-.02em;color:var(--vf-ink)}.vfr-head__count{font-size:13px;font-weight:500;color:var(--vf-muted)}.vfr-sort{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.vfr-sort__chip{padding:7px 14px;border:1px solid var(--vf-rule-strong);border-radius:var(--vf-r-none);background:transparent;color:var(--vf-muted);font-family:var(--vf-font-body);font-size:12.5px;font-weight:700;line-height:1.2;cursor:pointer;transition:color .16s ease,border-color .16s ease,background .16s ease}@media (hover:hover){.vfr-sort__chip:hover{border-color:var(--vf-brand);color:var(--vf-brand)}}.vfr-sort__chip:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(200,30,108,.4)}.vfr-sort__chip.is-on{background:var(--vf-brand);border-color:var(--vf-brand);color:#fff}@media (hover:hover){.vfr-sort__chip.is-on:hover{background:var(--vf-brand-deep);border-color:var(--vf-brand-deep);color:#fff}}.vfr-sentinel{height:0}.vfr-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width:760px){.vfr-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.vfr-grid{grid-template-columns:repeat(4,1fr);gap:16px}}.vfr-tile{position:relative;display:block;aspect-ratio:9/16;border-radius:var(--vf-r-none);overflow:hidden;background:var(--vf-ink);text-decoration:none;min-width:0}.vfr-tile:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(200,30,108,.5)}.vfr-tile__poster{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .32s ease,transform .3s ease}.vfr-tile__poster.is-loaded{opacity:1}@media (hover:hover){.vfr-tile:hover .vfr-tile__poster{transform:scale(1.05)}}.vfr-tile__skel{position:absolute;inset:0;background:linear-gradient(100deg,#231018 28%,#4a2233 48%,#231018 68%);background-size:260% 100%;animation:vcSkel 1.25s linear infinite}@keyframes vcSkel{0%{background-position:100% 0}to{background-position:-100% 0}}.vfr-tile__rank{left:8px;padding:3px 7px;background:var(--vf-brand);font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.vfr-tile__duration,.vfr-tile__rank{position:absolute;top:8px;z-index:1;color:#fff}.vfr-tile__duration{right:8px;padding:3px 6px;background:rgba(10,4,8,.65);font-size:10.5px;font-weight:700;font-variant-numeric:tabular-nums}.vfr-tile__scrim{position:absolute;left:0;right:0;bottom:0;height:50%;background:linear-gradient(0deg,rgba(10,4,8,.8),transparent)}.vfr-tile__foot{position:absolute;left:10px;right:10px;bottom:10px;display:flex;flex-direction:column;gap:5px}.vfr-tile__caption{font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vfr-tile__id{display:flex;align-items:center;gap:6px;min-width:0}.vfr-tile__face{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:var(--vf-r-full);border:1.5px solid rgba(255,255,255,.9);background-image:var(--vfr-avatar,none);background-size:cover;background-position:50%;color:#fff;font-family:var(--vf-font-display);font-size:9px;font-weight:700;overflow:hidden}.vfr-face--0{background-color:#d6246e}.vfr-face--1{background-color:#5a1238}.vfr-face--2{background-color:#2e5f70}.vfr-face--3{background-color:#2f7351}.vfr-face--4{background-color:#b0642a}.vfr-face--5{background-color:#6e3350}.vfr-tile__handle{font-size:12px;font-weight:700;color:rgba(255,255,255,.92);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vfr-tile__views{margin-left:auto;flex:none;font-size:10.5px;font-weight:700;font-variant-numeric:tabular-nums;color:rgba(255,255,255,.85)}.vfr-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 24px;border:1px dashed rgba(200,30,108,.4);color:var(--vf-brand);text-align:center}.vfr-empty__title{margin:0;font-family:var(--vf-font-display);font-size:17px;font-weight:600;color:var(--vf-ink)}.vfr-empty__body{margin:0;font-size:13px;color:var(--vf-muted)}@media (max-width:1024px){.vfr-page{padding:24px 24px 72px}}@media (max-width:760px){.vfr-page{padding:18px 16px 96px}.vfr-head__title{font-size:24px}.vfr-sort__chip{padding:6px 12px;font-size:12px}}@media (prefers-reduced-motion:reduce){.vfr-tile__skel{animation:none!important}.vfr-tile:hover .vfr-tile__poster{transform:none}}