@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;600;700&display=swap');
*{box-sizing:border-box}body{margin:0;background:#eff4ee;color:#173b34;font-family:'Noto Sans Arabic',sans-serif}.voice-page{max-width:1020px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.brand{font-size:25px;font-weight:700;color:#173b34;text-decoration:none}.brand small{font-size:10px;letter-spacing:2px}.voice-card{max-width:520px;margin:auto;text-align:center;background:#fff;border:1px solid #dbe7dc;border-radius:28px;padding:32px;box-shadow:0 20px 60px #163c2610}.voice-icon{font-size:30px;color:#71a473}.eyebrow{font-size:12px;font-weight:700;color:#668e6f}.voice-card h1{font-size:28px;margin:10px 0}.voice-card p{line-height:1.8;color:#577466}.wave{height:75px;display:flex;align-items:center;justify-content:center;gap:5px;--level:0}.wave i{width:5px;height:calc(8px + var(--level)*40px);background:#4c9772;border-radius:5px;transition:height .08s}.wave i:nth-child(3n){height:calc(8px + var(--level)*65px)}.wave i:nth-child(3n+1){height:calc(8px + var(--level)*22px)}.status{font-weight:700;min-height:28px}.caption{font-size:13px;overflow-wrap:anywhere}.primary,.secondary,.quiet{border:0;border-radius:12px;padding:13px 20px;cursor:pointer;font:inherit;font-weight:700}.primary{background:#194b3e;color:white;width:100%}.secondary{background:#fcece6;color:#a0442e;margin-top:10px}.quiet{background:transparent;color:#315f4d}.primary:disabled{opacity:.6}form{display:grid;gap:12px;text-align:right}label{display:grid;gap:6px;font-size:13px}input{width:100%;padding:12px;border:1px solid #ccd9cf;border-radius:10px;font:inherit;direction:ltr}.instruction{font-size:12px!important}[hidden]{display:none!important}@media(max-width:560px){.voice-page{padding:14px}header{margin-bottom:18px}.voice-card{padding:24px 20px}.voice-card h1{font-size:24px}}