:root{--bg:#1a1b26;--bg-soft:#1f2030;--panel:#24283b;--panel-2:#2a2f42;--border:#32384f;--fg:#c0caf5;--muted:#565f89;--muted-2:#7982a9;--accent:#7aa2f7;--accent-2:#bb9af7;--green:#9ece6a;--orange:#ff9e64;--red:#f7768e;--radius:10px;--radius-sm:6px;--max:1560px;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);min-height:100vh;margin:0;padding:0}body{position:relative;overflow-x:hidden}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-2)}code,.mono,.prompt,.path{font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,Consolas,monospace}.muted{color:var(--muted-2);font-weight:400}.bg-grid{pointer-events:none;z-index:0;background:radial-gradient(700px 350px at 10% -10%,#7aa2f729,#0000 60%),radial-gradient(600px 350px at 110% 10%,#bb9af71f,#0000 60%),linear-gradient(#0000 95%,#ffffff09 95%) 0 0/28px 28px,linear-gradient(90deg,#0000 95%,#ffffff09 95%) 0 0/28px 28px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.wrap{z-index:1;max-width:var(--max);margin:0 auto;padding:28px clamp(16px,3vw,40px) 48px;position:relative}.hero{margin-bottom:20px}.hero-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{border:1px solid var(--border);background:var(--panel);color:var(--fg);border-radius:999px;align-items:center;gap:10px;padding:6px 12px 6px 6px;transition:border-color .15s,transform .15s;display:inline-flex}.brand:hover{border-color:var(--accent);transform:translateY(-1px)}.avatar{border-radius:50%;width:32px;height:32px;display:block}.brand-name{font-size:13px;font-weight:600;line-height:1.2}.brand-sub{margin-top:2px;font-size:11.5px;line-height:1.2}.title{letter-spacing:-.01em;margin:18px 0 6px;font-family:JetBrains Mono,monospace;font-size:clamp(22px,3.6vw,32px);font-weight:600}.title .prompt{color:var(--green)}.title .path{color:var(--accent)}.lede{color:var(--muted-2);max-width:640px;margin:0;font-size:14px;line-height:1.55}.links{flex-wrap:wrap;gap:6px;font-size:12.5px;display:flex}.links a{color:var(--fg);border:1px solid var(--border);background:var(--panel);border-radius:999px;align-items:center;gap:4px;padding:5px 10px;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.links a:hover{color:var(--accent);border-color:var(--accent);background:var(--panel-2)}.tabs{background:var(--panel);border:1px solid var(--border);border-radius:999px;flex-wrap:wrap;gap:4px;width:max-content;max-width:100%;margin:18px 0 14px;padding:4px;display:flex}.tab{appearance:none;color:var(--muted-2);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.tab:hover{color:var(--fg)}.tab.active{background:var(--accent);color:#1a1b26}.tab.active .count{color:inherit;background:#0000002e}.tab .count{background:var(--bg-soft);color:var(--muted-2);border-radius:999px;padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:10.5px}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;transition:border-color .15s,transform .15s,background .15s;display:flex;overflow:hidden}.card:hover{border-color:var(--accent);background:var(--panel-2);transform:translateY(-2px)}.media{aspect-ratio:16/9;background:linear-gradient(135deg, #7aa2f72e, #bb9af72e), var(--bg-soft);border-bottom:1px solid var(--border);display:block;position:relative;overflow:hidden}.media img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.card:hover .media img{transform:scale(1.03)}.media-fb{color:var(--accent);letter-spacing:-.02em;text-shadow:0 1px #0000004d;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:28px;font-weight:700;display:none;position:absolute;inset:0}.media-fallback .media-fb{display:flex}.card-body{flex-direction:column;flex:1;gap:8px;padding:12px 14px 14px;display:flex}.card-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.card-head h3{letter-spacing:-.01em;color:var(--fg);margin:0;font-size:14.5px;font-weight:600}.star{color:var(--orange);margin-left:4px;font-size:12px}.year{color:var(--muted);flex-shrink:0;font-family:JetBrains Mono,monospace;font-size:10.5px}.desc{color:var(--muted-2);flex:1;margin:0;font-size:12.5px;line-height:1.55}.tags{flex-wrap:wrap;gap:4px;display:flex}.tag{color:var(--accent);background:#7aa2f714;border:1px solid #7aa2f72e;border-radius:999px;padding:1px 7px;font-family:JetBrains Mono,monospace;font-size:10.5px}.tag.more{color:var(--muted-2);border-color:var(--border);background:0 0}.actions{gap:6px;margin-top:4px;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.btn.primary{background:var(--accent);color:#1a1b26}.btn.primary:hover{background:#9ec0ff}.btn.ghost{color:var(--fg);border-color:var(--border);background:0 0}.btn.ghost:hover{border-color:var(--accent);color:var(--accent)}.empty{color:var(--muted-2);text-align:center;border:1px dashed var(--border);border-radius:var(--radius);grid-column:1/-1;padding:20px}.foot{border-top:1px solid var(--border);color:var(--muted-2);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:36px;padding-top:14px;font-size:11.5px;display:flex}@media (width<=640px){.wrap{padding:20px 14px 36px}.title{margin-top:14px;font-size:22px}.grid{grid-template-columns:1fr;gap:12px}.hero-top{gap:10px}.tabs{overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-radius:14px;flex-wrap:nowrap;width:100%;max-width:none;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000)}.tabs::-webkit-scrollbar{display:none}.tab{flex-shrink:0}}@media (prefers-reduced-motion:reduce){.card,.brand,.links a,.btn,.tab,.media img{transition:none}}