:root{font-family:system-ui,-apple-system,"Noto Sans Devanagari",sans-serif;color:#20302d;background:#f7f8f4}*{box-sizing:border-box}body{margin:0}header{background:linear-gradient(115deg,#104b41,#1b6a5c);color:white;padding:44px max(20px,calc((100vw - 1100px)/2)) 40px}header h1{font-size:clamp(30px,4vw,46px);margin:8px 0}header p{line-height:1.8;max-width:780px;color:#e5f4ec}small.top{color:#c8e2d6;letter-spacing:.04em}main{max-width:1120px;margin:auto;padding:30px 18px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:-55px;position:relative}.stat{background:white;border-radius:14px;box-shadow:0 4px 24px #10372c15;padding:22px;text-align:center}.stat strong{font-size:29px;color:#155a4d;display:block}.stat span{font-size:13px;color:#526a61}.controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:28px 0 12px}.controls input,.controls select{border:1px solid #cadbd2;background:white;border-radius:9px;padding:14px;font:inherit;min-width:200px}.controls input{flex:2}.controls select{flex:1}.count{color:#577166;font-size:14px;margin:15px 0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}.song{border:1px solid #e3eae5;border-radius:13px;background:white;padding:20px;box-shadow:0 2px 9px #20302d09;display:flex;flex-direction:column;gap:9px}.number{font-size:13px;color:#377466;font-weight:700}.song h2{font-size:18px;line-height:1.5;margin:0;overflow-wrap:anywhere}.song .tag{display:inline-block;align-self:flex-start;font-size:12px;border-radius:12px;background:#eef6f1;color:#275c4b;padding:5px 9px}.song .more{font-size:12px;color:#62736b;line-height:1.6}.links{display:flex;flex-wrap:wrap;gap:9px;margin-top:auto;padding-top:5px}.links a{font-size:13px;text-decoration:none;color:#165b48;border:1px solid #a6c6b6;padding:8px 10px;border-radius:7px}.links a.primary{background:#176452;color:white;border-color:#176452}.note{font-size:12px;color:#718079;margin-top:10px}footer{border-top:1px solid #dbe5db;padding:25px 18px;text-align:center;color:#60766b;font-size:13px;margin-top:40px}@media(max-width:610px){.stats{margin-top:-28px}.stat{padding:12px 5px}.stat strong{font-size:23px}.stat span{font-size:11px}header{padding:30px 18px 58px}.controls input,.controls select{width:100%}}