.hv-rec{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:100000;width:min(520px,calc(100vw - 20px));font-family:Archivo,"Helvetica Neue",Arial,sans-serif}
.hv-rec[hidden],.hv-spk[hidden],.hv-vs[hidden]{display:none!important}
.hv-rec-tx{margin:0 6px 8px;padding:10px 14px;border-radius:14px;background:#1A1814;color:#F4ECDD;font-size:15px;line-height:1.4;max-height:30vh;overflow:auto;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.hv-rec-tx:empty{display:none}
.hv-rec-tx i{color:#B8B3A8;font-style:normal}
.hv-rec-st{display:block;margin:0 0 6px 18px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#E6C66F;text-shadow:0 1px 4px rgba(0,0,0,.7)}
.hv-rec-bar{display:flex;align-items:center;gap:10px;padding:10px;border-radius:28px;background:#F8F7F4;border:1px solid #E6E2D8;box-shadow:0 12px 34px rgba(0,0,0,.35)}
.hv-rec button,.hv-spk button,.hv-vs button{flex:none;border:0;cursor:pointer;padding:0;margin:0;min-height:0;box-shadow:none;font-family:inherit}
.hv-rec-bar>button{width:48px;height:48px;border-radius:50%;display:grid;place-items:center}
.hv-rec svg,.hv-spk svg{width:22px;height:22px}
.hv-rec-x,.hv-rec-p{background:#ECEAE5;color:#111}
.hv-rec-s{background:#B8664A;color:#fff}
.hv-rec-s[disabled]{opacity:.45}
.hv-wave{flex:1;min-width:0;height:40px;display:flex;align-items:center;justify-content:center;gap:4px;overflow:hidden}
.hv-wave i{display:block;flex:none;width:4px;height:4px;border-radius:3px;background:#1A1A1A;transition:height .09s linear}
.hv-spk{position:fixed;left:50%;top:calc(12px + env(safe-area-inset-top));transform:translateX(-50%);z-index:100000;display:flex;align-items:center;gap:10px;padding:8px 8px 8px 16px;border-radius:999px;background:#12100D;border:1px solid rgba(214,178,94,.6);box-shadow:0 12px 30px rgba(0,0,0,.45);font-family:Archivo,"Helvetica Neue",Arial,sans-serif;color:#F4ECDD;width:max-content;max-width:calc(100vw - 20px)}
.hv-spk .hv-wave{flex:none;width:96px;height:28px;gap:3px}
.hv-spk .hv-wave i{background:#E6C66F;width:3px}
.hv-spk b{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;white-space:nowrap}
.hv-spk button{height:36px;border-radius:999px;padding:0 12px;background:#2A2620;color:#F4ECDD;font-size:12px;font-weight:700;letter-spacing:.06em;display:inline-flex;align-items:center;gap:6px}
.hv-spk button.stop{width:36px;padding:0;justify-content:center;background:#E6C66F;color:#111}
.hv-spk button svg{width:16px;height:16px}
.hv-vbtn{position:absolute;top:10px;right:58px;z-index:3;height:32px;padding:0 11px;border-radius:999px;border:1px solid rgba(214,178,94,.55);background:#171512;color:#E6C66F;font:700 11px Archivo,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.hv-vbtn svg{width:14px;height:14px}
.hv-vs{position:fixed;inset:0;z-index:100001;background:rgba(0,0,0,.55);display:flex;align-items:flex-end;justify-content:center;font-family:Archivo,"Helvetica Neue",Arial,sans-serif}
.hv-vs-in{width:min(520px,100vw);max-height:80vh;overflow:auto;background:#F8F7F4;color:#111;border-radius:20px 20px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom))}
.hv-vs h4{margin:0 0 4px;font-size:18px;font-weight:800}
.hv-vs p{margin:0 0 14px;font-size:13px;color:#5A5852}
.hv-vs-l{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.hv-vs-l label{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid #E1DDD3;border-radius:12px;background:#fff;font-size:14px;cursor:pointer}
.hv-vs-l label.sel{border-color:#B8664A;box-shadow:inset 0 0 0 1px #B8664A}
.hv-vs-l input{accent-color:#B8664A}
.hv-vs-l small{margin-left:auto;color:#8F8A80;font-size:11px;white-space:nowrap}
.hv-vs-l .tag{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0B5D3B;background:#E3F1E8;border-radius:999px;padding:2px 7px}
.hv-vs-sp{display:flex;gap:6px;margin:6px 0 16px}
.hv-vs-sp button{flex:1;height:40px;border-radius:10px;border:1px solid #E1DDD3;background:#fff;font-size:13px;font-weight:700}
.hv-vs-sp button.sel{background:#111;color:#fff;border-color:#111}
.hv-vs-a{display:flex;gap:8px}
.hv-vs-a button{flex:1;height:46px;border-radius:12px;font-size:14px;font-weight:800}
.hv-vs-a .pv{background:#ECEAE5;color:#111}
.hv-vs-a .ok{background:#B8664A;color:#fff}
.hv-vs .lbl{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#5A5852}
.nai-in input::placeholder{color:#8F8A80!important;opacity:1}
.nai-in input{color:#F7F2E6!important}