.vcr{max-width:640px;margin:1.5em auto;padding:1.5em;border:1px solid #d9d9d9;border-radius:12px;font-family:inherit;line-height:1.5}
.vcr[hidden],.vcr [hidden]{display:none!important}
.vcr h3{margin:0 0 .5em}
.vcr-hint{color:#555;margin:.25em 0 1em}
.vcr-timer{font-size:3rem;font-variant-numeric:tabular-nums;text-align:center;margin:.25em 0 .5em}
.vcr-timer.vcr-live{color:#c0392b}
.vcr-timer.vcr-live::before{content:"● ";animation:vcrp 1s infinite}
@keyframes vcrp{50%{opacity:.2}}
.vcr-row{display:flex;flex-wrap:wrap;gap:.6em;justify-content:center;margin:1em 0}
.vcr-btn{cursor:pointer;padding:.6em 1.1em;border-radius:8px;border:1px solid #888;background:#fff;color:#222;font-size:1rem}
.vcr-btn:hover:not(:disabled){background:#f1f1f1}
.vcr-btn:disabled{opacity:.45;cursor:not-allowed}
.vcr-primary{background:#1a5fb4;border-color:#1a5fb4;color:#fff}
.vcr-primary:hover:not(:disabled){background:#174f96}
.vcr-danger{background:#c0392b;border-color:#c0392b;color:#fff}
.vcr-danger:hover{background:#a53125}
.vcr-player,.vcr-item audio{width:100%}
.vcr-attr{border:0;padding:0;margin:0 0 1em}
.vcr-attr legend{font-weight:600;margin-bottom:.3em}
.vcr-attr label{display:block;margin:.2em 0}
.vcr-consent{display:flex;gap:.6em;align-items:flex-start;padding:1em;border:2px solid #1a5fb4;border-radius:8px;background:#f5f9ff}
.vcr-consent input{margin-top:.35em;transform:scale(1.3)}
.vcr-error{color:#b00020;min-height:1.2em;font-weight:600}
.vcr-ok{font-size:1.1rem}
.vcr-mine{margin-top:2em;border-top:1px solid #e5e5e5;padding-top:1em}
.vcr-item{padding:.8em 0;border-bottom:1px solid #eee}
.vcr-item-head{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5em;margin-bottom:.4em;font-size:.9rem}
.vcr-badge{padding:.1em .6em;border-radius:99px;background:#eee}
.vcr-published,.vcr-badge.vcr-published{background:#d7f3dd}
.vcr-badge.vcr-consented{background:#fff3cd}
.vcr-badge.vcr-withdrawn{background:#f8d7da}
.vcr-date{color:#666}
@media (prefers-color-scheme:dark){
.vcr{border-color:#444}
.vcr-btn{background:#222;color:#eee;border-color:#777}
.vcr-btn:hover:not(:disabled){background:#333}
.vcr-primary{background:#3584e4;border-color:#3584e4;color:#fff}
.vcr-consent{background:#14233a}
.vcr-hint,.vcr-date{color:#aaa}
.vcr-badge{background:#333}
.vcr-badge.vcr-published{background:#1f5130}
.vcr-badge.vcr-consented{background:#5c4a12}
.vcr-badge.vcr-withdrawn{background:#5a1f26}
}
.vcr-transcript{margin:.5em 0;font-size:.95rem}
.vcr-transcript summary{cursor:pointer}
.vcr-transcript p{margin:.4em 0;white-space:pre-wrap}
.vcr-notice{font-style:italic}
.vcr-mic{margin:0 0 1em;padding:.8em;border:1px solid #e0e0e0;border-radius:8px}
.vcr-mic label{display:block;font-weight:600;margin-bottom:.3em}
.vcr-mic select{width:100%;max-width:100%;padding:.45em;margin-bottom:.5em;font-size:1rem}
.vcr-small{padding:.35em .8em;font-size:.9rem}
.vcr-meter{height:10px;border-radius:99px;background:#e6e6e6;overflow:hidden;margin-top:.7em}
.vcr-meter span{display:block;height:100%;width:0;background:#2e9e4f;transition:width .06s linear}
.vcr-mic-info{margin:.5em 0 0;font-size:.9rem}
.vcr-contact{border:1px solid #d9d9d9;border-radius:8px;padding:.8em 1em;margin:1em 0 0}
.vcr-contact legend{font-weight:600;padding:0 .3em}
.vcr-contact label{display:block;margin:.6em 0 0;font-weight:600}
.vcr-contact input{display:block;width:100%;box-sizing:border-box;padding:.5em;margin-top:.2em;font-size:1rem;font-weight:400}
@media (prefers-color-scheme:dark){
.vcr-mic,.vcr-contact{border-color:#444}
.vcr-meter{background:#333}
}
.vcr-hp{position:absolute!important;left:-9999px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
.vcr-keep{margin:1em 0;padding:1em;border:2px solid #b7791f;border-radius:8px;background:#fffaf0}
.vcr-keep p{margin:0 0 .6em}
.vcr-link{width:100%;box-sizing:border-box;padding:.5em;font-size:.9rem;margin-bottom:.5em}
.vcr-code{margin-top:1em;font-size:.95rem}
.vcr-code summary{cursor:pointer}
.vcr-code input{width:100%;box-sizing:border-box;padding:.5em;margin:.4em 0;font-size:1rem}
@media (prefers-color-scheme:dark){
.vcr-keep{background:#3a2e12;border-color:#b7791f}
}
#vcr-consent-text{white-space:pre-line}
/* 0.6.0: optional "contact me about an interview" checkbox */
.vcr-contact .vcr-interview{display:flex;gap:.6em;align-items:flex-start;margin-top:.9em}
.vcr-contact .vcr-interview input{display:inline-block;width:auto;margin:.3em 0 0;transform:scale(1.2)}
.vcr-req{font-weight:400}