/* NOTE Voice 0.4.4 — compact v0.4.2 layout with NOTE.radio app navy/orange palette. */
.ntr-r31-public{
  --nv-accent:#ff771e;
  --nv-accent2:#ff9b26;
  --nv-text:#f8fbff;
  --nv-muted:#acc1d9;
  --nv-line:rgba(255,255,255,.12);
  box-sizing:border-box;
  display:block;
  width:100%;max-width:600px;
  margin:0 auto;
  padding:0;
  color:var(--nv-text);
  font-family:inherit;
  line-height:1.45;
  isolation:isolate;
}
.ntr-r31-public *, .ntr-r31-public *::before,.ntr-r31-public *::after{box-sizing:border-box}
.ntr-r31-public .ntr-r31-card{
  position:relative;overflow:hidden;
  padding:27px 28px 22px;
  border-radius:25px;
  border:1px solid rgba(63,114,160,.58);
  background:
    radial-gradient(ellipse 68% 44% at 50% 46%,rgba(21,62,108,.38),transparent 90%),
    radial-gradient(ellipse 52% 28% at 100% 0,rgba(255,119,30,.08),transparent 90%),
    linear-gradient(155deg,#102b49 0%,#0b2038 55%,#081727 100%);
  box-shadow:0 20px 48px rgba(3,14,27,.30),inset 0 1px rgba(36,78,120,.54);
}
.ntr-r31-public .ntr-r31-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.ntr-r31-public .ntr-r31-logo{font-family:inherit;color:#fff;font-size:20px;font-weight:850;letter-spacing:-.9px;white-space:nowrap;line-height:1.2}
.ntr-r31-public .ntr-r31-logo span{color:var(--nv-accent)}
.ntr-r31-public .ntr-r31-pill{display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:5px 9px;border:1px solid var(--nv-line);border-radius:999px;background:rgba(255,255,255,.045);font-size:9px;letter-spacing:1px;font-weight:750;color:#d5e5f4;white-space:nowrap;line-height:1}
.ntr-r31-public .ntr-r31-pill strong{font-size:10px;color:white;letter-spacing:.1px}
.ntr-r31-public .ntr-r31-pill-dot{height:6px;width:6px;border-radius:50%;background:var(--nv-accent);box-shadow:0 0 10px rgba(255,119,30,.55)}
.ntr-r31-public .ntr-r31-intro{text-align:center}
.ntr-r31-public .ntr-r31-intro h2{margin:0 0 8px;color:#fff;font-family:inherit;font-size:clamp(23px,5vw,29px);font-weight:800;letter-spacing:-.9px;line-height:1.18;text-transform:none}
.ntr-r31-public .ntr-r31-intro h2 span{color:#ff8525}
.ntr-r31-public .ntr-r31-intro p{max-width:390px;margin:0 auto;color:#adc2d7;font-family:inherit;font-size:13px;line-height:1.55}
.ntr-r31-public .ntr-r31-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:20px auto 0;min-height:240px;padding:10px 0 12px}
.ntr-r31-public .ntr-r31-rings{display:grid;place-items:center;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle,transparent 48%,rgba(44,110,168,.16) 49% 50%,transparent 51% 63%,rgba(255,135,43,.12) 64% 65%,transparent 66%);position:relative}
.ntr-r31-public .ntr-r31-rings::after{content:'';position:absolute;inset:15px;border:1px solid rgba(57,122,177,.26);border-radius:50%;pointer-events:none}
.ntr-r31-public button.ntr-r31-record{display:grid;place-items:center;flex:none;position:relative;z-index:1;width:82px;height:82px;min-width:82px;min-height:82px;border:0;border-radius:50%;padding:0;margin:0;background:linear-gradient(145deg,#ff9624 0%,#ff6327 100%);color:#fff;cursor:pointer;box-shadow:0 9px 28px rgba(255,114,30,.32),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;line-height:1}
.ntr-r31-public button.ntr-r31-record:hover:not(:disabled){transform:scale(1.055);box-shadow:0 10px 36px rgba(255,114,30,.46)}
.ntr-r31-public button.ntr-r31-record:active:not(:disabled){transform:scale(.96)}
.ntr-r31-public button.ntr-r31-record svg{width:31px;height:31px;stroke:currentColor}
.ntr-r31-public button:disabled{cursor:not-allowed}
.ntr-r31-public button.ntr-r31-record:disabled{opacity:.52}
.ntr-r31-public .ntr-r31-record-hint{font-size:12px;min-height:18px;margin:0 0 11px;color:#d9e7f5;font-weight:550}
.ntr-r31-public .ntr-r31-timer{font-size:40px;letter-spacing:-1px;font-variant-numeric:tabular-nums;font-weight:750;font-family:inherit;color:#fff;line-height:1.12;margin:0 0 14px}
.ntr-r31-public .ntr-r31-timer-total{font-size:16px;letter-spacing:0;color:#8ea9c1;font-weight:550}
.ntr-r31-public .ntr-r31-progress{position:relative;height:5px;width:min(100%,230px);border-radius:999px;overflow:hidden;background:rgba(255,255,255,.105);margin:0 auto}
.ntr-r31-public .ntr-r31-progress [data-progress]{position:absolute;top:0;bottom:0;left:0;width:0;background:linear-gradient(90deg,#ff9722,#ff6324);border-radius:inherit;transition:width .08s linear}
.ntr-r31-public .ntr-r31-wave{height:17px;display:flex;align-items:center;justify-content:center;gap:3px;margin-top:10px;opacity:.24}
.ntr-r31-public .ntr-r31-wave i{display:block;width:3px;height:5px;border-radius:2px;background:#ff902b}
.ntr-r31-public .ntr-r31-wave i:nth-child(2),.ntr-r31-public .ntr-r31-wave i:nth-child(8){height:9px}
.ntr-r31-public .ntr-r31-wave i:nth-child(3),.ntr-r31-public .ntr-r31-wave i:nth-child(7){height:13px}
.ntr-r31-public .ntr-r31-wave i:nth-child(4),.ntr-r31-public .ntr-r31-wave i:nth-child(6){height:9px}
.ntr-r31-public .ntr-r31-wave i:nth-child(5){height:17px}
.ntr-r31-public .ntr-r31-status{min-height:19px;margin:9px 0 0;color:#acc1d6;font-size:11px;line-height:1.45;max-width:400px;text-align:center}
.ntr-r31-public .ntr-r31-preview{width:100%;max-width:480px;margin:0 auto}
.ntr-r31-public .ntr-r31-preview audio{display:block;width:100%;height:44px;margin:0 0 14px;max-width:100%;color-scheme:dark}
.ntr-r31-public .ntr-r31-preview audio[hidden]{display:none!important}
.ntr-r31-public .ntr-r31-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:5px}
.ntr-r31-public button.ntr-r31-action{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 16px;margin:0;border-radius:12px;font-family:inherit;font-size:13px;font-weight:750;line-height:1.2;letter-spacing:.05px;text-transform:none;transition:filter .18s,opacity .18s,transform .18s;background:rgba(36,78,120,.54);color:#fff;border:1px solid rgba(89,140,185,.33);cursor:pointer;box-shadow:none}
.ntr-r31-public button.ntr-r31-action svg{width:17px;height:17px;flex:none}
.ntr-r31-public button.ntr-r31-action:focus-visible,.ntr-r31-public button.ntr-r31-record:focus-visible{outline:3px solid #ffaf64;outline-offset:3px}
.ntr-r31-public button.ntr-r31-action:hover:not(:disabled){filter:brightness(1.18);transform:translateY(-1px)}
.ntr-r31-public button.ntr-r31-action:disabled{opacity:.45;cursor:not-allowed}
.ntr-r31-public button.ntr-r31-send{background:linear-gradient(120deg,#ff9a21,#ff6327);border-color:transparent;color:white}
.ntr-r31-public button.ntr-r31-stop{grid-column:1/-1;background:linear-gradient(120deg,#ff9a21,#ff6327);border-color:transparent}
.ntr-r31-public .ntr-r31-actions .ntr-r31-clear,.ntr-r31-public .ntr-r31-actions .ntr-r31-send,.ntr-r31-public .ntr-r31-actions .ntr-r31-stop{display:none}
.ntr-r31-public[data-nv-state="recording"] .ntr-r31-actions .ntr-r31-stop{display:inline-flex}
.ntr-r31-public[data-nv-state="review"] .ntr-r31-actions .ntr-r31-clear,.ntr-r31-public[data-nv-state="review"] .ntr-r31-actions .ntr-r31-send,.ntr-r31-public[data-nv-state="sending"] .ntr-r31-actions .ntr-r31-clear,.ntr-r31-public[data-nv-state="sending"] .ntr-r31-actions .ntr-r31-send{display:inline-flex}
.ntr-r31-public[data-nv-state="recording"] .ntr-r31-pill-dot{background:#ff5e3e;box-shadow:0 0 9px #ff5e3e}
.ntr-r31-public[data-nv-state="recording"] button.ntr-r31-record{background:linear-gradient(140deg,#ff7d32,#e84132);box-shadow:0 0 0 8px rgba(255,93,49,.18),0 10px 30px rgba(231,62,46,.28)}
.ntr-r31-public[data-nv-state="recording"] .ntr-r31-wave{opacity:.95}
.ntr-r31-public[data-nv-state="recording"] .ntr-r31-wave i{animation:nv-wave .65s ease-in-out infinite alternate}
.ntr-r31-public[data-nv-state="recording"] .ntr-r31-wave i:nth-child(even){animation-delay:.26s}
.ntr-r31-public[data-nv-state="recording"] .ntr-r31-wave i:nth-child(3n){animation-delay:.12s}
.ntr-r31-public[data-nv-state="success"] .ntr-r31-status{color:#8ff5be}
.ntr-r31-public .ntr-r31-consent-note{font-family:inherit;margin:12px 5px 0;padding:0;font-size:11px;color:#b0c4d9;line-height:1.55;text-align:center}
@keyframes nv-wave{from{transform:scaleY(.5)}to{transform:scaleY(1.7)}}
@media(max-width:540px){
  .ntr-r31-public .ntr-r31-card{padding:22px 16px 19px;border-radius:20px}
  .ntr-r31-public .ntr-r31-header{gap:9px;margin-bottom:20px}
  .ntr-r31-public .ntr-r31-logo{font-size:19px}
  .ntr-r31-public .ntr-r31-pill{font-size:8px;gap:5px;letter-spacing:.45px;padding:5px 7px}
  .ntr-r31-public .ntr-r31-intro h2{font-size:25px}
  .ntr-r31-public .ntr-r31-intro p{font-size:12px}
  .ntr-r31-public .ntr-r31-stage{min-height:230px;margin-top:14px}
  .ntr-r31-public button.ntr-r31-action{font-size:12px;padding:11px 8px;gap:5px;min-height:48px}
  .ntr-r31-public .ntr-r31-actions{gap:8px}
}
@media(max-width:350px){
  .ntr-r31-public .ntr-r31-header{justify-content:center}
  .ntr-r31-public .ntr-r31-pill{flex:0 0 auto}
  .ntr-r31-public .ntr-r31-actions{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .ntr-r31-public .ntr-r31-wave i{animation:none!important}
  .ntr-r31-public button.ntr-r31-action,.ntr-r31-public button.ntr-r31-record,.ntr-r31-public .ntr-r31-progress [data-progress]{transition:none}
}

/* NOTE.radio app colors, protected against Elementor/theme button defaults. */
.ntr-r31-public .ntr-r31-card{color:#f8fbff}
.ntr-r31-public button.ntr-r31-record,
.ntr-r31-public button.ntr-r31-record:not(:hover),
.ntr-r31-public button.ntr-r31-record:hover,
.ntr-r31-public button.ntr-r31-record:focus{
  -webkit-appearance:none!important;appearance:none!important;
  display:grid!important;place-items:center!important;
  width:82px!important;height:82px!important;min-width:82px!important;min-height:82px!important;
  border:0!important;border-radius:50%!important;margin:0!important;padding:0!important;
  background:linear-gradient(145deg,#ff9822 0%,#ff6327 100%)!important;
  background-color:#ff771e!important;color:#fff!important;
  box-shadow:0 9px 28px rgba(255,114,30,.34),inset 0 1px 0 rgba(255,255,255,.23)!important;
  opacity:1!important;visibility:visible!important;
  line-height:1!important;text-indent:0!important;text-decoration:none!important;
}
.ntr-r31-public button.ntr-r31-record:disabled{opacity:.55!important}
.ntr-r31-public button.ntr-r31-record svg{
  display:block!important;width:32px!important;height:32px!important;min-width:32px!important;
  color:#fff!important;stroke:#fff!important;fill:none!important;
  background:transparent!important;border:0!important;margin:0!important;padding:0!important;
  opacity:1!important;visibility:visible!important;pointer-events:none!important;
}
.ntr-r31-public button.ntr-r31-record svg path,
.ntr-r31-public button.ntr-r31-record svg rect{
  stroke:#fff!important;fill:none!important;opacity:1!important;visibility:visible!important;
}
.ntr-r31-public button.ntr-r31-action,
.ntr-r31-public button.ntr-r31-action:not(:hover){
  -webkit-appearance:none!important;appearance:none!important;
  display:inline-flex;align-items:center;justify-content:center;
  color:#f8fbff!important;background:#173854!important;background-color:#173854!important;
  border:1px solid #315977!important;border-radius:12px!important;
  text-transform:none!important;text-decoration:none!important;box-shadow:none!important;
}
.ntr-r31-public button.ntr-r31-send,
.ntr-r31-public button.ntr-r31-send:not(:hover),
.ntr-r31-public button.ntr-r31-stop,
.ntr-r31-public button.ntr-r31-stop:not(:hover){
  background:linear-gradient(120deg,#ff9822,#ff6327)!important;
  background-color:#ff771e!important;border:1px solid #ff7824!important;
  color:#fff!important;
}
.ntr-r31-public button.ntr-r31-action svg{color:currentColor!important;flex:none!important;display:inline-block!important}
.ntr-r31-public .ntr-r31-actions .ntr-r31-clear,
.ntr-r31-public .ntr-r31-actions .ntr-r31-send,
.ntr-r31-public .ntr-r31-actions .ntr-r31-stop{display:none!important}
.ntr-r31-public[data-nv-state="recording"] .ntr-r31-actions .ntr-r31-stop{display:inline-flex!important}
.ntr-r31-public[data-nv-state="review"] .ntr-r31-actions .ntr-r31-clear,
.ntr-r31-public[data-nv-state="review"] .ntr-r31-actions .ntr-r31-send,
.ntr-r31-public[data-nv-state="sending"] .ntr-r31-actions .ntr-r31-clear,
.ntr-r31-public[data-nv-state="sending"] .ntr-r31-actions .ntr-r31-send{display:inline-flex!important}
.ntr-r31-public[data-nv-state="recording"] button.ntr-r31-record,
.ntr-r31-public[data-nv-state="recording"] button.ntr-r31-record:not(:hover){
  background:linear-gradient(140deg,#ff752a,#ed4433)!important;
  box-shadow:0 0 0 8px rgba(255,93,49,.15),0 10px 28px rgba(225,64,42,.3)!important;
}
.ntr-r31-public .ntr-r31-consent-note{
  border-radius:10px;padding:10px 12px;margin:10px 0 0;
  border:1px solid rgba(67,117,158,.35);background:#0d233a;
  color:#c0d2e4;font-size:10px;line-height:1.48;
}
/* Keep mobile a recorder, not a promotional landing page. */
@media(max-width:540px){
  .ntr-r31-public .ntr-r31-card{padding:18px 16px 16px}
  .ntr-r31-public .ntr-r31-header{margin-bottom:10px}
  .ntr-r31-public .ntr-r31-intro h2{font-size:23px;line-height:1.17;margin:0 0 4px}
  .ntr-r31-public .ntr-r31-intro p{display:none}
  .ntr-r31-public .ntr-r31-stage{min-height:212px;margin-top:6px;padding:3px 0 6px}
  .ntr-r31-public .ntr-r31-rings{width:116px;height:116px}
  .ntr-r31-public .ntr-r31-record-hint{margin:0 0 6px}
  .ntr-r31-public .ntr-r31-timer{margin:0 0 10px}
  .ntr-r31-public .ntr-r31-consent-note{font-size:10px;line-height:1.42}
}
@media(max-width:360px){
  .ntr-r31-public .ntr-r31-pill{display:none}
  .ntr-r31-public .ntr-r31-actions{grid-template-columns:1fr 1fr}
  .ntr-r31-public button.ntr-r31-action{font-size:11px;min-width:0;padding:10px 5px}
}