:root{--pvr-p:#6d28d9;--pvr-a:#ec4899}.pvr-open{overflow:hidden}.pvr-modal{position:fixed;inset:0;z-index:100000;display:none;font-family:Poppins,Inter,system-ui,-apple-system,sans-serif}.pvr-modal.show{display:block}.pvr-backdrop{position:absolute;inset:0;background:rgba(7,4,15,.72);backdrop-filter:blur(12px)}.pvr-sheet{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100% - 24px));max-height:min(860px,calc(100dvh - 24px));overflow:auto;background:linear-gradient(180deg,#171020,#100a17);color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:32px;box-shadow:0 35px 100px rgba(0,0,0,.42)}.pvr-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 8px}.pvr-head small{display:block;color:#c4b5fd;font-size:9px;font-weight:900;letter-spacing:.18em}.pvr-head h3{margin:4px 0 0;font-size:22px}.pvr-x{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;font-size:26px}.pvr-stage{padding:10px 20px 22px}.pvr-turntable{position:relative;width:min(310px,78vw);aspect-ratio:1.2/1;margin:4px auto 10px;border-radius:28px;background:linear-gradient(145deg,#3a2a42,#211827 50%,#160f1d);border:1px solid #ffffff14;box-shadow:inset 0 1px #ffffff18,0 25px 55px #0008}.pvr-platter{position:absolute;width:66%;aspect-ratio:1;left:8%;top:11%;border-radius:50%;background:#09070d;box-shadow:0 0 0 8px #2d2332,0 10px 28px #0009}.pvr-vinyl{position:absolute;inset:4%;border-radius:50%;background:repeating-radial-gradient(circle at center,#16121a 0 3px,#09080b 4px 6px);display:grid;place-items:center}.pvr-vinyl:before{content:"";position:absolute;width:35%;aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,var(--pvr-p),var(--pvr-a));box-shadow:0 0 20px #7c3aed55}.pvr-vinyl i{position:absolute;width:8px;height:8px;border-radius:50%;background:#0b0810;z-index:2}.pvr-vinyl b{position:absolute;z-index:2;font-size:18px}.pvr-modal[data-state=recording] .pvr-vinyl,.pvr-modal.is-playing .pvr-vinyl{animation:pvrSpin 1.6s linear infinite}.pvr-modal[data-state=paused] .pvr-vinyl{animation-play-state:paused}.pvr-arm{position:absolute;right:12%;top:17%;width:14px;height:55%;background:linear-gradient(#cbd5e1,#6b7280);border-radius:999px;transform-origin:50% 10%;transform:rotate(22deg);box-shadow:0 4px 10px #0008;transition:.35s}.pvr-modal[data-state=recording] .pvr-arm,.pvr-modal.is-playing .pvr-arm{transform:rotate(38deg)}.pvr-arm:before{content:"";position:absolute;width:34px;height:34px;border-radius:50%;background:#d7d2db;left:50%;top:-12px;transform:translateX(-50%);box-shadow:0 3px 12px #0009}.pvr-arm i{position:absolute;width:22px;height:13px;background:#111;border-radius:4px;left:-4px;bottom:-7px}.pvr-led{position:absolute;right:11%;bottom:11%;width:10px;height:10px;border-radius:50%;background:#475569;box-shadow:0 0 0 4px #0004}.pvr-modal[data-state=recording] .pvr-led{background:#ef4444;box-shadow:0 0 16px #ef4444}.pvr-brand{position:absolute;right:8%;bottom:8%;font-size:8px;letter-spacing:.18em;color:#d8cbe1}.pvr-copy{text-align:center;display:grid;gap:4px}.pvr-copy strong{font-size:16px}.pvr-copy span{font-size:11px;color:#a89aae}.pvr-meter{display:block;width:100%;height:64px;margin:8px 0 0}.pvr-clock{text-align:center;font-size:34px;font-weight:800;letter-spacing:.08em;margin:-4px 0 12px}.pvr-controls{display:grid;grid-template-columns:1fr 84px 1fr;align-items:center;gap:12px}.pvr-record{width:78px;height:78px;border-radius:50%;border:7px solid #fff2;background:#fff;display:grid;place-items:center;margin:auto;box-shadow:0 0 0 1px #ffffff16,0 10px 28px #0008}.pvr-record span{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#ec4899)}.pvr-record.is-recording span{border-radius:8px;width:26px;height:26px}.pvr-record.is-done span{background:linear-gradient(135deg,var(--pvr-p),var(--pvr-a))}.pvr-secondary,.pvr-cancel,.pvr-use{border:0;border-radius:15px;padding:12px;font-weight:800}.pvr-secondary{background:#ffffff0d;color:#e9d5ff}.pvr-secondary:disabled{opacity:.34}.pvr-review{margin-top:14px;border:1px solid #ffffff12;background:#ffffff08;border-radius:18px;padding:12px}.pvr-review audio{width:100%;height:38px}.pvr-quality{text-align:center;font-size:9px;color:#9f8ba8;margin-top:7px}.pvr-foot{display:grid;grid-template-columns:1fr 1.5fr;gap:10px;margin-top:14px}.pvr-cancel{background:#ffffff0d;color:#fff}.pvr-use{background:linear-gradient(135deg,var(--pvr-p),var(--pvr-a));color:#fff}.pvr-use:disabled{opacity:.35}.pmu-recorder-btn{margin-top:10px;width:100%;border:1px solid #ddd6fe;background:#f5f3ff;color:#6d28d9;border-radius:16px;padding:12px 14px;font-weight:900;cursor:pointer}.pmu-recorder-btn span{font-weight:500;color:#7c6f86;font-size:11px;margin-left:5px}@keyframes pvrSpin{to{transform:rotate(360deg)}}@media(max-width:520px){.pvr-sheet{top:auto;bottom:0;transform:translateX(-50%);width:100%;max-height:94dvh;border-radius:28px 28px 0 0}.pvr-head{padding-top:16px}.pvr-stage{padding-bottom:max(20px,env(safe-area-inset-bottom))}.pvr-turntable{width:min(275px,78vw)}.pvr-clock{font-size:30px}.pvr-controls{grid-template-columns:1fr 76px 1fr}.pvr-record{width:70px;height:70px}.pvr-secondary{font-size:11px;padding:10px 6px}}@media(prefers-reduced-motion:reduce){.pvr-vinyl{animation-duration:5s!important}}