:root{font-family:Arial,Helvetica,sans-serif;color:#161616;background:#f5f3f0;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{height:86px;background:white;border-bottom:1px solid #e9e6e1;display:flex;align-items:center;justify-content:space-between;padding:12px max(5vw,18px);gap:12px}.brand{display:flex;flex-direction:column}.signature{font-family:Georgia,serif;font-size:26px;font-style:italic;letter-spacing:-1.5px}.brand small{font-size:8px;letter-spacing:1.7px;color:#666}.head-right{display:flex;gap:12px;align-items:center}button{cursor:pointer;font-size:13px;font-weight:700;border-radius:100px;padding:12px 19px;border:1px solid #151515;background:white;color:#151515}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:#151515;color:white}.outline{background:transparent}.big{padding:17px 28px}.pill{border-radius:50px;background:#f0eee9;padding:9px 13px;font-size:11px;white-space:nowrap}.intro{padding:58px 0 32px}.eyebrow{font-size:10px;letter-spacing:2px;color:#6b6763;font-weight:700}.intro h1{font-size:clamp(36px,5.8vw,68px);line-height:1.08;letter-spacing:-2px;margin:16px 0}.intro h1 em{font-family:Georgia,serif;font-weight:400}.intro p{color:#666;line-height:1.6}.panel{background:#fff;border:1px solid #e6e2dc;border-radius:25px;padding:30px;box-shadow:0 12px 30px #00000007;margin:14px 0 50px}.sectiontop,.between{display:flex;justify-content:space-between;align-items:center;gap:12px}.sectiontop{margin-bottom:25px}.sectiontop h2{font-size:25px;margin:8px 0 0;letter-spacing:-.6px}main{max-width:1000px;padding:0 20px;margin:auto}label{display:block;font-weight:700;font-size:13px;margin:18px 0 8px}input:not([type=range]){width:100%;padding:15px 16px;border:1px solid #d8d4cf;border-radius:12px;font-size:15px;outline:none;background:#fff;color:#222}input:focus{border-color:#222}.hint{font-size:12px;color:#777;line-height:1.7;margin:14px 0 20px}.notice{display:none;padding:13px 16px;background:#ede7df;border-radius:12px;margin:10px 0;font-size:13px}.notice.show{display:block}.audio-card{background:#f5f3f0;border-radius:20px;padding:25px;margin:24px 0}.audio-card h3{font-size:22px;letter-spacing:-.5px;margin:12px 0 24px}.wave{text-align:center;overflow:hidden;white-space:nowrap;letter-spacing:8px;font-size:19px;color:#888;margin:12px 0 25px}.progress{background:#ddd9d3;height:6px;border-radius:10px;overflow:hidden}.progress>div{height:100%;width:0;background:#181818;transition:width .35s}.between{font-size:12px;color:#777;margin-top:12px}.full{width:100%}input[type=range]{width:100%;accent-color:#161616}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 30px}.stats>div{background:#f5f3f0;padding:20px;border-radius:15px;display:flex;flex-direction:column;gap:8px}.stats strong{font-size:22px}.track-list{display:grid;gap:10px}.track{border:1px solid #e5e2dc;border-radius:15px;padding:16px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px}.track span:first-child{display:flex;flex-direction:column;gap:5px}.track small{font-size:11px;color:#777}.track.selected{background:#ebe9e5;border-color:#111}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.share{display:flex;gap:10px}.share input{min-width:0}.people{border:1px solid #eeeae4;border-radius:14px;padding:16px;color:#666;font-size:13px}.person{padding:8px 0;border-bottom:1px solid #eee}.person:last-child{border:0}footer{border-top:1px solid #e6e2dc;padding:24px 5vw;color:#888;font-size:12px;display:flex;justify-content:space-between}@media(max-width:600px){header{height:76px}.signature{font-size:22px}.head-right{gap:5px}.head-right .pill{display:none}.head-right button{padding:10px 12px;font-size:11px}.intro{padding:38px 0 16px}.panel{padding:20px;border-radius:20px}.sectiontop h2{font-size:22px}.sectiontop .pill{font-size:9px}.share{flex-direction:column}.actions button{flex:1}.wave{letter-spacing:5px}.intro h1{letter-spacing:-1px}}