*{box-sizing:border-box}body{margin:0;background:#e5e5e3;color:#282b28;font:14px Arial,sans-serif}header{max-width:1150px;margin:auto;padding:25px 30px;display:flex;align-items:center;justify-content:space-between;gap:16px}header>a{letter-spacing:2px;font-size:15px;color:#755714;text-decoration:none}header small{display:block;font-size:9px;letter-spacing:5px;margin-top:5px}nav{display:flex;gap:22px;align-items:center;font-size:12px}nav a{color:#4c514b}button,input,select,textarea{font:inherit}button{cursor:pointer}nav button{background:transparent;border:1px solid #aaa;border-radius:20px;padding:9px 16px}main{max-width:1100px;margin:25px auto;padding:0 25px}.intro{text-align:center;margin:40px 0}.intro>span{font-size:10px;letter-spacing:3px;color:#6d6e65}h1{font-size:28px;font-weight:400;margin:13px 0}.intro p{color:#62675f;font-size:13px}.recorder{background:linear-gradient(145deg,#171917,#050605 70%);border:3px solid #555853;border-radius:54px;padding:18px 18px 25px;color:#ddd;box-shadow:0 4px 0 #999,0 25px 45px #0003,inset 0 0 0 5px #080908;overflow:hidden}.wave-panel{height:125px;position:relative;background:#080b08;border-radius:30px 30px 4px 4px;padding:10px 18px 22px;border-bottom:1px solid #30352d;overflow:hidden}canvas{display:block;width:100%;height:70px}.playhead{height:80px;position:absolute;left:49%;top:8px;width:1px;background:#b54b46}.playhead:before{content:'';position:absolute;left:-5px;top:0;border-top:7px solid #b54b46;border-left:5px solid transparent;border-right:5px solid transparent}.ruler{display:flex;justify-content:space-between;gap:5px;color:#b7bcb0;font-size:9px}.wave-label{position:absolute;right:17px;top:10px;font-size:8px;color:#687061;letter-spacing:1px}.console{display:grid;grid-template-columns:minmax(0,1.35fr) 82px minmax(0,1fr);gap:20px;padding:20px 15px 0;align-items:center}.display{display:grid;grid-template-columns:1fr 1.1fr;gap:12px;background:#070907;border-radius:10px;padding:7px;box-shadow:inset 0 2px 4px #000}.lcd{background:linear-gradient(120deg,#3f433e,#31362e);border:1px solid #595e53;border-radius:5px;padding:10px 12px;min-width:0}.badge{background:#dedfd8;color:#242922;font-size:10px;padding:2px 5px}.lcd strong{display:block;font-size:30px;letter-spacing:-1px;font-weight:400;margin:27px 0 5px;white-space:nowrap}.lcd small{font-size:9px;color:#a5ada0;letter-spacing:1px}.metadata{display:flex;flex-direction:column;gap:9px;padding:6px 0;min-width:0}.metadata>span:first-child{font-size:13px}.metadata small{font-size:10px;color:#a5ada0}.metadata>span:last-child{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.meter{display:flex;flex-direction:column;gap:4px;margin:3px 0}.meter i{display:block;height:7px;width:78%;background:repeating-linear-gradient(90deg,#8a9282 0 8px,#31382e 8px 10px)}.meter i:last-child{width:61%}.sheikh{font-size:11px;color:#b8bdaf;line-height:1.7;min-height:35px;margin:9px 5px}.station-picker{display:flex;align-items:center;gap:10px;font-size:10px;color:#a9b09f}select{max-width:100%;min-width:0;background:#252a22;color:#e1e4d9;border:1px solid #4a5143;border-radius:5px;padding:7px;font-size:11px}.station-picker select{flex:1}.function-row{display:flex;gap:2px;margin:10px 0;background:#080a07;border-radius:7px;overflow:hidden}.function-row>*{flex:1;min-width:0;text-align:center;background:transparent;color:#d0d4c7;border:0;border-right:1px solid #31372b;padding:9px 3px;font-size:9px;text-decoration:none;white-space:nowrap}.bottom-row{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:9px;color:#7e8874}.bottom-row button{border:1px solid #343b2d;border-radius:20px;color:#b9c0ae;background:#22271e;padding:8px 12px;font-size:10px}.vertical-controls{display:flex;align-items:center;flex-direction:column;gap:9px}.physical{height:65px;width:65px;border:3px solid #020301;border-radius:50%;background:linear-gradient(140deg,#353a30,#191e16);box-shadow:0 2px 0 #4c5444,inset 0 2px 1px #444b3c;color:#d1d5ca;display:grid;place-items:center}.physical span{font-size:29px}.vertical-controls small{font-size:10px;margin-bottom:10px}.note span{color:#c74439}.pad{aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 45% 35%,#22271e,#090c07 75%);border:3px solid #020301;box-shadow:0 2px 0 #505944,inset 0 0 0 2px #252c20;position:relative;max-width:260px;margin:auto}.pad button{position:absolute;border:0;background:none;color:#d6dacd;font-size:25px;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center}.pad button small{font-size:9px;color:#939d85;margin:4px 0}.pad-top{top:3%;left:34%;width:32%;height:27%}.pad-bottom{bottom:3%;left:34%;width:32%;height:27%}.pad-left{top:35%;left:3%;width:27%;height:30%}.pad-right{top:35%;right:3%;width:27%;height:30%}.pad .pad-play{left:34%;top:34%;width:32%;height:32%;background:linear-gradient(130deg,#353c2e,#161d10);border:3px solid #040603;border-radius:50%;box-shadow:0 3px 3px #000,inset 0 1px 1px #616953}.volume-label{display:block;color:#9ca78c;font-size:10px;margin:16px auto 0;max-width:220px}.volume-label output{float:right}input[type=range]{display:block;width:100%;accent-color:#a1ad8a;height:14px;margin-top:7px}#status{text-align:center;min-height:20px;font-size:12px;color:#515b49;margin:25px 0}.drawer{background:#f3f3ed;border:1px solid #bfc5b5;border-radius:15px;padding:23px;max-width:650px;margin:20px auto}.drawer h2{font-size:20px;font-weight:400}.drawer p,.drawer label{font-size:12px;color:#58634f}.drawer textarea{display:block;width:100%;min-height:130px;margin-top:12px;padding:15px;border:1px solid #bac3af;border-radius:8px;background:#fff;color:#293322}.drawer button{background:#27321f;color:#f0f4e8;border:0;border-radius:8px;padding:10px 16px}footer{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin:35px 0;font-size:11px}footer a{color:#525c49}button:focus-visible,a:focus-visible{outline:2px solid #b89136;outline-offset:4px}[hidden]{display:none!important}@media(max-width:720px){main{padding:0 12px;margin-top:0}header{padding:20px 17px}nav a{display:none}.intro{margin:25px 0}.recorder{border-radius:32px;padding:12px}.console{grid-template-columns:minmax(0,1fr) 65px;gap:12px;padding:14px 2px 0}.pad-area{grid-column:1/-1;display:flex;align-items:center;gap:25px;padding:15px 0 5px}.pad{width:190px;flex-shrink:0}.volume-label{flex:1;min-width:45px;margin:0}.physical{width:54px;height:54px}.lcd strong{font-size:24px}.display{gap:8px}.lcd{padding:9px}.metadata>span:first-child{font-size:12px}.wave-panel{height:110px;padding:8px 7px 20px}.ruler{font-size:8px}.ruler span:nth-child(even){display:none}.wave-label{font-size:7px}.function-row>*{font-size:8px;padding:10px 2px}.bottom-row>span{display:none}}@media(max-width:390px){.console{grid-template-columns:minmax(0,1fr) 52px;gap:7px}.lcd strong{font-size:21px}.pad{width:175px}.pad-area{gap:18px}.lcd small{font-size:8px}}