@keyframes tabRecFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes tabRecPulse{0%,to{opacity:1}50%{opacity:.35}}.tab-rec{max-width:720px;margin:0 auto;min-height:320px;text-align:left}.tab-rec__panel{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-8);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-secondary);animation:tabRecFadeIn .35s ease-out}.tab-rec__panel--error{border-color:var(--error-subtle)}.tab-rec__title{margin:0;font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:var(--fw-semibold);color:var(--text-heading);line-height:1.25}.tab-rec__title--small{font-size:var(--fs-lg)}.tab-rec__subtitle{margin:0;font-size:var(--fs-md);color:var(--text-secondary)}.tab-rec__body{margin:0;font-size:var(--fs-base);color:var(--text-primary)}.tab-rec__status{margin:0;padding:var(--space-8);text-align:center;color:var(--text-secondary);animation:tabRecFadeIn .35s ease-out}.tab-rec__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin:0;padding:0;list-style:none}.tab-rec__step{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-tertiary);font-size:var(--fs-sm);color:var(--text-primary)}.tab-rec__step-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--accent-subtle);color:var(--accent-soft);font-weight:var(--fw-semibold)}.tab-rec__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.tab-rec__start:disabled{opacity:.7;cursor:progress}.tab-rec__hint{margin:0;padding:var(--space-3) var(--space-4);border-left:3px solid var(--border-accent);background:var(--accent-glow-soft);font-size:var(--fs-sm);color:var(--text-primary);animation:tabRecFadeIn .35s ease-out}.tab-rec__notes{display:flex;flex-direction:column;gap:var(--space-1);margin:0;padding-left:var(--space-5);font-size:var(--fs-sm);color:var(--text-muted)}.tab-rec__live{display:flex;align-items:center;gap:var(--space-3)}.tab-rec__dot{width:12px;height:12px;border-radius:50%;background:var(--error);animation:tabRecPulse 1.6s ease-in-out infinite}.tab-rec__live-label{font-weight:var(--fw-semibold);color:var(--text-heading)}.tab-rec__timer{margin-left:auto;font-family:var(--font-heading);font-size:var(--fs-xl);font-variant-numeric:tabular-nums;color:var(--text-heading)}.tab-rec__meter{height:8px;border-radius:var(--radius-sm);background:var(--bg-tertiary);overflow:hidden}.tab-rec__meter-fill{height:100%;background:var(--accent);transform-origin:left center;transition:transform .2s linear}.tab-rec__mic-off{margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--warning-subtle);font-size:var(--fs-sm);color:var(--warning)}.tab-rec__banner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border-accent);border-radius:var(--radius-md);background:var(--accent-subtle);font-size:var(--fs-sm);color:var(--text-heading);animation:tabRecFadeIn .35s ease-out}.tab-rec__banner p{flex:1 1 280px;margin:0}.tab-rec__stages{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.tab-rec__stage{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--bg-tertiary);font-size:var(--fs-sm);color:var(--text-muted)}.tab-rec__stage--done{color:var(--success);background:var(--success-subtle)}.tab-rec__stage--active{color:var(--accent-on);background:var(--accent);animation:tabRecPulse 1.6s ease-in-out infinite}@media(max-width:640px){.tab-rec__panel{padding:var(--space-5)}.tab-rec__steps{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.tab-rec__dot,.tab-rec__stage--active{animation:none}}.record-page__tool{padding-top:0}.record-page__browsers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);max-width:880px;margin:0 auto}.record-page__browser{padding:var(--space-4) var(--space-5);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-secondary)}.record-page__browser dt{margin-bottom:var(--space-1);font-weight:var(--fw-semibold);color:var(--text-heading)}.record-page__browser dd{margin:0;font-size:var(--fs-sm);color:var(--text-secondary)}.record-page__file{margin:var(--space-6) 0 0;text-align:center;color:var(--text-secondary)}.record-page__file a{color:var(--accent)}@media(max-width:640px){.record-page__browsers{grid-template-columns:1fr}}.record-page__result{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);max-width:720px;margin:0 auto}.record-page__result>:first-child{align-self:stretch}.record-page__error{max-width:720px;margin:0 auto;padding:var(--space-8);border:1px solid var(--error-subtle);border-radius:var(--radius-lg);background:var(--bg-secondary);color:var(--text-primary);animation:record-page-fade-in .35s ease-out}.record-page__error p{margin:0 0 var(--space-4)}.record-page__error-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}@keyframes record-page-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}