.rec-meter{background:var(--sheet-rule);border-radius:3px;block-size:6px;inline-size:100%;position:relative;overflow:hidden}.rec-meter:after{content:"";background:repeating-linear-gradient(90deg, transparent 0 calc(4.16667% - 2px), var(--sheet) calc(4.16667% - 2px) 4.16667%);position:absolute;inset:0}.rec-meter__fill{background:var(--accent);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.rec-meter__peak{background:var(--ink);inline-size:2px;margin-inline-start:-2px;position:absolute;inset-block:0}[dir=rtl] .rec-meter__fill{transform-origin:100%}.rec-primary{min-inline-size:8.5rem}.rec-primary__glyph{block-size:.75rem;inline-size:.75rem;transition:border-radius var(--duration) var(--ease-out), transform var(--duration) var(--ease-out);background:currentColor;border-radius:50%;flex:none}:is([data-state=recording],[data-state=paused],[data-state=saving]) .rec-primary__glyph{border-radius:2px;transform:scale(.92)}.rec-group{gap:var(--space-2);border:0;min-inline-size:0;margin:0;padding:0;display:grid}.rec-group .check{min-block-size:1.75rem}.rec-keys{justify-content:center;gap:var(--space-2) var(--space-5);color:var(--ink-3);font-size:var(--text-sm);flex-wrap:wrap;display:flex}@media (hover:none) and (pointer:coarse){.rec-keys{display:none}}.rec-keys__key{min-inline-size:1.5rem;padding:0 var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper);box-shadow:inset 0 -1px 0 var(--line-strong);color:var(--ink-2);font-family:inherit;font-size:var(--text-xs);text-align:center;margin-inline-end:var(--space-1);font-weight:600;line-height:1.6;display:inline-block}.rec-dot{background:var(--line-strong);block-size:.5rem;inline-size:.5rem;transition:background-color var(--duration) var(--ease-out);border-radius:50%;flex:none}[data-state=recording] .rec-dot{background:var(--accent);animation:rec-beat 1.6s var(--ease-in-out) infinite}[data-state=paused] .rec-dot{background:var(--ink-3)}@keyframes rec-beat{50%{opacity:.3}}.voice{gap:var(--space-3);display:grid}@media (min-width:64rem){.voice{gap:var(--space-4)}}.voice__body{align-content:space-between;gap:var(--space-4);flex:1}.voice__dial{justify-items:center;gap:var(--space-2);padding-block:var(--space-6) 0;display:grid;container-type:inline-size}.voice__time{color:var(--ink);font-family:"Literata Variable", var(--font-display);font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.03em;white-space:nowrap;transition:color var(--duration) var(--ease-out);unicode-bidi:isolate;align-items:baseline;font-size:clamp(3.25rem,19cqi,6.5rem);font-weight:500;line-height:1;display:flex}.voice__tenths{color:var(--ink-3);letter-spacing:0;margin-inline-start:.04em;font-size:.4em}.voice[data-state=recording] .voice__time{color:var(--accent)}.voice[data-state=paused] .voice__time{color:var(--ink-3)}.voice__status{align-items:center;gap:var(--space-2);color:var(--ink-2);font-size:var(--text-sm);display:inline-flex}.voice__wave{block-size:4.5rem;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18%);mask-image:linear-gradient(90deg,#0000,#000 18%)}@media (min-width:40rem){.voice__wave{block-size:6rem}}.voice__canvas{block-size:100%;inline-size:100%;display:block}.voice__meter{visibility:hidden;justify-self:center;max-inline-size:24rem}.voice:is([data-state=recording],[data-state=paused]) .voice__meter{visibility:visible}.voice__advice{min-block-size:1.55em;color:var(--ink-2);font-size:var(--text-sm);text-align:center}.voice__unsupported p{margin:0}.voice__settings .sheet__body{align-content:start;gap:var(--space-5);flex:1}.voice-takes__count{min-inline-size:1.5rem;padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);font-family:"Literata Variable", var(--font-sans);font-size:var(--text-xs);text-align:center;vertical-align:.1em;margin-inline-start:var(--space-2);font-weight:650;line-height:1.6;display:inline-block}.voice-takes__title:focus-visible{outline:none}.voice-takes__empty{justify-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-5) var(--space-8);color:var(--ink-3);text-align:center;display:grid}.voice-takes__empty p{max-inline-size:30rem;margin:0}.voice-takes__empty-icon{block-size:1.75rem;inline-size:1.75rem;color:var(--accent);opacity:.6}.voice-takes__list{margin:var(--space-3) 0 0;border-block-start:1px solid var(--sheet-rule);padding:0;list-style:none}.voice-takes__bar{justify-content:space-between}.voice-takes__note{align-items:flex-start;gap:var(--space-2);max-inline-size:40rem;color:var(--ink-3);flex-wrap:nowrap}.voice-takes__note svg{flex:none;block-size:1rem;inline-size:1rem;margin-block-start:.1em}.voice-takes__undo{align-items:center;gap:var(--space-2) var(--space-3);color:var(--ink-2);font-size:var(--text-sm);flex-wrap:wrap;margin:0;display:flex}.voice-take{gap:var(--space-2) var(--space-3);padding:var(--space-4) var(--space-5);border-block-end:1px solid var(--sheet-rule);animation:take-in var(--duration-slow) var(--ease-out);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"play info""track track""actions actions""work work""error error";align-items:center;display:grid}.voice-take:last-child{border-block-end:0}@media (min-width:52rem){.voice-take{column-gap:var(--space-4);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"play info actions"".track track"".work work"".error error"}}.voice-take__play{grid-area:play}.voice-take.is-playing .voice-take__play{border-color:var(--accent);color:var(--accent)}.voice-take__info{grid-area:info;gap:2px;min-inline-size:0;display:grid}.voice-take__name{inline-size:100%;min-inline-size:0;padding:2px var(--space-2);border-radius:var(--radius-sm);color:var(--ink);font-family:var(--font-display);font-size:var(--text-md);text-overflow:ellipsis;transition:border-color var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #0000;margin-inline-start:calc(-1 * var(--space-2));font-weight:500;overflow:hidden}.voice-take__name:hover{border-color:var(--line)}.voice-take__name:focus-visible{border-color:var(--accent);outline:3px solid var(--accent-soft);outline-offset:0}.voice-take__meta{color:var(--ink-3);font-size:var(--text-sm);margin:0}.voice-take__actions{justify-content:flex-end;align-items:center;gap:var(--space-1);flex-wrap:wrap;grid-area:actions;display:flex}@media not (min-width:40rem){.voice-take__transcribe span{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}.voice-take__track{align-items:center;gap:var(--space-3);grid-area:track;min-inline-size:0;display:flex}.voice-take__scrub{border-radius:var(--radius-sm);flex:1;block-size:2.5rem;min-inline-size:0;position:relative}.voice-take__scrub:has(.voice-take__seek:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.voice-take__canvas{pointer-events:none;block-size:100%;inline-size:100%;position:absolute;inset:0}.voice-take__seek{opacity:0;cursor:pointer;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}.voice-take__time{color:var(--ink-2);font-family:"Literata Variable", var(--font-sans);font-size:var(--text-sm);white-space:nowrap;flex:none}.voice-take__work{gap:var(--space-2);grid-area:work;display:grid}.voice-take__work-head{align-items:center;gap:var(--space-1) var(--space-3);color:var(--ink-2);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.voice-take__work-value{color:var(--accent);font-family:"Literata Variable", var(--font-sans);font-weight:600}.voice-take__cancel{min-block-size:2rem;margin-inline-start:auto}.voice-take__error{color:var(--danger);font-size:var(--text-sm);grid-area:error;margin:0;font-weight:600}@keyframes take-in{0%{opacity:0;transform:translateY(-4px)}}