.pf-root{--pf-purple:#7c3aed;--pf-purple-bright:#a855f7;--pf-purple-deep:#4a2d7a;--pf-gold:#f5c842;--pf-gold-deep:#d4a017;--pf-gold-soft:#fff4c4;--pf-green:#22c55e;--pf-live:#ef4444;--pf-ink:#fff;--pf-ink-2:#c4b5d4;--pf-ink-3:#8a7aa8;--pf-surface:#140a2899;--pf-border:#7c3aed40;--pf-border-bright:#a855f799}.pf-header{padding:22px 20px 14px}.pf-title{font-family:var(--font-fraunces), Georgia, serif;letter-spacing:-.02em;color:var(--pf-ink);font-size:36px;font-style:italic;font-weight:600;line-height:1.1}.pf-subtitle{color:var(--pf-ink-2);margin-top:8px;font-size:14px;line-height:1.4}.pf-count{color:var(--pf-ink-3);font-size:12px;font-family:var(--font-jetbrains), monospace;margin-top:8px}.pf-count strong{color:var(--pf-purple-bright);font-weight:700}.pf-filterbar{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--pf-border);background:linear-gradient(#0d0420f5 70%,#0d0420c7);padding:12px 20px;position:sticky;top:63px}.pf-search-row{gap:8px;margin-bottom:10px;display:flex}.pf-search{background:var(--pf-surface);border:1px solid var(--pf-border);color:var(--pf-ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a855f7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");background-position:14px;background-repeat:no-repeat;border-radius:999px;outline:none;flex:1;padding:11px 16px 11px 40px;font-family:inherit;font-size:13px;transition:border-color .2s}.pf-search:focus{border-color:var(--pf-border-bright)}.pf-search::placeholder{color:var(--pf-ink-3)}.pf-sort{background:var(--pf-surface);border:1px solid var(--pf-border);color:var(--pf-ink);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:600;transition:border-color .2s;display:flex;position:relative}.pf-sort:hover{border-color:var(--pf-border-bright)}.pf-sort svg{color:var(--pf-purple-bright)}.pf-sort-menu{z-index:60;background:#0d0620;border:1px solid #a855f766;border-radius:12px;width:188px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 16px 36px #0000008c}.pf-sort-item{text-align:left;width:100%;color:var(--pf-ink-2);align-items:center;gap:8px;padding:10px 12px;font-size:12.5px;display:flex}.pf-sort-item.active{color:#fff;background:#7c3aed38}.pf-chiprail{scrollbar-width:none;-ms-overflow-style:none;gap:8px;margin:0 -20px;padding:2px 20px;display:flex;overflow-x:auto}.pf-chiprail::-webkit-scrollbar{display:none}.pf-chip{background:var(--pf-surface);border:1px solid var(--pf-border);color:var(--pf-ink-2);letter-spacing:.02em;cursor:pointer;white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.pf-chip:hover{border-color:var(--pf-border-bright);color:var(--pf-ink)}.pf-chip.active{background:linear-gradient(135deg, var(--pf-purple), var(--pf-purple-bright));color:#fff;border-color:#0000;box-shadow:0 0 12px #a855f766}.pf-chip .dot{background:var(--pf-live);width:6px;height:6px;box-shadow:0 0 8px var(--pf-live);border-radius:50%;animation:2s ease-in-out infinite pf-pulse}@keyframes pf-pulse{0%,to{opacity:1}50%{opacity:.4}}.pf-feed{flex-direction:column;gap:24px;padding:20px 8px;display:flex}.pf-feed.host{padding:8px 0 0}.pf-card{background:var(--pf-surface);border:1px solid var(--pf-border);border-radius:20px;transition:transform .2s,box-shadow .2s;animation:.5s ease-out backwards pf-card-enter;position:relative;overflow:hidden}.pf-card:first-child{animation-delay:40ms}.pf-card:nth-child(2){animation-delay:90ms}.pf-card:nth-child(3){animation-delay:.14s}.pf-card:nth-child(4){animation-delay:.19s}.pf-card:nth-child(5){animation-delay:.24s}.pf-card:nth-child(6){animation-delay:.29s}@keyframes pf-card-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.pf-card.pro{border-color:#a855f780;box-shadow:0 0 0 1px #a855f733,0 0 24px #a855f726}.pf-card.elite{border-color:#f5c84280;box-shadow:0 0 0 1px #f5c84240,0 0 28px #f5c8422e}.pf-card.elite:before{content:"";pointer-events:none;border-radius:inherit;z-index:1;background:linear-gradient(135deg,#0000 40%,#f5c84214 60%,#0000 80%) 0 0/300% 300%;animation:6s ease-in-out infinite pf-shimmer;position:absolute;inset:0}@keyframes pf-shimmer{0%,to{background-position:0 0}50%{background-position:100% 100%}}.pf-host{z-index:2;align-items:center;gap:12px;padding:14px 16px;display:flex;position:relative}.pf-avatar-wrap{flex-shrink:0;position:relative}.pf-avatar{background:linear-gradient(135deg, var(--pf-purple-deep), var(--pf-purple));color:#fff;width:44px;height:44px;font-size:16px;font-weight:700;font-family:var(--font-fraunces), serif;border:2px solid #0d0420;border-radius:50%;place-items:center;font-style:italic;display:grid;position:relative;overflow:hidden}.pf-avatar img{object-fit:cover;width:100%;height:100%}.pf-avatar.pro{background:linear-gradient(135deg, var(--pf-purple-deep), var(--pf-purple)) padding-box, linear-gradient(135deg, var(--pf-purple-bright), var(--pf-purple)) border-box;border:2px solid #0000}.pf-avatar.elite{background:linear-gradient(135deg, var(--pf-purple-deep), var(--pf-purple)) padding-box, linear-gradient(135deg, var(--pf-gold), var(--pf-gold-deep)) border-box;border:2px solid #0000}.pf-online:after{content:"";background:var(--pf-green);border:2px solid #0d0420;border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0;box-shadow:0 0 6px #22c55e99}.pf-host-info{flex:1;min-width:0}.pf-name-row{align-items:center;gap:6px;margin-bottom:2px;display:flex}.pf-name{color:var(--pf-ink);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.pf-check{width:14px;height:14px;color:var(--pf-green);flex-shrink:0}.pf-tier{letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg, var(--pf-purple), var(--pf-purple-bright));color:#fff;border-radius:4px;flex:none;padding:2px 6px;font-size:9px;font-weight:700}.pf-tier.elite{background:linear-gradient(135deg, var(--pf-gold-deep), var(--pf-gold));color:#2a1a4a}.pf-meta{color:var(--pf-ink-3);align-items:center;gap:6px;font-size:12px;display:flex}.pf-meta .members{font-family:var(--font-jetbrains), monospace;color:var(--pf-ink-2);font-weight:600}.pf-meta .time{font-size:11px}.pf-view{border:1px solid var(--pf-border);color:var(--pf-purple-bright);white-space:nowrap;background:0 0;border-radius:999px;flex-shrink:0;padding:7px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s}.pf-view:hover{border-color:var(--pf-border-bright);background:#a855f71a}.pf-caption{color:var(--pf-ink);z-index:2;padding:0 16px 12px;font-size:14px;line-height:1.4;position:relative}.pf-card.host-variant .pf-caption{padding-top:14px}.pf-caption.locked{filter:blur(5px);cursor:pointer;-webkit-user-select:none;user-select:none}.pf-image-wrap{aspect-ratio:1;background:linear-gradient(135deg, var(--pf-purple-deep), #1a0b2e);width:100%;position:relative;overflow:hidden}.pf-image{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.pf-card:hover .pf-image{transform:scale(1.02)}.pf-status{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3;background:#000000b3;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;display:flex;position:absolute;top:12px;left:12px}.pf-status .live-dot{background:var(--pf-live);width:6px;height:6px;box-shadow:0 0 6px var(--pf-live);border-radius:50%;animation:2s ease-in-out infinite pf-pulse}.pf-status-text{letter-spacing:.06em;color:#fff;text-transform:uppercase;font-size:11px;font-weight:700}.pf-status .countdown{font-family:var(--font-jetbrains), monospace;color:var(--pf-gold-soft);font-size:11px;font-weight:700}.pf-category{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;letter-spacing:.06em;text-transform:uppercase;z-index:3;background:#7c3aede6;border-radius:999px;padding:5px 11px;font-size:10px;font-weight:700;position:absolute;top:12px;right:12px}.pf-image-wrap.locked{cursor:pointer}.pf-image-wrap.locked .pf-image{filter:blur(18px)saturate(1.1)brightness(.6);transform:scale(1.08)}.pf-card:hover .pf-image-wrap.locked .pf-image{transform:scale(1.08)}.pf-lock{z-index:3;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.pf-lock-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d041a8c;border:1px solid #ffffff24;border-radius:16px;flex-direction:column;align-items:center;gap:5px;padding:16px 22px;display:flex}.pf-lock-card svg{width:30px;height:30px;color:var(--pf-gold-soft)}.pf-lock-title{color:#fff;font-size:15px;font-weight:700}.pf-lock-sub{color:var(--pf-ink-2);font-size:12px}.pf-actions{z-index:2;align-items:center;gap:8px;padding:12px 16px;display:flex;position:relative}.pf-action{cursor:pointer;color:var(--pf-ink-2);background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:flex}.pf-action:hover{color:var(--pf-ink);background:#a855f71a}.pf-action svg{stroke:currentColor;stroke-width:2px;fill:none;width:18px;height:18px}.pf-action.saved{color:var(--pf-gold-soft)}.pf-action.saved svg{fill:var(--pf-gold-soft);stroke:var(--pf-gold-soft)}.pf-action.just-saved svg{animation:.3s pf-pop}@keyframes pf-pop{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}.pf-spacer{flex:1}.pf-cta{background:linear-gradient(135deg, var(--pf-gold-deep), var(--pf-gold));color:#2a1a4a;cursor:pointer;letter-spacing:.02em;border:none;border-radius:999px;align-items:center;gap:6px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 0 16px #f5c8424d}.pf-cta:hover{transform:translateY(-1px);box-shadow:0 0 24px #f5c84280}.pf-cta svg{stroke:currentColor;stroke-width:2.5px;fill:none;width:14px;height:14px}.pf-cta.disabled{color:var(--pf-ink-3);box-shadow:none;cursor:default;background:#ffffff0f}.pf-cta.disabled:hover{box-shadow:none;transform:none}.pf-empty{text-align:center;padding:56px 24px}.pf-empty .emoji{font-size:40px}.pf-empty h3{font-family:var(--font-fraunces), serif;color:#fff;margin-top:12px;font-size:22px;font-style:italic}.pf-empty p{max-width:320px;color:var(--pf-ink-2);margin:8px auto 0;font-size:13.5px;line-height:1.55}.pf-empty .clear{color:#fff;background:linear-gradient(135deg, var(--pf-purple-bright), var(--pf-purple));border-radius:12px;align-items:center;height:44px;margin-top:18px;padding:0 22px;font-size:14px;font-weight:700;display:inline-flex}.pf-pager{justify-content:center;gap:8px;padding:6px 16px 8px;display:flex}.pf-pager button{border:1px solid var(--pf-border);background:var(--pf-surface);min-width:38px;height:38px;color:var(--pf-ink-2);border-radius:10px;font-size:13px;font-weight:600}.pf-pager button.on{border-color:var(--pf-purple-bright);color:#fff;background:#a855f733}.pf-pager button:disabled{opacity:.4}.pf-section-title{font-family:var(--font-fraunces), serif;color:#fff;align-items:center;gap:8px;padding:0 4px 4px;font-size:17px;font-style:italic;font-weight:600;display:flex}.pf-section-title .live-count{font-family:var(--font-jetbrains), monospace;color:var(--pf-green);font-size:12px}@media (min-width:1024px){.pf-filterbar{top:0}.pf-feed{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:24px 0;display:grid}.pf-feed.host{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.pf-card,.pf-card.elite:before,.pf-chip .dot,.pf-status .live-dot,.pf-action.just-saved svg{animation:none!important}.pf-card{opacity:1!important;transform:none!important}}