@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f6f5f1;--ink:#252923;--muted:#777d74;--green:#315c45;--line:#e5e7df;--paper:#fff;--cream:#e9ede3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;padding-bottom:110px}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.top{height:84px;max-width:1220px;margin:auto;display:flex;align-items:center;gap:70px;padding:0 30px;border-bottom:1px solid var(--line)}.logo{font:800 23px 'Manrope',sans-serif;letter-spacing:-1.4px;white-space:nowrap}.mark{color:#47795d;margin-right:6px}.dot{color:#47795d}.topnav{display:flex;gap:36px;height:100%;align-items:center}.topnav a{height:100%;display:flex;align-items:center;color:#777e75;font-weight:600;font-size:14px;border-bottom:2px solid transparent}.topnav a.selected{color:var(--ink);border-bottom-color:var(--green)}.account{margin-left:auto;background:var(--ink);color:white;border:0;border-radius:8px;padding:13px 17px;font-size:13px;font-weight:700}.account span{margin-left:18px}main{max-width:1160px;margin:auto;padding:0 30px}.hero{padding:86px 0 78px;max-width:800px}.eyebrow,.smallcap{font-weight:800;letter-spacing:2.1px;font-size:10px;color:var(--green)}.eyebrow{display:flex;align-items:center;gap:10px}.pulse{width:8px;height:8px;border-radius:50%;background:#6ba77d;box-shadow:0 0 0 4px #dce9dc}.version{margin-left:8px;color:#9aa49a;letter-spacing:1px}h1,h2,h3,p{margin-top:0}h1{font:800 clamp(52px,7.7vw,104px)/1.08 'Manrope',sans-serif;letter-spacing:-5px;margin:25px 0 20px}h1 em{font-style:normal;color:#6b9274}.hero p{max-width:500px;color:#747b72;font-size:17px;line-height:1.75;margin-bottom:34px}.searchbox{display:flex;align-items:center;background:white;border:1px solid #dce0d7;border-radius:12px;box-shadow:0 9px 24px #2638270a;max-width:680px;height:64px;padding:0 18px;gap:12px}.searchbox:focus-within{border-color:#7da58a}.searchicon{font-size:32px;line-height:1;color:#6d8a72}.searchbox input{flex:1;min-width:0;border:0;outline:0;font-size:15px;color:#263827}.searchbox input::placeholder{color:#a5aba2}kbd{font-size:13px;border:1px solid #e4e6e0;padding:4px 8px;border-radius:5px;color:#adb1a9}.quick{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:17px}.quick span{color:#92978e;font-size:12px;margin-right:5px}.quick button{background:#ecefe8;border:1px solid #e3e7de;border-radius:20px;color:#55715c;font-size:12px;padding:7px 12px}.browse{border-top:1px solid var(--line);padding-top:42px;padding-bottom:80px}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:23px}.sectionhead h2{font:800 28px 'Manrope',sans-serif;letter-spacing:-1.1px;margin:7px 0 0}.count{color:#9aa097;font-size:12px}.soundlist{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.soundrow{display:flex;align-items:center;gap:17px;padding:17px 20px;border-bottom:1px solid #f0f1ed}.soundrow:last-child{border-bottom:0}.play{border:0;background:#e8f0e7;color:#3c7653;width:45px;height:45px;flex-shrink:0;border-radius:10px;font-size:17px}.play:hover{background:#cfe2d0}.soundmeta{flex:1;min-width:0}.soundname{font-weight:700;font-size:14px;overflow-wrap:anywhere}.soundsub{font-size:11px;color:#a1a79e;margin-top:6px}.rowactions{display:flex;gap:6px}.iconbtn{border:1px solid #e8eae4;background:white;color:#8d978b;border-radius:8px;min-width:37px;height:37px;font-size:18px}.iconbtn.liked{color:#467b57;background:#e9f0e7}.empty{padding:40px;text-align:center;color:#90988d}.more{display:block;margin:22px auto 0;background:transparent;border:1px solid #d5dbd0;color:var(--green);border-radius:8px;padding:12px 20px;font-weight:700}.more span{margin-left:12px}.notice{background:#fff3dc;border:1px solid #edd7b0;color:#755c2e;padding:14px;border-radius:8px;margin-bottom:15px}.saved-section{margin-top:0}footer{border-top:1px solid var(--line);padding:26px 30px;display:flex;justify-content:space-between;gap:15px;max-width:1220px;margin:auto;color:#939b90;font-size:11px}footer span:first-child{font-weight:800;color:#4e765b;font-size:14px}.player{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e2e7de;z-index:4;box-shadow:0 -8px 30px #18291c0b}.playerinner{height:89px;max-width:1160px;padding:0 30px;margin:auto;display:flex;align-items:center;gap:16px}.playingicon{width:46px;height:46px;border-radius:11px;background:#e4eee2;color:#49795a;display:grid;place-items:center;font-size:23px}.playername{flex:1;min-width:0}.playinglabel{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#a1a9a0;margin-bottom:5px}.playername strong{font-size:13px;overflow-wrap:anywhere}.playerbutton{border:0;background:#f0f2ed;border-radius:9px;width:40px;height:40px;font-size:24px;color:#416e4c}audio{width:330px;max-width:45%}.overlay{position:fixed;inset:0;background:#17241db3;z-index:9;display:grid;place-items:center;padding:20px}.overlay[hidden],[hidden]{display:none!important}.dialog{position:relative;background:#fff;border-radius:16px;padding:35px;width:min(100%,460px);max-height:90vh;overflow:auto;box-shadow:0 20px 80px #0002}.close{position:absolute;right:17px;top:15px;border:0;background:#f3f4f0;color:#69746b;width:33px;height:33px;border-radius:8px}.dialog h2{font:800 26px 'Manrope',sans-serif;letter-spacing:-1px;margin:10px 0}.dialog p{font-size:13px;line-height:1.6;color:#828b80}.dialog label{font-size:12px;color:#68766b;font-weight:700;display:block;margin:16px 0 6px}.dialog input,.dialog textarea{display:block;width:100%;border:1px solid #dfe4dc;border-radius:8px;padding:12px;outline-color:#6b9274;background:white;color:#273329}.dialog .submit{width:100%;border:0;background:#315c45;color:white;border-radius:8px;padding:13px;margin-top:19px;font-weight:700}.dialog .switch{border:0;background:none;color:#386e4d;font-size:12px;margin-top:15px;text-decoration:underline}.dialog .message{margin-top:12px;font-size:13px;color:#a34435}.stars{display:flex;gap:7px}.stars button{border:0;background:#f0f3ed;color:#78957e;border-radius:7px;font-size:23px;padding:8px 11px}.stars button.on{background:#e4eee2;color:#326943}.review{border-bottom:1px solid #e9ede6;padding:14px 0}.review strong{font-size:13px}.review small{color:#8c968b}.review p{margin:7px 0 0}.adminlink{display:inline-block;margin-top:14px;color:#356b4c;font-weight:700;font-size:13px}@media(max-width:700px){.top{height:69px;padding:0 18px;gap:16px}.logo{font-size:20px}.topnav{gap:15px}.topnav a{font-size:12px}.account{padding:10px;font-size:12px}.account span{display:none}main{padding:0 18px}.hero{padding:65px 0 60px}h1{font-size:clamp(49px,12vw,76px);letter-spacing:-3px}.hero p{font-size:15px}.searchbox{height:60px}.soundrow{padding:13px 12px;gap:10px}.soundname{font-size:12px}.iconbtn{min-width:32px;width:32px;height:34px}.play{width:40px;height:40px}.rowactions{gap:4px}.playerinner{height:auto;min-height:95px;padding:10px 16px;flex-wrap:wrap;gap:9px}.playingicon{width:37px;height:37px}.playername{flex:1}.playername strong{font-size:11px}.playerbutton{width:33px;height:33px}audio{width:100%;max-width:none;height:35px}footer{padding:20px;flex-wrap:wrap}.dialog{padding:27px 21px}}