/* Matt Hermès · /ta-question/ (matthermes.fr) : la question confiée AVANT le paiement. Base : formulaire lp-voyance-question 1.1.0 */

#tq{--n:#0E0B0D;--c:#16131A;--cr:#EDE4D3;--g:#A39A8E;--o:#C9A86A;--oc:#E9D29A;--a:#D9A35F;--f:rgba(201,168,106,.24);
  --og:linear-gradient(100deg,#8C6A35 0%,#E9D29A 28%,#C9A86A 50%,#F3E2B4 70%,#9C7A40 100%);
  --serif:"Cormorant Garamond",Georgia,serif;--sans:"Jost",system-ui,-apple-system,sans-serif;
  position:relative;z-index:3;box-sizing:border-box;max-width:640px;margin:28px auto 34px;padding:0;color:var(--cr);font:400 17px/1.6 var(--sans);text-align:left;-webkit-font-smoothing:antialiased}
#tq *,#tq *:before,#tq *:after{box-sizing:border-box}
#tq [hidden]{display:none!important}
#tq .lpvq-nw{white-space:nowrap}
#tq .lpvq-q-in{position:relative;padding:44px 22px 34px;border:1px solid rgba(201,168,106,.2);border-top-color:rgba(201,168,106,.5);border-radius:6px;outline:none;
  background:radial-gradient(90% 260px at 50% 0,rgba(217,163,95,.1),transparent 70%),linear-gradient(180deg,rgba(22,19,26,.96),rgba(16,13,18,.96));box-shadow:0 30px 80px rgba(0,0,0,.35)}
#tq .lpvq-q-in:before{content:"";position:absolute;left:50%;top:-1px;width:120px;height:1px;transform:translateX(-50%);background:var(--og)}
#tq .lpvq-q-k{margin:0 0 14px!important;text-align:center;font:500 13px/1.4 var(--sans)!important;letter-spacing:.26em!important;text-transform:uppercase!important;color:var(--o)!important}
#tq h2.lpvq-q-h{margin:0 0 16px!important;padding:0!important;text-align:center;font:300 44px/1.04 var(--serif)!important;letter-spacing:0!important;text-transform:none!important;color:var(--cr)!important;background:none!important;-webkit-text-fill-color:var(--cr)!important}
#tq h2.lpvq-q-h em{font-style:italic;font-weight:400;background:var(--og)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;padding-right:.06em}
#tq .lpvq-q-p{margin:0 auto!important;max-width:36ch;text-align:center;font:400 17px/1.65 var(--sans)!important;color:var(--g)!important}
#tq .lpvq-orn{display:block;width:8px;height:8px;margin:24px auto 28px;border:1px solid var(--o);transform:rotate(45deg);box-shadow:0 0 14px rgba(201,168,106,.35)}
#tq form{margin:0!important;padding:0!important;background:none!important;border:0!important}
/* onglets */
#tq .lpvq-tabs{display:grid;grid-template-columns:1fr 1fr;margin:0 0 22px;padding:4px;border:1px solid rgba(201,168,106,.42);border-radius:999px;background:rgba(14,11,13,.6)}
#tq .lpvq-tab{appearance:none;-webkit-appearance:none;margin:0!important;min-height:50px;padding:0 8px!important;border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;cursor:pointer;
  font:500 15.5px/1 var(--sans)!important;letter-spacing:.04em!important;text-transform:none!important;color:var(--cr)!important;-webkit-tap-highlight-color:transparent;transition:color .2s}
#tq .lpvq-tab.is-on{background:linear-gradient(100deg,#8C6A35,#E9D29A 40%,#C9A86A 60%,#B08A4A)!important;color:#1A130A!important;box-shadow:0 6px 18px rgba(201,168,106,.18)!important}
#tq .lpvq-tab:focus-visible{outline:1px solid var(--oc);outline-offset:3px}
/* champs */
#tq .lpvq-lab{display:block;margin:0 0 9px!important;font:500 13px/1.3 var(--sans)!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:var(--g)!important}
#tq .lpvq-opt{margin-left:6px;font-size:12px;letter-spacing:.06em;text-transform:none;color:rgba(163,154,142,.7)}
#tq textarea,#tq input[type=date]{display:block;width:100%!important;max-width:100%!important;margin:0!important;padding:15px 16px!important;border:1px solid rgba(201,168,106,.34)!important;border-radius:4px!important;background:rgba(14,11,13,.86)!important;box-shadow:none!important;
  font:400 17px/1.55 var(--sans)!important;color:var(--cr)!important;color-scheme:dark;-webkit-appearance:none;appearance:none}
#tq textarea{min-height:168px;resize:vertical}
#tq #lpvq-contexte{min-height:104px}
#tq input[type=date]{min-height:54px;text-align:left}
#tq input[type=date]::-webkit-date-and-time-value{text-align:left}
#tq textarea:focus,#tq input[type=date]:focus{outline:none;border-color:var(--o)!important;box-shadow:0 0 0 3px rgba(201,168,106,.16)!important}
#tq ::placeholder{color:rgba(163,154,142,.72);opacity:1}
#tq .lpvq-count{display:block;margin-top:7px;text-align:right;font-size:13px;color:rgba(163,154,142,.75);font-variant-numeric:tabular-nums}
#tq .lpvq-desc{display:block;margin-top:8px;font-size:14.5px;line-height:1.5;color:var(--g)}
#tq .lpvq-more{margin-top:28px;padding-top:26px;border-top:1px solid rgba(237,228,211,.08)}
#tq .lpvq-more textarea{margin-bottom:22px!important}
/* enregistreur */
#tq.lpvq-js .lpvq-pane[aria-hidden=true]{display:none}
#tq:not(.lpvq-js) .lpvq-stage,#tq:not(.lpvq-js) .lpvq-alt,#tq:not(.lpvq-js) .lpvq-tabs{display:none}
#tq:not(.lpvq-js) .lpvq-pane-vocal{margin-top:22px}
#tq .lpvq-rec{text-align:center}
#tq .lpvq-stage{display:block;padding:30px 14px 16px;border:1px solid rgba(201,168,106,.24);border-radius:6px;background:radial-gradient(70% 80% at 50% 30%,rgba(217,163,95,.13),rgba(14,11,13,0) 70%),#0E0B0D}
#tq .lpvq-mic{appearance:none;-webkit-appearance:none;position:relative;display:inline-flex;align-items:center;justify-content:center;width:104px;height:104px;margin:0!important;padding:0!important;border:1px solid var(--o)!important;border-radius:50%!important;
  background:radial-gradient(circle at 35% 30%,#251d24,#0E0B0D)!important;box-shadow:0 0 0 7px rgba(201,168,106,.07),0 0 44px rgba(217,163,95,.2)!important;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .2s}
#tq .lpvq-mic:active{transform:scale(.96)}
#tq .lpvq-mic-dot{display:block;width:32px;height:32px;border-radius:50%;background:var(--a);box-shadow:0 0 18px rgba(217,163,95,.6);transition:all .25s}
#tq .lpvq-rec.is-rec .lpvq-mic-dot{width:27px;height:27px;border-radius:5px;background:#CC6574;box-shadow:0 0 18px rgba(204,101,116,.6)}
#tq .lpvq-rec.is-rec .lpvq-mic:before{content:"";position:absolute;inset:-9px;border-radius:50%;border:1px solid rgba(204,101,116,.6);animation:lpvq-pulse 1.6s ease-out infinite}
@keyframes lpvq-pulse{0%{transform:scale(.92);opacity:1}100%{transform:scale(1.35);opacity:0}}
#tq .lpvq-meter{display:flex;align-items:center;justify-content:center;gap:3px;height:36px;max-width:260px;margin:22px auto 8px}
#tq .lpvq-meter i{display:block;width:4px;height:100%;border-radius:2px;background:var(--a);opacity:.75;transform:scaleY(.12);transition:transform .08s linear}
#tq .lpvq-time{display:block;font-size:23px;color:var(--cr);font-variant-numeric:tabular-nums;letter-spacing:.04em}
#tq .lpvq-max{color:var(--g);font-size:15px}
#tq .lpvq-hint{display:block;max-width:31ch;margin:10px auto 6px;font-size:15.5px;line-height:1.55;color:var(--g)}
#tq .lpvq-done{padding:20px 16px;border:1px solid rgba(201,168,106,.24);border-radius:6px;background:#0E0B0D;text-align:left}
#tq .lpvq-done audio{display:block;width:100%;height:46px;color-scheme:dark}
#tq .lpvq-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;flex-wrap:wrap}
#tq .lpvq-btn{appearance:none;-webkit-appearance:none;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;margin:0!important;padding:0 20px!important;border:1px solid rgba(201,168,106,.6)!important;border-radius:999px!important;
  background:transparent!important;box-shadow:none!important;cursor:pointer;font:500 15px/1 var(--sans)!important;letter-spacing:.03em!important;text-transform:none!important;color:var(--o)!important}
#tq .lpvq-btn input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
#tq .lpvq-state{flex:1;min-width:0;font-size:15px;color:var(--g);text-align:left}
#tq .lpvq-state.ok{color:#9DB5A0}#tq .lpvq-state.ok:before{content:"✓ "}
#tq .lpvq-state.err{flex-basis:100%;color:#CC6574}
#tq .lpvq-file{display:block;padding:18px 16px;border:1px dashed rgba(201,168,106,.3);border-radius:6px;text-align:left}
#tq.lpvq-js .lpvq-file{margin-top:14px}
#tq .lpvq-alt{margin:14px 0 0!important;text-align:center}
#tq .lpvq-link{appearance:none;-webkit-appearance:none;margin:0!important;padding:6px 4px!important;border:0!important;background:none!important;box-shadow:none!important;cursor:pointer;
  font:400 15px/1.4 var(--sans)!important;letter-spacing:0!important;text-transform:none!important;color:var(--g)!important;text-decoration:underline!important;text-decoration-color:rgba(163,154,142,.45)!important;text-underline-offset:4px}
/* envoi */
#tq .lpvq-err{margin:22px 0 0!important;padding:13px 15px!important;border:1px solid rgba(204,101,116,.45);border-radius:4px;background:rgba(204,101,116,.08);font-size:15.5px;line-height:1.5;color:#E3A5AE!important}
#tq .lpvq-send{display:flex;align-items:center;justify-content:center;width:100%;min-height:60px;margin:28px 0 0!important;padding:0 22px!important;border:0!important;border-radius:2px!important;cursor:pointer;text-decoration:none!important;
  background:var(--og)!important;background-size:180% 100%!important;color:#1A130A!important;-webkit-text-fill-color:#1A130A!important;box-shadow:0 12px 34px rgba(201,168,106,.22),inset 0 1px 0 rgba(255,255,255,.4)!important;
  font:500 15px/1 var(--sans)!important;letter-spacing:.16em!important;text-transform:uppercase!important;transition:background-position .5s,opacity .2s}
#tq .lpvq-send:hover{background-position:100% 0!important}
#tq .lpvq-send[disabled]{opacity:.6;cursor:progress}
#tq .lpvq-fine{margin:16px auto 0!important;max-width:40ch;text-align:center;font-size:14px;line-height:1.55;color:rgba(163,154,142,.85)!important}
#tq.lpvq-q-done .lpvq-q-in{padding-bottom:40px;text-align:center}
#tq a.lpvq-back{display:inline-flex;width:auto;margin:0 auto!important;padding:0 26px!important;font-size:13.5px!important;letter-spacing:.12em!important;color:#1A130A!important}
@media (min-width:700px){#tq .lpvq-q-in{padding:56px 52px 44px}#tq h2.lpvq-q-h{font-size:52px!important}}
@media (prefers-reduced-motion:reduce){#tq .lpvq-rec.is-rec .lpvq-mic:before{animation:none}#tq .lpvq-meter i{transition:none}}

/* ---- page /ta-question/ ---- */
.p-question{padding-bottom:0}
.tq-hero{position:relative;padding:150px 22px 34px;text-align:center}
.tq-hero .orn{margin-bottom:18px}
.tq-hero h1{margin:14px 0 18px;font:300 clamp(42px,10.5vw,66px)/1.02 var(--serif)}
.tq-hero h1 em{font-style:italic;background:var(--orgrad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}
.tq-hero .sub{max-width:34em;margin:0 auto;color:var(--gris)}
.tq-steps{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;margin:30px auto 0;padding:0;max-width:820px}
.tq-steps li{display:flex;align-items:center;gap:10px;font:400 15.5px/1.4 var(--sans);color:var(--creme)}
.tq-steps i{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid rgba(201,168,106,.55);border-radius:50%;font:italic 400 15px/1 var(--serif);color:var(--or)}
.tq-form-sec{padding:6px 14px 10px}
#tq{margin:10px auto 0}
#tq .tq-in{display:block;width:100%;margin:0;padding:15px 16px;border:1px solid rgba(201,168,106,.34);border-radius:4px;background:rgba(14,11,13,.86);font:400 17px/1.4 var(--sans);color:var(--cr);-webkit-appearance:none;appearance:none}
#tq .tq-in:focus{outline:none;border-color:var(--o);box-shadow:0 0 0 3px rgba(201,168,106,.16)}
#tq .tq-gap{margin-top:24px!important}
#tq .tq-voix{margin-top:18px}
#tq .tq-voix-open{display:block;width:100%;text-align:left;text-decoration:none!important;padding:14px 16px!important;border:1px dashed rgba(201,168,106,.36)!important;border-radius:4px!important;color:var(--cr)!important}
#tq .tq-voix-open:before{content:"+";display:inline-block;width:1.2em;color:var(--o)}
#tq .tq-voix-open[aria-expanded=true]{border-style:solid!important}
#tq .tq-voix-open[aria-expanded=true]:before{content:"–"}
#tq .lpvq-rec{margin-top:12px}
#tq .lpvq-err{margin:0 0 22px!important}
#tq .tq-pp{text-align:center;margin-top:16px}
#tq .lpvq-fine a{color:var(--g);text-decoration:underline;text-decoration-color:rgba(163,154,142,.45)}
.tq-recu{padding:34px 22px 70px}
.tq-meta{display:grid;gap:14px;max-width:640px;margin:0 auto;padding:0}
.tq-meta div{display:flex;gap:16px;align-items:baseline;padding:0 0 12px;border-bottom:1px solid rgba(201,168,106,.14)}
.tq-meta dt{flex:none;width:92px;font:500 12.5px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--or)}
.tq-meta dd{margin:0;color:var(--gris);font-size:16px}
@media (min-width:1000px){.tq-hero{padding-top:190px}.tq-form-sec{padding-bottom:20px}}