:root{--rec-red: #ef4444;--rec-red-deep: #b91c1c;--rec-saved: #10b981}.rec-header{margin:0 0 2rem}.rec-header h1{font-family:var(--font-serif);font-size:clamp(30px,5vw,44px);font-weight:600;letter-spacing:-.01em;margin:0 0 .5rem;line-height:1.15}.rec-header__desc{font-family:var(--font-serif);font-style:italic;color:var(--text-muted);margin:0;font-size:15px;line-height:1.65;letter-spacing:.005em}.rec-card{margin:.5rem 0 2.5rem;padding:0}.rec-stage{display:flex;flex-direction:column;align-items:center;gap:1.1rem;margin-bottom:1.75rem}.rec-wave-wrap{width:100%;position:relative;border-radius:4px;transition:box-shadow .3s ease}.rec-wave{display:block;width:100%;height:56px;color:var(--text);background:linear-gradient(to bottom,transparent calc(50% - .5px),color-mix(in srgb,var(--text) 7%,transparent) calc(50% - .5px),color-mix(in srgb,var(--text) 7%,transparent) calc(50% + .5px),transparent calc(50% + .5px));transition:color .25s ease,background .25s ease}.rec-timer{font-family:var(--font-mono);font-size:clamp(32px,5.5vw,48px);font-weight:400;color:var(--text);letter-spacing:.04em;font-variant-numeric:tabular-nums;line-height:1;transition:color .25s ease}.rec-status{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;color:var(--text-muted);min-height:1.4em;display:inline-flex;align-items:center;gap:.45rem;transition:color .2s ease}.rec-status__dot{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:0;transition:opacity .2s ease}.rec-status__text{line-height:1}.rec-card[data-state=recording] .rec-timer,.rec-card[data-state=recording] .rec-wave,.rec-card[data-state=recording] .rec-status{color:var(--rec-red)}.rec-card[data-state=recording] .rec-status__dot{opacity:1;animation:rec-dot-pulse 1.3s ease-in-out infinite}.rec-card[data-state=recording] .rec-wave-wrap{box-shadow:0 0 0 1px color-mix(in srgb,var(--rec-red) 45%,transparent),0 0 0 6px color-mix(in srgb,var(--rec-red) 10%,transparent);animation:rec-ring-breathe 2.2s ease-in-out infinite}.rec-card[data-state=paused] .rec-status{color:var(--text)}.rec-card[data-state=paused] .rec-status__dot{opacity:1;background:var(--text-muted)}.rec-card[data-state=paused] .rec-wave{color:color-mix(in srgb,var(--text) 55%,transparent)}.rec-card[data-state=saved] .rec-status{color:var(--rec-saved)}.rec-card[data-state=saved] .rec-status__dot{opacity:1;background:var(--rec-saved)}.rec-card[data-state=error] .rec-status{color:var(--rec-red)}.rec-card[data-state=error] .rec-status__dot{opacity:1;background:var(--rec-red)}@keyframes rec-dot-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.6);opacity:.35}}@keyframes rec-ring-breathe{0%,to{box-shadow:0 0 0 1px color-mix(in srgb,var(--rec-red) 45%,transparent),0 0 0 6px color-mix(in srgb,var(--rec-red) 10%,transparent)}50%{box-shadow:0 0 0 1px color-mix(in srgb,var(--rec-red) 65%,transparent),0 0 0 10px color-mix(in srgb,var(--rec-red) 4%,transparent)}}@media(prefers-reduced-motion:reduce){.rec-card[data-state=recording] .rec-status__dot,.rec-card[data-state=recording] .rec-wave-wrap{animation:none}}.rec-controls{display:flex;gap:.6rem;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:.85rem;min-height:52px}.rec-btn{font-family:var(--font-serif);font-size:14px;font-weight:500;padding:.55rem 1.25rem;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .1s ease;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.rec-btn:hover:not(:disabled){border-color:var(--text)}.rec-btn:active:not(:disabled){transform:translateY(1px)}.rec-controls .rec-btn:disabled{display:none}.rec-btn--record{background:var(--rec-red);color:#fff;border:none;padding:.95rem 2.4rem;border-radius:999px;font-size:15px;font-weight:600;letter-spacing:.02em;box-shadow:0 2px 0 var(--rec-red-deep),0 6px 18px color-mix(in srgb,var(--rec-red) 25%,transparent);min-height:48px}.rec-btn--record:hover:not(:disabled){background:color-mix(in srgb,var(--rec-red) 92%,black);transform:translateY(-1px);box-shadow:0 3px 0 var(--rec-red-deep),0 10px 22px color-mix(in srgb,var(--rec-red) 30%,transparent)}.rec-btn--record:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 0 var(--rec-red-deep),0 3px 10px color-mix(in srgb,var(--rec-red) 25%,transparent)}.rec-btn--record svg{color:#fff}.rec-btn--accent{background:var(--text);color:var(--bg);border-color:var(--text)}.rec-btn--accent:hover:not(:disabled){background:color-mix(in srgb,var(--text) 85%,var(--bg));border-color:var(--text)}.rec-btn--ghost{color:var(--text-muted)}.rec-btn--ghost:hover:not(:disabled){color:var(--rec-red);border-color:var(--rec-red)}.rec-btn--small{padding:.35rem .85rem;font-size:12.5px;min-height:32px}.rec-kbd-hint{text-align:center;font-size:11.5px;color:var(--text-muted);margin:0;letter-spacing:.02em}.rec-kbd-hint kbd{font-family:var(--font-mono);font-size:10.5px;padding:1px 5px;border:1px solid var(--border);border-radius:3px;background:color-mix(in srgb,var(--text) 4%,var(--bg));color:var(--text)}.rec-error{margin:1rem 0 0;color:var(--rec-red);font-size:13px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.6rem}.rec-error__msg{margin:0;line-height:1.5;max-width:36ch}.rec-error[hidden]{display:none}.rec-settings{margin:0 0 2.5rem}.rec-settings__panel{border:none;border-top:1px solid var(--border);border-bottom:1px solid var(--border);border-radius:0;background:transparent}.rec-settings__panel[open]{background:transparent}.rec-settings__summary{list-style:none;cursor:pointer;padding:.8rem .25rem;display:flex;align-items:center;gap:.6rem;user-select:none}.rec-settings__summary::-webkit-details-marker{display:none}.rec-settings__summary:before{content:"";width:0;height:0;border-style:solid;border-width:4px 0 4px 5px;border-color:transparent transparent transparent var(--text-muted);transform:rotate(0);transition:transform .15s ease;flex-shrink:0}.rec-settings__panel[open] .rec-settings__summary:before{transform:rotate(90deg)}.rec-settings__title{font-family:var(--font-serif);font-size:13.5px;font-weight:500;color:var(--text)}.rec-settings__hint{margin-left:auto;font-family:var(--font-mono);font-size:11.5px;color:var(--text-muted);letter-spacing:.02em}.rec-settings__grid{padding:.85rem .25rem 1.25rem;display:grid;grid-template-columns:1fr 1fr;gap:1.1rem 1.75rem;border-top:1px dashed color-mix(in srgb,var(--text) 10%,transparent)}.rec-field{display:flex;flex-direction:column;gap:.5rem;min-width:0}.rec-field--wide{grid-column:1 / -1}.rec-field[disabled]{opacity:.4;pointer-events:none}.rec-field__label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.rec-field__row{display:flex;gap:.4rem;align-items:stretch}.rec-seg{display:inline-flex;flex-wrap:wrap;gap:0;border:1px solid var(--border);border-radius:6px;overflow:hidden;align-self:flex-start}.rec-seg__opt{cursor:pointer;flex:0 0 auto}.rec-seg__opt input{position:absolute;opacity:0;pointer-events:none}.rec-seg__opt>span{display:inline-flex;align-items:center;padding:.45rem .95rem;font-family:var(--font-mono);font-size:12.5px;color:var(--text-muted);background:var(--bg);border-right:1px solid var(--border);transition:background .12s ease,color .12s ease}.rec-seg__opt:last-child>span{border-right:none}.rec-seg__opt:hover>span{color:var(--text)}.rec-seg__opt input:checked+span{background:var(--text);color:var(--bg)}.rec-seg__opt input:disabled+span{opacity:.4;cursor:not-allowed}.rec-seg__opt:has(input:disabled){cursor:not-allowed;pointer-events:none}.rec-seg--compact .rec-seg__opt>span{padding:.4rem .7rem}.rec-input{font-family:var(--font-mono);font-size:12.5px;padding:.45rem .6rem;border:1px solid var(--border);border-radius:5px;background:var(--bg);color:var(--text);flex:1;min-width:0}.rec-input:focus{outline:none;border-color:var(--text)}.rec-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border);background:var(--bg);color:var(--text-muted);border-radius:5px;cursor:pointer;transition:color .15s ease,border-color .15s ease}.rec-icon-btn:hover{color:var(--text);border-color:var(--text)}.rec-checks{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-family:var(--font-mono);font-size:12px;color:var(--text)}.rec-checks label{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer}.rec-checks input{accent-color:var(--text)}.rec-list-section{margin:0 0 3rem}.rec-list-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:0 0 .85rem}.rec-list-title{font-family:var(--font-serif);font-size:18px;font-weight:600;margin:0;display:flex;align-items:baseline;gap:.55rem}.rec-list-stats{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);font-weight:400;letter-spacing:.02em}.rec-list-empty{padding:2rem 1rem;text-align:center;color:var(--text-muted);border:1px dashed color-mix(in srgb,var(--text) 12%,transparent);border-radius:10px;background:color-mix(in srgb,var(--text) 1.5%,transparent)}.rec-list-empty__icon{color:color-mix(in srgb,var(--text) 35%,transparent);margin-bottom:.5rem}.rec-list-empty__title{margin:0 0 .4rem;font-family:var(--font-serif);font-size:15px;color:var(--text);font-style:normal}.rec-list-empty__hint{margin:0;font-size:12.5px;line-height:1.6}.rec-list-empty__pill{display:inline-flex;align-items:center;gap:.3rem;padding:.1rem .55rem;border-radius:999px;background:var(--rec-red);color:#fff;font-family:var(--font-serif);font-size:11.5px;font-weight:600;vertical-align:.05em}.rec-list-empty kbd{font-family:var(--font-mono);font-size:10.5px;padding:1px 5px;border:1px solid var(--border);border-radius:3px;background:color-mix(in srgb,var(--text) 4%,var(--bg));color:var(--text)}.rec-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.rec-item{padding:.95rem .25rem;border-bottom:1px solid var(--border);transition:background .15s ease}.rec-item:last-child{border-bottom:none}.rec-item:hover{background:color-mix(in srgb,var(--text) 2%,transparent)}.rec-item__row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;min-width:0}.rec-item__time{font-family:var(--font-mono);font-size:13px;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:.01em;cursor:text;border-radius:3px;padding:1px 3px;margin:-1px -3px;transition:background .15s ease}.rec-item__time:hover{background:color-mix(in srgb,var(--text) 6%,transparent)}.rec-item__time:focus{outline:none;background:color-mix(in srgb,var(--text) 8%,transparent)}.rec-item__rename{font-family:var(--font-mono);font-size:13px;color:var(--text);background:transparent;border:1px solid var(--text);border-radius:3px;padding:1px 4px;margin:-1px -3px;outline:none;min-width:12em;max-width:100%}.rec-item__badge{display:inline-block;padding:1px 6px;border:1px solid var(--border);border-radius:3px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;color:var(--text-muted);background:var(--bg)}.rec-item__meta{font-family:var(--font-mono);font-size:11.5px;color:var(--text-muted);font-variant-numeric:tabular-nums}.rec-item__actions{margin-left:auto;display:flex;gap:.15rem}.rec-action{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:transparent;color:var(--text-muted);border-radius:5px;cursor:pointer;transition:color .15s ease,background .15s ease}.rec-action:hover{color:var(--text);background:color-mix(in srgb,var(--text) 6%,transparent);text-decoration:none}.rec-action--danger:hover{color:#dc2626;background:color-mix(in srgb,#dc2626 8%,transparent)}.rec-player{display:flex;align-items:center;gap:.7rem;margin-top:.65rem}.rec-player audio{display:none}.rec-player__play{width:30px;height:30px;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;transition:background .15s ease,border-color .15s ease,color .15s ease}.rec-player__play:hover{border-color:var(--text)}.rec-player__play[data-playing]{background:var(--text);color:var(--bg);border-color:var(--text)}.rec-player__bar{flex:1;height:28px;cursor:pointer;position:relative;min-width:80px;border-radius:3px;padding:0 1px;transition:background .15s ease}.rec-player__bar:hover{background:color-mix(in srgb,var(--text) 3%,transparent)}.rec-player__bar:focus-visible{outline:1px solid color-mix(in srgb,var(--text) 35%,transparent);outline-offset:1px;background:color-mix(in srgb,var(--text) 3%,transparent)}.rec-player__wave{display:block;width:100%;height:100%;color:var(--text)}.rec-player__time{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;letter-spacing:.02em}.rec-list-foot{margin:1.25rem 0 0;font-size:11.5px;color:var(--text-muted);font-family:var(--font-mono);text-align:right}.rec-link{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;font:inherit;text-decoration:underline;text-underline-offset:2px}.rec-link:hover{color:#dc2626}.rec-help h2{font-family:var(--font-serif);font-size:17px;font-weight:600;margin:0 0 .75rem}.rec-help ul{padding-left:1.1rem;color:var(--text-muted);font-size:13px;line-height:1.75;margin:0}.rec-help li{margin-bottom:.25rem}.rec-help strong{color:var(--text);font-weight:500}.rec-help code{font-family:var(--font-mono);font-size:.9em;padding:1px 5px;background:color-mix(in srgb,var(--text) 5%,var(--bg));border-radius:3px}@media(max-width:540px){.rec-controls{gap:.5rem}.rec-btn--primary{width:100%}.rec-settings__grid{grid-template-columns:1fr}.rec-field--wide{grid-column:1}.rec-item__meta{flex-basis:100%;order:3}.rec-item__actions{order:2}}