*{box-sizing:border-box}body{margin:0;background:#f6f7f3;color:#18372b;font-family:Arial,sans-serif}main{max-width:1320px;margin:auto;padding:40px 28px}a{color:#356744;text-decoration:none;font-weight:600}header{padding:42px 0 26px}header span{font-size:11px;letter-spacing:2px}h1{font-size:42px;letter-spacing:-2px;margin:14px 0}p{line-height:1.65;color:#66766b}.filters{display:flex;gap:14px;align-items:center;flex-wrap:wrap;border-block:1px solid #dce3d8;padding:20px 0}.filters label{font-size:13px}.filters input,.filters select{background:white;border:1px solid #cad5c7;border-radius:8px;padding:12px;font:inherit;font-size:14px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin-top:26px}article{background:white;border:1px solid #dce3d8;border-radius:14px;padding:24px}article h2{font-size:21px;margin:10px 0}article span{font-size:12px;color:#627b5d}article p{font-size:12px;min-height:40px}audio{width:100%;margin:14px 0 8px}footer{margin-top:30px;font-size:12px;color:#7b897d}#error{color:#a83232}@media(max-width:600px){main{padding:24px 18px}h1{font-size:32px}.filters input{width:100%}}

.delete-bgm{display:block;margin-top:18px;margin-left:auto;padding:8px 15px;border:1px solid #e4c8bf;border-radius:7px;background:#fff;color:#9a503c;font:inherit;cursor:pointer}.delete-bgm:hover{background:#fff2ee}.delete-bgm:disabled{opacity:.45;cursor:wait}#deletedNotice{padding:15px 18px;background:#e9f1e4;border-radius:9px;margin-bottom:20px;font-size:13px;line-height:1.8}#deletedNotice[hidden]{display:none}#undoDelete{margin-left:12px;border:1px solid #b4c7ae;border-radius:6px;padding:7px 11px;background:#fff;color:#31573f;cursor:pointer}button:focus-visible{outline:2px solid #31573f;outline-offset:3px}