.vr{--vr-accent:#22d3ee;--vr-line:#ffffff12;flex-direction:column;flex:1;gap:14px;width:100%;max-width:880px;margin:0 auto;padding:18px;display:flex}.vr-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.vr-field{color:#9ca3af;align-items:center;gap:8px;min-width:0;font-size:12px;display:flex}.vr-field select,.vr-field input[type=text]{border:1px solid var(--vr-line);color:#e5e7eb;min-width:0;max-width:260px;height:36px;font:inherit;background:#ffffff0a;border-radius:10px;padding:0 10px;font-size:13px}.vr-field select:disabled{opacity:.5}.vr-check{color:#9ca3af;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:12px;display:inline-flex}.vr-check input{width:14px;height:14px;accent-color:var(--vr-accent)}.vr-mini{border:1px solid var(--vr-line);color:#d1d5db;cursor:pointer;white-space:nowrap;background:#ffffff0a;border-radius:9px;height:32px;padding:0 12px;font-size:12px}.vr-mini:hover{color:#fff;background:#ffffff14}.vr-stage{border:1px solid var(--vr-line);background:radial-gradient(120% 120% at 50% 0,#22d3ee17,#0000 60%),#ffffff05;border-radius:16px;flex:1;place-items:center;min-height:340px;padding:26px 22px;display:grid}.vr-idle,.vr-countdown{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.vr-idle strong{letter-spacing:.01em;font-size:15px}.vr-idle p{color:#8b93a7;max-width:420px;margin:0;font-size:12.5px;line-height:1.7}.vr-record{color:#04121a;cursor:pointer;background:linear-gradient(140deg,#22d3ee,#3b82f6);border:0;border-radius:50%;place-items:center;width:82px;height:82px;transition:transform .15s,box-shadow .2s;display:grid;box-shadow:0 0 0 8px #22d3ee1a,0 14px 30px #22d3ee38}.vr-record:hover:not(:disabled){transform:translateY(-1px)scale(1.02);box-shadow:0 0 0 12px #22d3ee1f,0 16px 34px #22d3ee42}.vr-record:disabled{opacity:.6;cursor:progress}.vr-countdown span{font-variant-numeric:tabular-nums;color:var(--vr-accent);font-size:64px;font-weight:700;line-height:1}.vr-countdown p{color:#8b93a7;margin:0;font-size:12.5px}.vr-live{flex-direction:column;gap:12px;width:100%;display:flex}.vr-clock{align-items:center;gap:10px;display:flex}.vr-clock span{font-variant-numeric:tabular-nums;letter-spacing:.02em;color:#f3f4f6;font-size:38px;font-weight:600;line-height:1}.vr-clock em{letter-spacing:.04em;border-radius:999px;padding:3px 8px;font-size:11px;font-style:normal}.vr-clock em.is-recording{color:#fca5a5;background:#f8717124}.vr-clock em.is-recording:before{content:"";vertical-align:1px;background:#f87171;border-radius:50%;width:6px;height:6px;margin-right:6px;animation:1.1s steps(2,start) infinite vr-blink;display:inline-block}.vr-clock em.is-paused{color:#9ca3af;background:#ffffff14}@keyframes vr-blink{50%{opacity:.25}}.vr-live-wave{background:#00000038;border-radius:10px;width:100%;height:128px;display:block}.vr-meter-row{color:#8b93a7;align-items:center;gap:10px;font-size:11.5px;display:flex}.vr-meter{background:#ffffff12;border-radius:999px;flex:1;height:8px;position:relative;overflow:hidden}.vr-meter>span{transform-origin:0;background:linear-gradient(90deg,#22d3ee,#4ade80);border-radius:999px;width:100%;height:100%;display:block;transform:scaleX(0)}.vr-meter>span.is-hot{background:linear-gradient(90deg,#fbbf24,#f87171)}.vr-clip{color:#fca5a5;opacity:0;white-space:nowrap;align-items:center;gap:4px;transition:opacity .2s;display:inline-flex}.vr[data-clip="1"] .vr-clip{opacity:1}.vr-hint,.vr-clip-hint{color:#717a8d;margin:0;font-size:11.5px;line-height:1.6}.vr-clip-hint{color:#fca5a5;display:none}.vr[data-clip="1"] .vr-clip-hint{display:block}.vr-actions{gap:10px;margin-top:2px;display:flex}.vr-btn{border:1px solid var(--vr-line);color:#e5e7eb;cursor:pointer;white-space:nowrap;background:#ffffff0a;border-radius:10px;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.vr-btn:hover{color:#fff;background:#ffffff17}.vr-btn.primary{color:#04121a;background:linear-gradient(135deg,#22d3ee,#3b82f6);border-color:#0000}.vr-btn.primary:hover{filter:brightness(1.06)}.vr-result{flex-direction:column;gap:12px;width:100%;display:flex}.vr-result h2{color:#e5e7eb;margin:0;font-size:14px;font-weight:700}.vr-player{align-items:center;gap:12px;display:flex}.vr-play{color:#04121a;cursor:pointer;background:linear-gradient(140deg,#22d3ee,#3b82f6);border:0;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.vr-player-wave{cursor:pointer;background:#00000038;border-radius:10px;flex:1;min-width:0;height:84px;position:relative}.vr-player-wave canvas{width:100%;height:100%;display:block}.vr-player-wave:focus-visible{outline:2px solid var(--vr-accent);outline-offset:2px}.vr-playhead{pointer-events:none;background:#f8fafc;width:2px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 8px #ffffff73}.vr-time{color:#9ca3af;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;flex:none;min-width:86px;font-size:12px}.vr-time i{color:#4b5563;margin:0 4px;font-style:normal}.vr-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;display:grid}.vr-stats>div{border:1px solid var(--vr-line);background:#ffffff08;border-radius:10px;min-width:0;padding:8px 10px}.vr-stats dt{color:#717a8d;font-size:11px}.vr-stats dd{color:#e5e7eb;overflow-wrap:anywhere;margin:3px 0 0;font-size:12.5px;font-weight:600}.vr-save-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.vr-save-row .vr-field{flex-direction:column;flex:240px;align-items:stretch;gap:5px}.vr-save-row .vr-field input[type=text]{width:100%;max-width:none}.vr-audio{display:none}.vr-mp3{border:1px solid var(--vr-line);background:#ffffff08;border-radius:12px;flex-direction:column;gap:9px;padding:12px 14px;display:flex}.vr-mp3-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.vr-mp3-copy strong{color:#e5e7eb;font-size:13px;font-weight:700}.vr-mp3-copy span{color:#7d8598;font-size:11.5px;line-height:1.55}.vr-mp3-row,.vr-mp3-meter{align-items:center;gap:10px;min-width:0;display:flex}.vr-mp3-row{flex-wrap:wrap}.vr-progress{background:#ffffff1a;border-radius:999px;flex:120px;min-width:0;height:6px;display:block;overflow:hidden}.vr-progress>span{border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#3b82f6);height:100%;transition:width .12s linear;display:block}.vr-mp3-meter em{color:#9ca3af;font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-size:11.5px;font-style:normal}.vr-mp3-meter .vr-mini{flex:none;align-items:center;gap:5px;display:inline-flex}.vr-mp3-warn{color:#fbbf24;flex:100%;font-size:11.5px;line-height:1.5}.vr-error{color:#fecaca;background:#f8717117;border:1px solid #f8717147;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:12.5px;line-height:1.6;display:flex}.vr-error p{flex:1;margin:0}.vr-fineprint{color:#5f6779;flex-wrap:wrap;gap:4px 14px;margin:0;font-size:11px;display:flex}.vr-fineprint span:before{content:"· ";color:#3b4252}.vr-toast{color:#e5e7eb;z-index:40;background:#111320f0;border:1px solid #ffffff1a;border-radius:999px;padding:9px 16px;font-size:12.5px;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #00000059}@media (max-width:720px){.vr{padding:14px}.vr-stage{min-height:300px;padding:18px 14px}.vr-clock span{font-size:32px}.vr-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.vr-live-wave{height:104px}.vr-field select,.vr-field input[type=text]{max-width:100%;font-size:16px!important}.vr-save-row .vr-btn,.vr-save-row .vr-field{flex:100%}.vr-mp3-meter{flex-wrap:wrap}.vr-progress,.vr-mp3-row .vr-btn{flex:100%}.vr-time{min-width:74px}}@media (max-width:420px){.vr-clock span{font-size:28px}.vr-actions{flex-wrap:wrap}.vr-actions .vr-btn{flex:40%}}