*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:linear-gradient(180deg,#0b1220,#0f172a);color:#e5e7eb}.app{min-height:100%;display:grid;grid-template-rows:auto 1fr}.topbar{display:flex;gap:12px;align-items:center;position:sticky;top:0;z-index:10;background:#0f172ab3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.topbar .brand{font-weight:700;letter-spacing:.2px;color:#e5e7eb}.topbar a{color:#94a3b8;text-decoration:none;transition:color .2s ease}.topbar a:hover{color:#e5e7eb}.searchbar{display:flex;gap:12px;align-items:center;position:relative;flex-wrap:nowrap}.searchbar .filterWrap{position:relative;flex:none}.input{position:relative;flex:1;min-width:0}.input input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#111827;color:#e5e7eb;outline:none;height:36px}.suggestions{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#111827;border:1px solid rgba(255,255,255,.08);border-radius:10px;width:max-content;overflow:auto;z-index:1000;white-space:normal;display:block}.suggestions button{display:block;width:100%;text-align:left;padding:8px 10px;background:transparent;border:0;color:#94a3b8;cursor:pointer}.suggestions button:hover{color:#e5e7eb;background:#ffffff0a}.btn{display:inline-flex;align-items:center;gap:8px;padding:0 10px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#111827;color:#e5e7eb;cursor:pointer;height:36px}.btn.active{outline:2px solid rgba(34,211,238,.5)}.content{padding:16px;width:100%;max-width:none;margin:0}.filtersPanel{position:absolute;right:0;top:calc(100% + 6px);width:320px;max-height:60vh;overflow:auto;background:#111827;border:1px solid rgba(255,255,255,.08);border-radius:12px;z-index:1000}.filtersPanel header{position:sticky;top:0;background:inherit;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.filtersPanel .row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px dashed rgba(255,255,255,.05)}.grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:stretch;width:100%}.card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px;height:100%;cursor:pointer;transition:transform .06s ease,background .12s ease,border-color .12s ease}.card:hover{background:#ffffff0a;border-color:#ffffff1f;transform:translateY(-1px)}.card h4{margin:0 0 6px}.card a{display:none}.section{margin:14px 0 10px;display:flex;align-items:baseline;gap:12px}.section h3{margin:0}.section .count{color:#94a3b8;font-size:.9em}