.vd{min-height:calc(100dvh - var(--head));background:#fff}.vd-inner{max-width:560px;margin:0 auto;padding:32px 20px 80px}.vd-steps{justify-content:center;gap:6px;margin:0 0 36px;padding:0;list-style:none;display:flex}.vd-steps li{color:var(--grey-400);flex:none;align-items:center;gap:6px;margin:0 8px;font-size:14px;font-weight:600;display:flex}.vd-steps li span{background:var(--grey-100);width:22px;height:22px;color:var(--grey-500);border-radius:50%;flex:none;place-items:center;font-size:12px;display:grid}.vd-steps li.on{color:var(--grey-900)}.vd-steps li.on span{background:var(--point);color:#fff}.vd-steps li.done span{background:var(--point-soft);color:var(--point)}.vd-intro{text-align:center;padding-top:24px}.vd-intro-cards div{align-items:center}.vd-intro .h1{margin-top:18px;font-size:clamp(36px,8vw,52px)}.vd-intro-cards{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:40px;display:grid}.vd-intro-cards div{background:var(--grey-100);border-radius:18px;flex-direction:column;gap:4px;padding:20px 14px;display:flex}.vd-intro-cards span{margin-bottom:6px;font-size:28px}.vd-intro-cards b{font-size:16px}.vd-intro-cards p{color:var(--grey-600);font-size:13px;line-height:1.45}.vd-start{width:100%;margin-top:32px}.vd-privacy{text-align:center;color:var(--grey-500);margin-top:14px;font-size:14px}.vd-title{text-align:center;letter-spacing:-.03em;font-size:28px;font-weight:700;line-height:1.4}.vd-title.q{min-height:2.8em;margin:28px 0 32px;animation:.3s vdIn}@keyframes vdIn{0%{opacity:0;transform:translate(16px)}}.vd-sub{text-align:center;color:var(--grey-600);margin-top:10px}.vd-date{text-align:center;color:var(--grey-500);margin-bottom:4px;font-size:15px}.vd-foot{flex-direction:column;align-items:center;gap:6px;margin-top:28px;display:flex}.vd-skip{color:var(--grey-600);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:12px;font-weight:600}.vd-skip:hover{background:var(--grey-100)}.vd-skip.small{padding:6px 10px;font-size:14px}.vd-bar{background:var(--grey-100);border-radius:4px;height:8px;overflow:hidden}.vd-bar.thin{height:4px;margin-top:10px}.vd-bar i{background:var(--point);border-radius:4px;height:100%;transition:width .5s;display:block}.vd-bar i.mid{background:#ffb331}.vd-bar i.low{background:var(--red)}.vd-script{background:var(--grey-50);color:var(--grey-800);border-radius:18px;margin-top:20px;padding:20px 22px;font-size:18px;line-height:1.8}.vd-mic-box{background:var(--point);color:#fff;border-radius:24px;flex-direction:column;align-items:center;margin-top:16px;padding:28px 20px 24px;display:flex}.vd-wave{align-items:center;gap:4px;height:64px;display:flex}.vd-wave i{background:#ffffff59;border-radius:3px;width:5px;height:64px;transition:transform 80ms linear}.vd-mic-box.rec .vd-wave i{background:#aab8ec}.vd-time{font-variant-numeric:tabular-nums;margin-top:12px;font-size:22px;font-weight:700}.vd-mic{cursor:pointer;background:#fff;border:0;border-radius:50%;place-items:center;width:80px;height:80px;margin-top:16px;transition:transform .1s;display:grid}.vd-mic:active{transform:scale(.94)}.vd-mic-box.rec .vd-mic{background:var(--red);animation:1.4s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #f0445280}to{box-shadow:0 0 0 22px #f0445200}}.vd-mic-label{color:var(--grey-400);margin-top:12px;font-size:15px}.vd-error{color:#ff8a93;text-align:center;margin-top:12px;font-size:15px}.vd-audio{width:100%;margin-top:16px}.vd-score{background:var(--point);color:#fff;border-radius:24px;margin-top:20px;padding:28px}.vd-score b{letter-spacing:-.03em;font-size:64px;line-height:1}.vd-score span{opacity:.8;margin-left:6px;font-size:20px}.vd-score p{opacity:.85;margin-top:8px}.vd-card{background:var(--grey-50);border-radius:24px;margin-top:12px;padding:20px}.vd-radar{width:100%;max-width:280px;margin:0 auto;display:block;overflow:visible}.vd-metrics{flex-direction:column;gap:18px;margin:12px 0 0;padding:0;list-style:none;display:flex}.vd-metric-top{align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.vd-metric-top span{color:var(--grey-500);font-size:14px}.vd-metric-top em{color:var(--point);margin-left:auto;font-style:normal;font-weight:700}.vd-metrics p{color:var(--grey-600);margin-top:6px;font-size:15px}.vd-feedback{background:#fff4e5;border-radius:20px;margin-top:12px;padding:20px 22px}.vd-feedback.good{background:var(--point-soft)}.vd-feedback b{margin-bottom:4px;display:block}.vd-feedback p{color:var(--grey-700);line-height:1.65}.vd-q-head{color:var(--grey-500);justify-content:space-between;align-items:center;font-weight:600;display:flex}.vd-q-head b{color:var(--point);font-size:20px}.vd-options{flex-direction:column;gap:10px;animation:.3s vdIn;display:flex}.vd-options button{text-align:left;background:var(--grey-100);cursor:pointer;border:0;border-radius:16px;padding:20px 22px;font-size:18px;font-weight:600;transition:background .15s}.vd-options button:hover{background:var(--grey-200)}.vd-options button.on{background:var(--point-soft);color:var(--point);box-shadow:inset 0 0 0 2px var(--point)}.vd-areas{grid-template-columns:1fr 1fr;gap:10px;margin-top:28px;display:grid}.vd-areas>div{background:var(--grey-50);border-radius:20px;padding:20px}.vd-areas span{color:var(--grey-700);font-size:15px;font-weight:600}.vd-areas b{letter-spacing:-.02em;color:var(--point);margin:2px 0 10px;font-size:36px;display:block}.vd-areas b.mid{color:#f59b00}.vd-areas b.low{color:var(--red)}.vd-areas p{color:var(--grey-600);margin-top:8px;font-size:14px}.vd-consult{text-align:center;background:var(--point);color:#fff;border-radius:24px;margin-top:16px;padding:32px 24px 24px}.vd-consult>p:nth-child(2){color:var(--grey-400);margin:12px 0 24px;line-height:1.65}.vd-mic-label.need{color:#fff;font-weight:700}.vd-min{background:#ffffff2e;border-radius:4px;width:160px;height:4px;margin-top:12px;overflow:hidden}.vd-min i{background:#aab8ec;border-radius:4px;height:100%;transition:width .3s;display:block}.vd-min i.ok{background:#4fd18b}