:root{--bg:#0b0b0e;--bg-soft:#13131a;--fg:#e8e8ee;--muted:#9aa0aa;--accent:#46f3c8;--accent-2:#9b8cff;--ring:0 0 0 3px color-mix(in oklab,var(--accent) 40%,transparent)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;background:radial-gradient(1200px 800px at 80% -10%,color-mix(in oklab,var(--accent) 7%,transparent),transparent),radial-gradient(800px 600px at -10% 10%,color-mix(in oklab,var(--accent-2) 8%,transparent),transparent),var(--bg);color:var(--fg)}header{position:sticky;top:0;z-index:5;backdrop-filter:saturate(1.15) blur(8px);background:color-mix(in oklab,var(--bg) 75%,transparent);border-bottom:1px solid #1c1c26}.wrap{max-width:1200px;margin:0 auto;padding:14px 20px}.brand{display:flex;align-items:center;gap:14px}.mark{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 6px 30px color-mix(in oklab,var(--accent) 35%,transparent)}.title{font-weight:700;letter-spacing:.4px}.subtitle{color:var(--muted);font-size:.95rem}.controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}button.filter{appearance:none;border:1px solid #23232f;background:#12121a;color:var(--fg);padding:9px 12px;border-radius:12px;cursor:pointer;font-weight:600;letter-spacing:.3px}button.filter[aria-pressed="true"]{border-color:color-mix(in oklab,var(--accent) 50%,#23232f);outline:var(--ring);box-shadow:0 0 0 1px color-mix(in oklab,var(--accent) 35%,#1c1c26)}main{padding:20px}.grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.card{position:relative;overflow:hidden;border-radius:16px;background:#101018;border:1px solid #1a1a24}.card:hover .overlay{opacity:1}.media{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4 / 5}.video-thumb{aspect-ratio:16/9}.badge{position:absolute;top:10px;left:10px;padding:4px 8px;border-radius:999px;font-size:.75rem;font-weight:700;color:#0b0b0e}.b-efa{background:var(--accent)}.b-hf{background:var(--accent-2)}.b-video{background:linear-gradient(90deg,var(--accent),var(--accent-2))}.overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.0),rgba(0,0,0,.55));opacity:0;transition:opacity .2s ease}.meta{position:absolute;left:12px;right:12px;bottom:10px;display:flex;justify-content:space-between;align-items:center;gap:10px}.meta .caption{font-size:.85rem;color:#eaeaf4;text-shadow:0 1px 8px rgba(0,0,0,.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chip{font-size:.75rem;color:var(--muted);border:1px solid #262636;padding:2px 8px;border-radius:999px;background:#0f0f16}.lightbox{position:fixed;inset:0;z-index:10;display:none;align-items:center;justify-content:center;background:rgba(5,5,8,.75);backdrop-filter:blur(8px) saturate(1.1)}.lightbox[open]{display:flex}.frame{position:relative;max-width:min(94vw,1200px);max-height:86vh;background:#0c0c12;border:1px solid #1c1c26;border-radius:18px;overflow:hidden;box-shadow:0 12px 60px rgba(0,0,0,.5)}.frame img,.frame video{display:block;max-width:100%;max-height:86vh;object-fit:contain;background:#000}.lb-controls{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.lb-btn{pointer-events:auto;background:rgba(20,20,28,.6);border:1px solid #2a2a3a;color:var(--fg);width:46px;height:46px;border-radius:12px;display:grid;place-items:center;cursor:pointer;margin:0 10px}.lb-btn:hover{outline:var(--ring)}.lb-top{position:absolute;top:8px;left:8px;right:8px;display:flex;justify-content:space-between;gap:8px}.lb-title{padding:8px 12px;background:rgba(20,20,28,.7);border:1px solid #2a2a3a;border-radius:12px;font-weight:600;max-width:60ch;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}footer{max-width:1200px;margin:40px auto 60px;padding:0 20px;color:var(--muted);font-size:.9rem}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}