:root{--green:#009966;--darkgreen:#00734c;--ink:#222;--muted:#68746e;--line:#e2e9e5;--wash:#f5f8f6;--orange:#ff7a00}*{box-sizing:border-box}body{margin:0;background:white;color:var(--ink);font:16px/1.6 Inter,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:4px}a{color:inherit;text-decoration:none}.wrap{max-width:1200px;margin:auto;padding:0 40px}header{border-bottom:1px solid var(--line)}.top{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font:800 25px/.85 'League Spartan',Arial,sans-serif;letter-spacing:-.6px;color:var(--green)}.digital{font-size:16px;letter-spacing:5.6px}.dot{color:var(--orange)}.section-label{font-size:12px;letter-spacing:1.8px;font-weight:600;color:var(--muted)}.section-label span{color:#ccd4ce;margin:0 12px}.home{font-size:14px}.intro{display:flex;align-items:center;justify-content:space-between;padding:52px 0 40px;gap:40px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:var(--darkgreen);margin:0 0 16px}h1{font:600 58px/1.06 'League Spartan',Arial,sans-serif;letter-spacing:-1.7px;margin:0 0 16px}h1 span{color:var(--green)}.lead{font-size:15px;line-height:1.8;color:var(--muted);margin:0}.steps{border-left:2px solid var(--orange);padding:8px 0 8px 28px;display:grid;gap:15px;min-width:245px;font-size:14px}.step b{color:var(--green);font-size:12px;margin-right:16px}.search-row{display:flex;gap:18px;align-items:center}.searchbox{display:flex;align-items:center;gap:14px;background:var(--wash);border:1px solid var(--line);border-radius:10px;padding:0 20px;flex:1;min-width:0;height:60px}.searchbox svg{width:23px;flex-shrink:0;color:var(--green)}input{background:none;border:0;width:100%;min-width:0;padding:16px 0;color:var(--ink);outline:none}.searchbox:focus-within{outline:2px solid var(--green)}kbd{border:1px solid #d6ddd8;border-radius:4px;padding:0 7px;font:14px Inter;color:var(--muted)}.sort{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px}select{font-size:14px;max-width:190px;border:1px solid var(--line);padding:16px 12px;border-radius:8px;background:#fff;color:var(--ink)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 30px}.filters button{background:#fff;border:1px solid var(--line);padding:8px 17px;border-radius:30px;font-size:13px;color:#59665e}.filters button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#fff}.results-line{display:flex;align-items:center;justify-content:space-between;margin:0 0 17px}h2{font:600 25px 'League Spartan',Arial,sans-serif;margin:0}#count{font:12px Inter;background:#edf5f0;color:var(--darkgreen);padding:5px 9px;border-radius:6px;margin-left:9px}#range{font-size:12px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.track{border:1px solid var(--line);border-radius:10px;padding:19px;display:flex;flex-direction:column;gap:18px;transition:border-color .15s,background .15s;min-width:0}.track:hover{border-color:#a3cdbb}.track.active{border-color:var(--green);background:#f3fbf7}.track-top{display:flex;align-items:flex-start;gap:13px}.play{width:42px;height:42px;flex-shrink:0;border:0;border-radius:50%;background:#eaf6ef;color:var(--darkgreen);display:grid;place-items:center}.play svg{height:18px;width:18px}.active .play{background:var(--green);color:white}.track h3{font-size:14px;line-height:1.5;font-weight:600;margin:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tags{font-size:12px;color:var(--muted);margin-top:5px}.track-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #eef1ef;gap:10px}.code{font-size:11px;color:#79857d;letter-spacing:.5px}.copy{border:0;background:none;color:var(--darkgreen);font-size:12px;font-weight:600;padding:4px 0;display:flex;align-items:center;gap:6px}.copy svg{width:15px;height:15px}.pagination{display:flex;justify-content:center;align-items:center;gap:24px;margin:32px 0 45px;font-size:13px}.pagination button,#reset{background:white;border:1px solid var(--line);border-radius:6px;padding:10px 16px;color:var(--ink)}#empty{text-align:center;padding:45px 0;color:var(--muted)}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:28px 0 36px;color:var(--muted);font-size:12px}footer strong{font:700 17px 'League Spartan',Arial;color:var(--green)}footer p{margin:5px 0}footer>p{text-align:right}footer span{color:#839087}.player{position:fixed;bottom:0;left:0;right:0;background:#fff;box-shadow:0 -4px 30px #002f1715;border-top:1px solid var(--line);z-index:5}.player-inner{display:flex;align-items:center;gap:20px;padding-top:16px;padding-bottom:16px}.now{display:flex;gap:12px;align-items:center;flex:1;min-width:0}.now>div{min-width:0}.music-mark{font-size:30px;color:var(--green);padding:0 8px}.now .eyebrow{font-size:10px;letter-spacing:1.3px;display:block;margin:0 0 4px}.now strong{font-size:13px;line-height:1.4;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copy-main,#close-dialog{background:var(--green);color:white;border:0;border-radius:7px;padding:11px 16px;font-size:13px}.close{background:none;border:0;color:var(--muted);font-size:26px}.player audio{width:330px;height:40px}body.has-player{padding-bottom:110px}#audioerror{font-size:12px;color:#a33121}#toast{position:fixed;bottom:120px;left:50%;transform:translateX(-50%);background:#193c2c;color:white;padding:13px 20px;border-radius:9px;z-index:10;max-width:90%;font-size:14px;box-shadow:0 5px 20px #0002}dialog{border:1px solid var(--line);border-radius:15px;max-width:500px;width:90%;padding:26px}dialog::backdrop{background:#1235}textarea{width:100%;border:1px solid var(--line);padding:12px;margin-bottom:12px;font-size:14px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;top:-100px;z-index:50;padding:15px;background:white}.skip:focus{top:0}[hidden]{display:none!important}@media(min-width:1500px){.intro{padding-top:65px}}@media(max-width:950px){.wrap{padding-left:25px;padding-right:25px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-label{display:none}.sort{font-size:0;gap:0}.steps{min-width:220px;padding-left:18px}h1{font-size:49px}.player-inner{flex-wrap:wrap;gap:12px}.player audio{width:270px}.copy-main{display:none}}@media(max-width:600px){.wrap{padding-left:20px;padding-right:20px}.top{min-height:80px}.brand{font-size:22px}.digital{font-size:14px}.home{font-size:12px}.intro{padding:32px 0 26px}.intro .eyebrow{font-size:10px;letter-spacing:1.6px}h1{font-size:43px}.lead{font-size:14px}.desktop{display:none}.steps{display:none}.search-row{flex-wrap:wrap;gap:12px}.searchbox{flex-basis:100%;height:54px;padding:0 14px}input{font-size:14px}.sort{font-size:12px;margin-left:auto;gap:8px}select{padding:7px 10px;font-size:12px}.filters{gap:7px;margin:17px 0 23px}.filters button{font-size:12px;padding:7px 12px}.results-line{align-items:flex-start;gap:12px}h2{font-size:22px}#range{font-size:11px;padding-top:4px}.grid{grid-template-columns:1fr;gap:10px}.track{padding:16px;gap:12px}.track h3{font-size:15px}.track-bottom{padding-top:9px}.copy{font-size:13px}.code{font-size:12px}.pagination{gap:13px;font-size:12px}.pagination button{padding:9px 12px}footer{display:block}footer>p{text-align:left;margin-top:18px}.player-inner{position:relative;padding:12px 20px}.now{flex-basis:calc(100% - 40px);padding-right:25px}.player audio{width:100%;order:3}.close{position:absolute;right:15px;top:12px}.music-mark{font-size:24px}.now strong{font-size:13px}body.has-player{padding-bottom:155px}#toast{bottom:150px}}