:root{--bg:#0a0e17;--bg2:#0d1320;--panel:#0f1626;--panel2:#111827;--border:#1e2a3d;--border-glow:#2a3b55;--ink:#e6edf6;--muted:#8b9bb4;--dim:#5d6b82;--accent:#36e2b4;--accent2:#5b9eff;--mono:"JetBrains Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:Inter,sans-serif;line-height:1.7}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(60% 50% at 80% -5%,#5b9eff21,#0000 60%),radial-gradient(55% 45% at 5% 8%,#a87bff1c,#0000 60%);position:fixed;inset:0}nav{z-index:50;backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0a0e17b8;position:sticky;top:0}.nav-in{justify-content:space-between;align-items:center;max-width:900px;margin:0 auto;padding:14px 24px;display:flex}.brand{font-family:var(--mono);color:var(--ink);font-size:15px;font-weight:700;text-decoration:none}.brand .b{color:var(--accent)}.back{font-family:var(--mono);color:var(--accent);font-size:13px;text-decoration:none}.back:hover{text-decoration:underline}.wrap{z-index:2;max-width:900px;margin:0 auto;padding:0 24px;position:relative}.page{padding:54px 0 22px}.page .tag{font-family:var(--mono);color:var(--accent);margin-bottom:12px;font-size:13px}.page h1{letter-spacing:-.6px;margin-bottom:12px;font-family:Sora;font-size:38px;font-weight:800}@media (width<=600px){.page h1{font-size:30px}}.page .lead{color:var(--muted);font-size:15px}.page .lead a{color:var(--accent2);text-decoration:none}.page .lead a:hover{color:var(--accent)}.search{max-width:440px;margin:6px 0 18px;position:relative}.search .s-ic{color:var(--dim);font-size:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search input{background:var(--bg2);border:1px solid var(--border);width:100%;color:var(--ink);border-radius:10px;padding:11px 14px 11px 38px;font-family:Inter,sans-serif;font-size:14.5px;transition:border-color .2s}.search input:focus{border-color:var(--accent);outline:none}.searchStatus{font-family:var(--mono);color:var(--dim);min-height:14px;margin:-8px 0 16px;font-size:12px}.browse{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 24px;display:flex}.browse .lbl{font-family:var(--mono);color:var(--dim);margin-right:2px;font-size:12px}.chip{font-family:var(--mono);color:var(--muted);border:1px solid var(--border);background:#ffffff08;border-radius:20px;padding:6px 13px;font-size:12.5px;text-decoration:none;transition:all .18s}.chip:hover{border-color:var(--border-glow);color:var(--ink)}.chip.active{border-color:var(--accent);color:var(--accent);background:#36e2b41f}.chip.all{color:var(--accent2)}.grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}@media (width<=680px){.grid{grid-template-columns:1fr}}.card{background:var(--panel2);border:1px solid var(--border);color:inherit;border-radius:14px;flex-direction:column;padding:22px 24px;text-decoration:none;transition:border-color .2s,transform .2s,background .2s;display:flex}.card:hover{border-color:var(--accent);background:var(--panel);transform:translateY(-3px)}.card .cmeta{font-family:var(--mono);color:var(--dim);margin-bottom:9px;font-size:12px}.card h2{color:var(--ink);letter-spacing:-.3px;margin-bottom:9px;font-family:Sora;font-size:19px;font-weight:700;line-height:1.25}.card .cdesc{color:var(--muted);flex:1;margin-bottom:14px;font-size:14px;line-height:1.55}.card .ctags{flex-wrap:wrap;gap:7px;display:flex}.card .ctags span{font-family:var(--mono);color:var(--accent2);border:1px solid var(--border);background:#5b9eff14;border-radius:6px;padding:3px 9px;font-size:11px}.noresults{color:var(--muted);text-align:center;padding:34px 0;font-size:14.5px}.pager{justify-content:center;align-items:center;gap:8px;margin:34px 0 0;display:flex}.pager a,.pager span{font-family:var(--mono);border:1px solid var(--border);color:var(--muted);border-radius:9px;padding:8px 13px;font-size:13px;text-decoration:none}.pager a:hover{border-color:var(--accent);color:var(--accent)}.pager .cur{border-color:var(--accent);color:var(--accent);background:#36e2b41f}.pager .disabled{opacity:.4;pointer-events:none}main{padding-bottom:60px}.empty{text-align:center;padding:50px 24px 80px}.empty-ic{margin-bottom:14px;font-size:44px}.empty h2{margin-bottom:10px;font-family:Sora;font-size:24px;font-weight:700}.empty p{color:var(--muted);max-width:460px;margin:0 auto}.empty a{color:var(--accent2);text-decoration:none}footer{border-top:1px solid var(--border);text-align:center;color:var(--dim);font-size:13px;font-family:var(--mono);z-index:2;padding:24px 0;position:relative}footer a{color:var(--muted);text-decoration:none}footer a:hover{color:var(--accent)}