.riffrec-window,.riffrec-launcher,.riffrec-launcher-error{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.riffrec-window{--riffrec-ink:#0a0a0a;--riffrec-muted:#5d5d5d;--riffrec-line:#e5e5e5;--riffrec-accent:#fffac2;box-sizing:border-box;min-height:100vh;color:var(--riffrec-ink);background:#fff;flex-direction:column;padding:28px 32px 24px;font-size:14px;line-height:1.5;display:flex}@supports (color:lab(0% 0 0)){.riffrec-window{--riffrec-ink:lab(2.75381% 0 0);--riffrec-muted:lab(39.68% 0 0);--riffrec-line:lab(90.952% 0 -.0000119209);--riffrec-accent:lab(97.6533% -4.63137 27.5997)}}.riffrec-window *{box-sizing:border-box}.riffrec-header,.riffrec-brand{align-items:center;display:flex}.riffrec-header{justify-content:space-between;gap:16px}.riffrec-brand{letter-spacing:.1em;gap:9px;font-size:12px;font-weight:800}.riffrec-mark{color:#fff;background:var(--riffrec-ink);letter-spacing:-.04em;border-radius:7px;place-items:center;width:26px;height:26px;font-size:15px;display:grid}.riffrec-app-icon{object-fit:contain;width:32px;height:32px;display:block}.riffrec-version{color:var(--riffrec-muted);font-size:11px}.riffrec-content{flex:1;padding:48px 0 40px}.riffrec-window h1{letter-spacing:-.035em;max-width:440px;margin:16px 0 14px;font-family:Hedvig Letters Serif,Georgia,serif;font-size:clamp(29px,6vw,37px);font-weight:400;line-height:1.12}.riffrec-intro{max-width:460px;color:var(--riffrec-muted);margin:0 0 28px;font-size:14px;line-height:1.65}.riffrec-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.riffrec-choice{border:1px solid var(--riffrec-line);width:100%;min-height:178px;color:var(--riffrec-ink);text-align:left;cursor:pointer;background:#fff;border-radius:8px;flex-direction:column;align-items:flex-start;padding:18px;transition:border-color .15s,background .15s;display:flex}.riffrec-choice:hover:not(:disabled){background:#fafafa;border-color:#bcbcbc}.riffrec-choice:active:not(:disabled){background:var(--riffrec-accent)}.riffrec-choice:disabled{opacity:.45;cursor:not-allowed}.riffrec-choice-icon{background:#f1f1f1;border-radius:6px;flex:none;place-items:center;width:40px;height:40px;display:grid}.riffrec-choice:active:not(:disabled) .riffrec-choice-icon{background:#ffe900}.riffrec-choice-icon svg{width:26px;height:26px}.riffrec-choice-copy{gap:5px;margin-top:18px;display:grid}.riffrec-choice strong{font-size:14px;font-weight:700;line-height:1.3}.riffrec-choice small{color:var(--riffrec-muted);font-size:12px;line-height:1.45}.riffrec-back{color:var(--riffrec-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:3px 0;font-size:12px;display:inline-flex}.riffrec-back:hover{color:var(--riffrec-ink)}.riffrec-back:disabled{opacity:.45;cursor:not-allowed}.riffrec-text-label{margin:0 0 8px;font-size:12px;font-weight:700;display:block}.riffrec-textarea{border:1px solid var(--riffrec-line);width:100%;min-height:152px;color:var(--riffrec-ink);font:inherit;resize:vertical;background:#fff;border-radius:9px;outline:none;padding:12px 14px;font-size:13px;line-height:1.55;display:block}.riffrec-textarea::placeholder{color:var(--riffrec-muted)}.riffrec-textarea:focus{border-color:var(--riffrec-ink);box-shadow:0 0 0 2px color-mix(in oklch, var(--riffrec-ink) 13%, transparent)}.riffrec-text-context{color:var(--riffrec-ink);background:#f7f7f7;border-radius:8px;margin:16px 0 0;padding:12px 14px;font-size:12px;line-height:1.55}.riffrec-disclosure{color:var(--riffrec-muted);margin:10px 0 0;font-size:11px;line-height:1.55}.riffrec-recording-banner{background:#fff7f5;border:1px solid #f0c5bf;border-radius:8px;align-items:center;gap:12px;padding:12px 14px;display:flex}.riffrec-recording-banner strong,.riffrec-recording-banner small{display:block}.riffrec-recording-banner strong{color:#a5291d;font-size:12px}.riffrec-recording-banner small{color:#663c37;margin-top:2px;font-size:11px;line-height:1.4}.riffrec-recording-dot{background:#d9362b;border-radius:50%;flex:none;width:10px;height:10px;animation:1.25s ease-in-out infinite riffrec-pulse}.riffrec-countdown{background:#f7f7f7;border-radius:8px;align-items:center;gap:12px;margin-bottom:18px;padding:10px 14px;font-size:12px;display:flex}.riffrec-countdown strong{font-variant-numeric:tabular-nums;min-width:30px;font-size:28px;line-height:1}@keyframes riffrec-pulse{50%{opacity:.35}}.riffrec-note,.riffrec-error{border:1px solid var(--riffrec-line);background:#fafafa;border-radius:10px;margin:0 0 18px;padding:12px 14px;font-size:12px;line-height:1.55}.riffrec-note-success{background:var(--riffrec-accent);border-color:#0000}.riffrec-error{color:#a72d22;background:#fff5f3;border-color:#f3d4d0}.riffrec-consent{border:1px solid var(--riffrec-line);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;padding:15px;font-size:12px;line-height:1.5;display:flex}.riffrec-consent input{width:16px;height:16px;accent-color:var(--riffrec-ink);flex:none;margin:1px 0 0}.riffrec-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px;display:flex}.riffrec-button{cursor:pointer;min-height:40px;font:inherit;border:1px solid #0000;border-radius:9px;padding:9px 15px;font-size:12px;font-weight:650;transition:background .15s,border-color .15s}.riffrec-button-wide{white-space:normal;width:100%;min-height:46px;line-height:1.4}.riffrec-button:disabled{opacity:.45;cursor:not-allowed}.riffrec-button-primary{color:#fff;background:var(--riffrec-ink)}.riffrec-button-primary:hover:not(:disabled){background:#333}.riffrec-button-secondary{color:var(--riffrec-ink);border-color:var(--riffrec-line);background:#fff}.riffrec-button-secondary:hover:not(:disabled){background:#f5f5f5}.riffrec-button-quiet{color:var(--riffrec-muted);background:0 0;padding-inline:7px}.riffrec-button-quiet:hover:not(:disabled){color:var(--riffrec-ink)}.riffrec-footer{border-top:1px solid var(--riffrec-line);padding-top:18px}.riffrec-footer-label{font-size:11px;font-weight:700}.riffrec-footer p{color:var(--riffrec-muted);margin:4px 0 0;font-size:11px;line-height:1.5}.riffrec-launcher{width:36px;height:36px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;padding:8px;display:grid;position:relative}.riffrec-launcher:hover{background:var(--sidebar-accent,#f5f5f5)}.riffrec-launcher-recording{color:#fff;background:#b42318}.riffrec-launcher-recording:hover{background:#921c14}.riffrec-launcher:focus-visible,.riffrec-button:focus-visible,.riffrec-back:focus-visible,.riffrec-active-overlay:focus-visible{outline:2px solid var(--ring,#333);outline-offset:2px}.riffrec-choice:focus-visible{border-color:var(--riffrec-ink);outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #ffe900}.riffrec-launcher svg{width:18px;height:18px}.riffrec-live-dot{background:#fff;border-radius:50%;width:6px;height:6px;animation:1.25s ease-in-out infinite riffrec-pulse;position:absolute;top:5px;right:5px}.riffrec-active-overlay{z-index:1000;color:#a5291d;max-width:calc(100vw - 32px);font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #ebbbb6;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 6px 20px #0002}.riffrec-active-overlay:hover{background:#fff7f5}.riffrec-active-overlay strong,.riffrec-active-overlay small{display:block}.riffrec-active-overlay strong{font-size:12px}.riffrec-active-overlay small{color:#663c37;margin-top:2px;font-size:11px}.riffrec-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.riffrec-launcher-error{z-index:1000;border:1px solid var(--border,#ddd);background:var(--background,#fff);max-width:320px;color:var(--foreground,#111);border-radius:9px;margin:0;padding:12px 14px;font-size:12px;position:fixed;bottom:16px;right:16px;box-shadow:0 8px 24px #0002}@media (max-width:440px){.riffrec-window{padding:20px 22px}.riffrec-content{padding-top:42px}.riffrec-choices{grid-template-columns:1fr}.riffrec-choice{grid-template-columns:40px minmax(0,1fr);align-items:center;gap:14px;min-height:96px;padding:14px;display:grid}.riffrec-choice-copy{margin-top:0}}@media (prefers-reduced-motion:reduce){.riffrec-recording-dot,.riffrec-live-dot{animation:none}}
