:root{color-scheme:dark;font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root,.app{margin:0;height:100%;background:#05070b;color:#f4f7fb}.wa-rec{position:fixed;inset:0;z-index:1;display:grid;grid-template-rows:auto 1fr auto;height:100dvh;background:#05070b;color:#f4f7fb;isolation:isolate;overflow:clip}.wa-rec__preview{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;background:#000}.wa-rec__top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:max(12px,env(safe-area-inset-top)) 16px 8px;background:linear-gradient(rgba(0,0,0,.55),transparent)}.wa-rec__close{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#00000073;color:#fff;cursor:pointer}.wa-rec__close svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}.wa-rec__vin{padding:6px 10px;border-radius:999px;background:#0000008c;font-family:ui-monospace,monospace;font-size:13px;letter-spacing:.04em}.wa-rec__time{display:inline-flex;gap:8px;align-items:center;padding:6px 12px;border-radius:999px;background:#0000008c;font-variant-numeric:tabular-nums;font-weight:750}.wa-rec__time i{width:10px;height:10px;border-radius:50%;background:#ef4444}.wa-rec__time small{opacity:.7;font-weight:600}.wa-rec__guide{align-self:end;display:grid;gap:10px;justify-items:center;padding:0 16px 12px;text-align:center}.wa-rec__now{display:grid;gap:4px;max-width:560px;margin:0;padding:10px 14px;border-radius:12px;background:#0009}.wa-rec__now strong{font-size:18px}.wa-rec__now span{font-size:15px;line-height:1.4}.wa-rec__msg{margin:0;padding:8px 12px;border-radius:10px;background:#f05252d9;font-weight:650}.wa-rec__controls{display:grid;gap:10px;justify-items:center;padding:12px 16px max(18px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#000000a6)}.wa-rec__hint{margin:0;font-size:14px;text-align:center}.wa-rec__shutter{display:grid;place-items:center;width:78px;height:78px;border-radius:50%;border:4px solid #fff;background:transparent;cursor:pointer}.wa-rec__shutter i{width:58px;height:58px;border-radius:50%;background:#ef4444}.wa-rec__shutter--stop i{width:30px;height:30px;border-radius:6px}.wa-rec__shutter:focus-visible,.wa-rec__close:focus-visible,.wa-btn:focus-visible{outline:3px solid #4ade80;outline-offset:3px}.wa-rec__include{display:grid;gap:4px;margin:6px 0 0;padding:0;list-style:none;text-align:left;font-size:14px}.wa-rec__include li{position:relative;padding-left:15px}.wa-rec__include li i{position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background:#4ade80}.wa-rec__include small{opacity:.75}.wa-rec[data-phase=recording] .wa-rec__now>span{display:none}.wa-rec__row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.wa-rec__confirm{position:absolute;inset:0;display:grid;place-content:center;gap:14px;padding:16px;background:#05070bdb;text-align:center}.wa-rec__confirm p{display:grid;gap:4px;margin:0}.wa-rec__confirm strong{font-size:18px}.wa-btn{min-height:48px;padding:0 18px;border:0;border-radius:999px;background:#3ddc97;color:#062116;font:inherit;font-weight:750;cursor:pointer}.wa-btn--ghost{background:transparent;color:#f4f7fb;border:1px solid rgba(255,255,255,.35)}.wa-btn--danger{background:#ef4444;color:#fff}.next{position:fixed;inset:0;display:grid;place-content:center;gap:18px;padding:24px;text-align:center;background:#05070bf0}.next p{display:grid;gap:8px;max-width:36ch;margin:0 auto}.next strong{font-size:28px;letter-spacing:-.03em}.next span{font-size:16px;line-height:1.45;color:#d5e0d8}@media(max-height:520px){.wa-rec__now>span{display:none}.wa-rec__include{grid-template-columns:repeat(2,minmax(0,1fr));font-size:12px}.wa-rec[data-phase=recording] .wa-rec__include{display:none}.wa-rec__shutter{width:60px;height:60px}.wa-rec__shutter i{width:44px;height:44px}.wa-rec__shutter--stop i{width:24px;height:24px}}