.projects-page{--bg:#0f1115;--panel:#171a21;--panel2:#1e222b;--line:#2a2f3a;--txt:#e8ebf0;--muted:#9aa3b2;--accent:#7aa2ff;--live:#3ecf8e;--site:#5aa9ff;--tmpl:#b98bff;--tool:#ffc255;--game:#ff7ea8;--new:#ff9b6b;--radius:14px;background:var(--bg);color:var(--txt);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.5}@media (prefers-color-scheme:light){.projects-page{--bg:#f5f6f8;--panel:#fff;--panel2:#f0f2f5;--line:#e3e6ec;--txt:#1a1d24;--muted:#5b6472;--accent:#3562e0}}.projects-page *,.projects-page :before,.projects-page :after{box-sizing:border-box}.projects-page .wrap{max-width:1080px;margin:0 auto;padding:40px 22px 80px}.projects-page header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.projects-page .header-text{min-width:0}.projects-page header h1{letter-spacing:-.01em;margin:0 0 6px;font-size:30px;font-weight:800}.projects-page header p{color:var(--muted);margin:0;font-size:15px}.projects-page .logo{box-sizing:content-box;background:#f8f7f7;border-radius:12px;flex-shrink:0;width:auto;height:40px;padding:6px}@media (width<=480px){.projects-page .logo{width:auto;height:32px;padding:5px}}.projects-page .stats{flex-wrap:wrap;gap:10px;margin:22px 0 8px;display:flex}.projects-page .stat{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:10px;padding:10px 14px;font-size:13px}.projects-page .stat b{color:var(--txt);font-size:18px;font-weight:800;display:block}.projects-page section{margin-top:38px}.projects-page .sec-h{align-items:baseline;gap:10px;margin:0 0 14px;display:flex}.projects-page .sec-h h2{margin:0;font-size:19px;font-weight:800}.projects-page .sec-h span{color:var(--muted);font-size:13px}.projects-page .grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.projects-page .card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);color:inherit;flex-direction:column;gap:7px;padding:15px 16px;text-decoration:none;transition:all .15s;display:flex}.projects-page a.card:hover{border-color:var(--accent);transform:translateY(-2px)}.projects-page .card.new{border-style:dashed}.projects-page .card .top{justify-content:space-between;align-items:center;gap:8px;display:flex}.projects-page .card h3{margin:0;font-size:15.5px;font-weight:700}.projects-page .card p{color:var(--muted);margin:0;font-size:13px}.projects-page .badge{white-space:nowrap;background:var(--panel2);color:var(--muted);border-radius:999px;padding:3px 8px;font-size:10.5px;font-weight:700}.projects-page .b-live{background:color-mix(in srgb, var(--live) 18%, transparent);color:var(--live)}.projects-page .b-site{background:color-mix(in srgb, var(--site) 18%, transparent);color:var(--site)}.projects-page .b-tmpl{background:color-mix(in srgb, var(--tmpl) 18%, transparent);color:var(--tmpl)}.projects-page .b-tool{background:color-mix(in srgb, var(--tool) 20%, transparent);color:var(--tool)}.projects-page .b-game{background:color-mix(in srgb, var(--game) 18%, transparent);color:var(--game)}.projects-page .b-new{background:color-mix(in srgb, var(--new) 20%, transparent);color:var(--new)}.projects-page .arrow{color:var(--muted);margin-top:2px;font-size:12px}.projects-page a.card:hover .arrow{color:var(--accent)}.projects-page footer{color:var(--muted);border-top:1px solid var(--line);margin-top:50px;padding-top:16px;font-size:12.5px}.projects-page .filters{flex-direction:column;gap:8px;margin:22px 0 4px;display:flex}.projects-page .filters-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.projects-page .search{flex:240px;min-width:200px}.projects-page .search input,.projects-page .select{background:var(--panel);border:1px solid var(--line);width:100%;color:var(--txt);border-radius:10px;outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .15s}.projects-page .select{cursor:pointer;width:auto}.projects-page .search input::placeholder{color:var(--muted)}.projects-page .search input:focus,.projects-page .select:focus{border-color:var(--accent)}.projects-page .toggle{background:var(--panel);border:1px solid var(--line);color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:8px;padding:9px 14px;font-size:13px;display:inline-flex}.projects-page .toggle input{accent-color:var(--accent);cursor:pointer}.projects-page .clear{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:10px;padding:9px 14px;font-family:inherit;font-size:13px;transition:all .15s}.projects-page .clear:hover{border-color:var(--accent);color:var(--accent)}.projects-page .results-meta{color:var(--muted);padding:0 4px;font-size:12.5px}.projects-page .empty{background:var(--panel);border:1px dashed var(--line);border-radius:var(--radius);text-align:center;color:var(--muted);margin-top:38px;padding:28px;font-size:14px}