:root{--b:#294f9b;--i:#172033;--m:#667085;--l:#d0d5dd;--bg:#f6f7fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--i);font:16px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;padding-bottom:115px}header{display:flex;justify-content:space-between;align-items:center;padding:20px max(18px,4vw);background:#fff;border-bottom:1px solid var(--l)}h1,header p{margin:0}header p,#status,.meta,.desc{color:var(--m)}header a{color:var(--b);font-weight:700}main{max-width:1200px;margin:auto;padding:22px}.filters{display:grid;grid-template-columns:2fr repeat(3,1fr) auto;gap:12px;background:white;border:1px solid var(--l);border-radius:14px;padding:15px;align-items:end}.filters label{font-size:.82rem;font-weight:700}.filters input,.filters select,.filters button{display:block;width:100%;min-height:44px;margin-top:4px;padding:8px;border:1px solid var(--l);border-radius:8px;background:white}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:15px}.card{background:#fff;border:1px solid var(--l);border-radius:13px;padding:16px;display:flex;flex-direction:column;gap:8px}.card h2,.card p{margin:0}.card h2{font-size:1.08rem}.desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card button{margin-top:auto;min-height:44px;border:0;border-radius:8px;background:var(--b);color:#fff;font-weight:800}nav{display:flex;justify-content:center;align-items:center;gap:14px;padding:24px}nav button{padding:9px 15px}.player{position:fixed;left:0;right:0;bottom:0;z-index:10;display:grid;grid-template-columns:1fr 2fr auto;gap:15px;align-items:center;background:white;border-top:1px solid var(--l);padding:12px max(16px,3vw);box-shadow:0 -4px 20px #0002}.player div{display:flex;flex-direction:column;min-width:0}.player strong,.player small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player audio{width:100%}.player select{padding:6px}@media(max-width:760px){.filters{grid-template-columns:1fr 1fr}.wide{grid-column:1/-1}.player{grid-template-columns:1fr auto}.player audio{grid-column:1/-1;grid-row:2}}@media(max-width:500px){main{padding:13px}.filters{grid-template-columns:1fr}.wide{grid-column:auto}.cards{grid-template-columns:1fr}header{padding:14px}header a{font-size:.8rem}}