:root{color-scheme:dark;font-family:Inter,Segoe UI,sans-serif;background:#101113;color:#e9e9e7}*{box-sizing:border-box}body{margin:0}a{color:inherit}header{min-height:80px;border-bottom:1px solid #292b2e;display:flex;align-items:center;gap:40px;padding:20px 5vw}.brand{text-decoration:none;font-size:23px;font-weight:750;color:#edb18c}.brand span{color:#b0b0af;font-weight:450}nav{display:flex;align-items:center;gap:12px}nav a{text-decoration:none;padding:12px}button,input,select{font:inherit}button,select{background:#1b1d20;color:#ddd;border:1px solid #34363a;border-radius:8px;padding:11px 16px;cursor:pointer}button:hover{border-color:#dba680}button[aria-pressed=true]{color:#edb18c;border-color:#edb18c;background:#30271f}.badge{margin-left:auto;font-size:12px;border:1px solid #35483b;border-radius:30px;padding:9px 13px;color:#abd3af}main{max-width:1500px;margin:auto;padding:40px 5vw}.intro{padding:10px 0 35px}.eyebrow{font-size:11px;letter-spacing:2.5px;color:#dca783}h1{font-size:clamp(32px,4vw,52px);line-height:1.12;letter-spacing:-1.8px;margin:20px 0}h1 span{color:#999b9e}.intro>p:last-child{color:#a9abae;font-size:15px}.workspace{display:grid;grid-template-columns:220px 1fr;gap:38px}aside h2{font-size:16px}aside p{color:#8e9299;font-size:13px;line-height:1.6}label{display:block;font-size:12px;color:#b2b6bc;margin:24px 0 9px}select{width:100%;font-size:13px}.note{margin-top:30px;border-top:1px solid #2c2f33;padding-top:22px}.note strong{font-size:13px;color:#d5b493}form{display:flex;gap:10px}input{background:#181a1d;border:1px solid #34363a;border-radius:8px;padding:16px;color:white;width:100%;min-width:0}form button{background:#e4b18e;color:#151515;border:0}#status{font-size:13px;color:#9da1a7;margin:20px 0}.sound{border-top:1px solid #2b2e32;padding:20px 0;display:grid;grid-template-columns:42px minmax(140px,1fr) minmax(120px,240px) 65px 80px;gap:18px;align-items:center}.play{border-radius:50%;width:40px;height:40px;padding:0;font-size:16px}.title{font-size:14px;font-weight:600;margin:0 0 8px}.meta{font-size:11px;color:#989da5}.meta a{color:#c5ac96}.wave{width:100%;height:46px}.length{font-size:12px;color:#aaa}.download{font-size:12px;text-decoration:none;color:#e7b796}.pagination{display:flex;gap:20px;justify-content:center;align-items:center;margin:25px 0;font-size:12px}button:disabled{opacity:.3;cursor:default}footer{border-top:1px solid #292b2e;margin-top:35px;padding:25px 5vw;font-size:12px;color:#777e87}.empty{padding:50px 10px;color:#a6abb2}pre{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:850px){header{gap:18px;flex-wrap:wrap}.badge{display:none}.workspace{grid-template-columns:1fr}aside{display:grid;grid-template-columns:1fr 1fr;gap:10px}aside h2,aside>p,.note{display:none}aside label{margin:0}aside select{grid-row:2}.sound{grid-template-columns:40px 1fr 55px 65px;gap:10px}.wave{display:none}nav{font-size:12px}main{padding:25px 20px}}