.toolbar-morph-module__uO7Bxq__root{--surface:#f3f3f3;--hatch:#00000008;--surface-2:#fff;--well:#f8f8f8;--button:#ededed;--ink:#111;--icon:#5c5c5f;--ink-muted:#5a5a5e;--ink-faint:#a3a3a3;--clock:#a8a8a8;--arrow:#a6a6a6;--line:#0000000f;--rule:#d6d6d6;--slot:#d7d7d7;--slot-recording:#cdcee0;--hover:#0000000b;--pressed:#00000012;--spinner-hover:#0000000a;--button-hover:#e4e4e4;--close-hover:#efefef;--accent:#3656e3;--primary:#3656e3;--primary-hover:#2c4bd6;--accent-ink:#fff;--shadow:#0000001a;--shadow-near:#0000000a;background:repeating-linear-gradient(135deg, var(--hatch) 0 1.5px, transparent 1.5px 4px), var(--surface);min-height:400px;box-shadow:inset 0 0 0 1px var(--line);color:var(--icon);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;border-radius:18px;place-items:center;font:400 16px/20px Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid;position:relative;container-type:inline-size}@supports (color:light-dark(#fff, #000)){.toolbar-morph-module__uO7Bxq__root{--surface:light-dark(#f3f3f3,#111113);--hatch:light-dark(#00000008,#ffffff08);--surface-2:light-dark(#fff,#222224);--well:light-dark(#f8f8f8,#2f2f32);--button:light-dark(#ededed,#3a3a3d);--ink:light-dark(#111,#f2f2f2);--icon:light-dark(#5c5c5f,#a9a9ad);--ink-muted:light-dark(#5a5a5e,#a1a1a6);--ink-faint:light-dark(#a3a3a3,#98989d);--clock:light-dark(#a8a8a8,#8e8e93);--arrow:light-dark(#a6a6a6,#8e8e93);--line:light-dark(#0000000f,#ffffff12);--rule:light-dark(#d6d6d6,#48484b);--slot:light-dark(#d7d7d7,#4a4a4e);--slot-recording:light-dark(#cdcee0,#4b4f6e);--hover:light-dark(#0000000b,#ffffff12);--pressed:light-dark(#00000012,#ffffff1c);--spinner-hover:light-dark(#0000000a,#ffffff12);--button-hover:light-dark(#e4e4e4,#444448);--close-hover:light-dark(#efefef,#3a3a3d);--accent:light-dark(#3656e3,#7b96ff);--primary:light-dark(#3656e3,#4562ee);--primary-hover:light-dark(#2c4bd6,#5672f2);--accent-ink:light-dark(#fff,#fff);--shadow:light-dark(#0000001a,#00000080);--shadow-near:light-dark(#0000000a,#0000004d)}}.toolbar-morph-module__uO7Bxq__root[data-color-scheme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.toolbar-morph-module__uO7Bxq__root[data-color-scheme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.toolbar-morph-module__uO7Bxq__root[data-color-scheme=system]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){.toolbar-morph-module__uO7Bxq__root[data-color-scheme=system]{--lightningcss-light: ;--lightningcss-dark:initial}}.toolbar-morph-module__uO7Bxq__dock{--fit:min(1, tan(atan2(calc(100cqw - 24px), 394px)));width:394px;height:64px;margin:calc(32px * (var(--fit) - 1)) calc(197px * (var(--fit) - 1));scale:var(--fit);position:relative}.toolbar-morph-module__uO7Bxq__shape{background:var(--surface-2);clip-path:inset(8px 133px round 24px);transition:clip-path var(--spring-ms) var(--spring);border-radius:32px;position:absolute;inset:0}.toolbar-morph-module__uO7Bxq__dock[data-open] .toolbar-morph-module__uO7Bxq__shape{clip-path:inset(0 round 32px)}.toolbar-morph-module__uO7Bxq__shadow{box-shadow:0 1px 2px var(--shadow-near), 0 8px 24px -6px var(--shadow);opacity:0;border-radius:999px;transition:opacity .12s;position:absolute}.toolbar-morph-module__uO7Bxq__shadow[data-shadow=folded]{width:128px;height:48px;top:8px;left:133px}.toolbar-morph-module__uO7Bxq__shadow[data-shadow=open]{inset:0}.toolbar-morph-module__uO7Bxq__dock:not([data-open]) .toolbar-morph-module__uO7Bxq__shadow[data-shadow=folded],.toolbar-morph-module__uO7Bxq__dock[data-open] .toolbar-morph-module__uO7Bxq__shadow[data-shadow=open]{opacity:1;transition:opacity .3s .2s}.toolbar-morph-module__uO7Bxq__well{background:var(--well);width:338px;height:48px;transition:clip-path var(--spring-ms) var(--spring), opacity .2s ease;border-radius:24px;position:absolute;top:8px;left:8px}.toolbar-morph-module__uO7Bxq__well[data-well=notes],.toolbar-morph-module__uO7Bxq__panel[data-panel=notes]{clip-path:inset(8px 173px 8px 133px round 16px)}.toolbar-morph-module__uO7Bxq__well[data-well=voice],.toolbar-morph-module__uO7Bxq__panel[data-panel=voice]{clip-path:inset(8px 133px 8px 173px round 16px)}.toolbar-morph-module__uO7Bxq__well[data-well=time],.toolbar-morph-module__uO7Bxq__panel[data-panel=time]{clip-path:inset(8px 93px 8px 213px round 16px)}.toolbar-morph-module__uO7Bxq__dock[data-open] .toolbar-morph-module__uO7Bxq__well{opacity:0}.toolbar-morph-module__uO7Bxq__dock[data-open=notes] .toolbar-morph-module__uO7Bxq__well[data-well=notes],.toolbar-morph-module__uO7Bxq__dock[data-open=voice] .toolbar-morph-module__uO7Bxq__well[data-well=voice],.toolbar-morph-module__uO7Bxq__dock[data-open=time] .toolbar-morph-module__uO7Bxq__well[data-well=time]{clip-path:inset(0 round 24px);opacity:1}.toolbar-morph-module__uO7Bxq__button{width:32px;height:32px;color:var(--icon);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin:0;padding:0;transition:background-color .15s,color .15s;display:grid}.toolbar-morph-module__uO7Bxq__icon{grid-area:1/1;width:18px;height:18px}@media (hover:hover){.toolbar-morph-module__uO7Bxq__button:hover,.toolbar-morph-module__uO7Bxq__tool:hover{background-color:var(--hover)}}.toolbar-morph-module__uO7Bxq__button[data-hover],.toolbar-morph-module__uO7Bxq__tool[data-hover]{background-color:var(--hover)}.toolbar-morph-module__uO7Bxq__button[aria-pressed=true]{background-color:var(--pressed);color:var(--ink)}.toolbar-morph-module__uO7Bxq__button:focus-visible,.toolbar-morph-module__uO7Bxq__tool:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.toolbar-morph-module__uO7Bxq__spinner:focus-visible{outline:2px solid var(--accent);outline-offset:0}.toolbar-morph-module__uO7Bxq__tool{--behind:var(--well);width:32px;height:32px;color:var(--icon);cursor:pointer;transition:opacity .2s ease .12s, transform var(--spring-ms) var(--spring) 80ms, background-color .15s ease;background:0 0;border:0;border-radius:50%;place-items:center;margin:0;padding:0;display:grid;position:absolute;top:16px}.toolbar-morph-module__uO7Bxq__tool[data-tool=notes]{left:141px}.toolbar-morph-module__uO7Bxq__tool[data-tool=voice]{left:181px}.toolbar-morph-module__uO7Bxq__tool[data-tool=time]{left:221px}.toolbar-morph-module__uO7Bxq__dock[data-open] .toolbar-morph-module__uO7Bxq__tool{opacity:0;transition:opacity .12s,transform .2s;transform:scale(.6)}.toolbar-morph-module__uO7Bxq__panel{visibility:hidden;width:338px;height:48px;transition:clip-path var(--spring-ms) var(--spring), visibility 0s linear .24s;position:absolute;top:8px;left:8px}.toolbar-morph-module__uO7Bxq__panel[data-shown]{visibility:visible;clip-path:inset(0 round 24px);transition:clip-path var(--spring-ms) var(--spring)}.toolbar-morph-module__uO7Bxq__item{opacity:0;transition:opacity .12s,transform .2s;transform:translate(-10px)}.toolbar-morph-module__uO7Bxq__panel[data-shown] .toolbar-morph-module__uO7Bxq__item{--delay:calc(90ms + var(--i,0) * 32ms);opacity:1;transition:opacity .26s ease var(--delay), transform var(--spring-ms) var(--spring) var(--delay), background-color .15s ease;transform:none}.toolbar-morph-module__uO7Bxq__panel[data-panel=notes]{align-items:center;gap:6px;padding-left:12px;display:flex}.toolbar-morph-module__uO7Bxq__group{align-items:center;gap:6px;display:flex}.toolbar-morph-module__uO7Bxq__group+.toolbar-morph-module__uO7Bxq__group:before{content:"";background:var(--rule);opacity:0;flex:none;width:1px;height:17px;margin:0 1.25px;transition:opacity .12s}.toolbar-morph-module__uO7Bxq__panel[data-shown] .toolbar-morph-module__uO7Bxq__group+.toolbar-morph-module__uO7Bxq__group:before{opacity:1;transition:opacity .26s ease calc(90ms + var(--i,0) * 32ms)}.toolbar-morph-module__uO7Bxq__elapsed{align-items:center;height:48px;display:flex;position:absolute;top:0;left:12px}.toolbar-morph-module__uO7Bxq__digits{color:var(--ink-muted);transition:transform var(--spring-ms) var(--spring), color .2s ease}.toolbar-morph-module__uO7Bxq__recordingDot{background:var(--accent);opacity:0;width:4px;height:4px;transition:opacity .2s ease, transform var(--spring-ms) var(--spring);border-radius:50%;position:absolute;top:22px;left:-.3px;transform:scale(0)}.toolbar-morph-module__uO7Bxq__panel[data-phase=recording] .toolbar-morph-module__uO7Bxq__recordingDot,.toolbar-morph-module__uO7Bxq__panel[data-phase=paused] .toolbar-morph-module__uO7Bxq__recordingDot{opacity:1;transform:none}.toolbar-morph-module__uO7Bxq__panel[data-phase=recording] .toolbar-morph-module__uO7Bxq__digits,.toolbar-morph-module__uO7Bxq__panel[data-phase=paused] .toolbar-morph-module__uO7Bxq__digits{color:var(--accent);transform:translate(10.9px)}.toolbar-morph-module__uO7Bxq__panel[data-phase=paused] .toolbar-morph-module__uO7Bxq__recordingDot{opacity:.45}.toolbar-morph-module__uO7Bxq__track{align-items:center;height:48px;display:flex;position:absolute;top:0;left:51px}.toolbar-morph-module__uO7Bxq__slots{transform-origin:0;transition:transform var(--spring-ms) var(--spring);align-items:center;gap:3.98px;display:flex}.toolbar-morph-module__uO7Bxq__slots i{background:var(--slot);border-radius:1px;flex:none;width:1.8px;height:1.8px;transition:height .22s cubic-bezier(.2,.8,.2,1),background-color .2s,opacity .2s}.toolbar-morph-module__uO7Bxq__panel[data-phase=recording] .toolbar-morph-module__uO7Bxq__slots,.toolbar-morph-module__uO7Bxq__panel[data-phase=paused] .toolbar-morph-module__uO7Bxq__slots{transform:translate(10.4px)scaleX(.95)}.toolbar-morph-module__uO7Bxq__panel[data-phase=recording] .toolbar-morph-module__uO7Bxq__slots i,.toolbar-morph-module__uO7Bxq__panel[data-phase=paused] .toolbar-morph-module__uO7Bxq__slots i{background:var(--slot-recording)}.toolbar-morph-module__uO7Bxq__panel[data-phase=recording] .toolbar-morph-module__uO7Bxq__slots i:nth-child(n+28),.toolbar-morph-module__uO7Bxq__panel[data-phase=paused] .toolbar-morph-module__uO7Bxq__slots i:nth-child(n+28){opacity:0}.toolbar-morph-module__uO7Bxq__panel .toolbar-morph-module__uO7Bxq__slots i[data-level]{height:calc(1.8px + var(--level) * 13px);background:var(--accent)}.toolbar-morph-module__uO7Bxq__voiceButtons{gap:6px;display:flex;position:absolute;top:8px;right:8px}.toolbar-morph-module__uO7Bxq__round{background-color:var(--button)}@media (hover:hover){.toolbar-morph-module__uO7Bxq__round:hover{background-color:var(--button-hover)}}.toolbar-morph-module__uO7Bxq__round[data-hover]{background-color:var(--button-hover)}.toolbar-morph-module__uO7Bxq__round[aria-disabled=true]{cursor:default}.toolbar-morph-module__uO7Bxq__pauseSlot{width:0;transition:width var(--spring-ms) var(--spring), margin-left var(--spring-ms) var(--spring);margin-left:-6px;display:flex}.toolbar-morph-module__uO7Bxq__panel[data-phase=recording] .toolbar-morph-module__uO7Bxq__pauseSlot,.toolbar-morph-module__uO7Bxq__panel[data-phase=paused] .toolbar-morph-module__uO7Bxq__pauseSlot{width:32px;margin-left:0}.toolbar-morph-module__uO7Bxq__pauseSlot .toolbar-morph-module__uO7Bxq__button{opacity:0;transition:scale var(--spring-ms) var(--spring), opacity .15s ease, background-color .15s ease;scale:.5}.toolbar-morph-module__uO7Bxq__panel[data-phase=recording] .toolbar-morph-module__uO7Bxq__pauseSlot .toolbar-morph-module__uO7Bxq__button,.toolbar-morph-module__uO7Bxq__panel[data-phase=paused] .toolbar-morph-module__uO7Bxq__pauseSlot .toolbar-morph-module__uO7Bxq__button{opacity:1;scale:1}.toolbar-morph-module__uO7Bxq__primary{background-color:var(--primary);color:var(--accent-ink)}@media (hover:hover){.toolbar-morph-module__uO7Bxq__primary:hover{background-color:var(--primary-hover)}}.toolbar-morph-module__uO7Bxq__primary[data-hover]{background-color:var(--primary-hover)}.toolbar-morph-module__uO7Bxq__playIcon,.toolbar-morph-module__uO7Bxq__saveIcon,.toolbar-morph-module__uO7Bxq__pauseIcon,.toolbar-morph-module__uO7Bxq__resumeIcon{transition:opacity .18s ease, transform var(--spring-ms) var(--spring)}.toolbar-morph-module__uO7Bxq__playIcon{width:17px;height:17px}.toolbar-morph-module__uO7Bxq__saveIcon{width:19px;height:19px}.toolbar-morph-module__uO7Bxq__panel[data-phase=ready] .toolbar-morph-module__uO7Bxq__saveIcon,.toolbar-morph-module__uO7Bxq__panel[data-phase=recording] .toolbar-morph-module__uO7Bxq__playIcon,.toolbar-morph-module__uO7Bxq__panel[data-phase=paused] .toolbar-morph-module__uO7Bxq__playIcon,.toolbar-morph-module__uO7Bxq__panel[data-phase=recording] .toolbar-morph-module__uO7Bxq__resumeIcon,.toolbar-morph-module__uO7Bxq__panel[data-phase=paused] .toolbar-morph-module__uO7Bxq__pauseIcon{opacity:0;transform:scale(.5)rotate(-40deg)}.toolbar-morph-module__uO7Bxq__from,.toolbar-morph-module__uO7Bxq__to{align-items:center;height:48px;display:flex;position:absolute;top:0}.toolbar-morph-module__uO7Bxq__from{gap:4.6px;left:8px}.toolbar-morph-module__uO7Bxq__to{gap:6px;left:190.3px}.toolbar-morph-module__uO7Bxq__clock{width:16px;height:16px;color:var(--clock);flex:none}.toolbar-morph-module__uO7Bxq__arrow{width:16px;height:16px;color:var(--arrow);position:absolute;top:16px;left:161px}.toolbar-morph-module__uO7Bxq__arrow svg{width:100%;height:100%;display:block}.toolbar-morph-module__uO7Bxq__spinner{color:var(--ink);cursor:ns-resize;border-radius:6px;outline:none;padding:2px;font-weight:500;transition:background-color .15s;display:inline-grid;position:relative}@media (hover:hover){.toolbar-morph-module__uO7Bxq__spinner:hover{background-color:var(--spinner-hover)}}.toolbar-morph-module__uO7Bxq__spinner[data-hover]{background-color:var(--spinner-hover)}.toolbar-morph-module__uO7Bxq__value[data-roll]{animation:.34s cubic-bezier(.2,.8,.2,1) toolbar-morph-module__uO7Bxq__roll}.toolbar-morph-module__uO7Bxq__value[data-roll=down]{animation-name:toolbar-morph-module__uO7Bxq__roll-down}@keyframes toolbar-morph-module__uO7Bxq__roll{0%{opacity:0;transform:translateY(45%)}}@keyframes toolbar-morph-module__uO7Bxq__roll-down{0%{opacity:0;transform:translateY(-45%)}}.toolbar-morph-module__uO7Bxq__length{color:var(--ink-faint)}.toolbar-morph-module__uO7Bxq__close{background-color:var(--well);opacity:0;transition:opacity .12s,transform .2s,background-color .15s;position:absolute;top:16px;left:354px;transform:scale(.6)}.toolbar-morph-module__uO7Bxq__dock[data-open] .toolbar-morph-module__uO7Bxq__close{opacity:1;transition:opacity .24s ease .2s, transform var(--spring-ms) var(--spring) .2s, background-color .15s ease;transform:none}@media (hover:hover){.toolbar-morph-module__uO7Bxq__close:hover{background-color:var(--close-hover)}}.toolbar-morph-module__uO7Bxq__close[data-hover]{background-color:var(--close-hover)}.toolbar-morph-module__uO7Bxq__ghost{z-index:10;pointer-events:none;opacity:0;width:0;height:0;transition:opacity .3s;position:absolute;top:0;left:0}.toolbar-morph-module__uO7Bxq__ghost svg{opacity:0;filter:drop-shadow(0 1px 1.2px #00000040);width:22px;height:22px;position:absolute;overflow:visible}.toolbar-morph-module__uO7Bxq__ghost[data-shape=arrow] [data-shape-of=arrow],.toolbar-morph-module__uO7Bxq__ghost[data-shape=hand] [data-shape-of=hand]{opacity:1}.toolbar-morph-module__uO7Bxq__ghost [data-shape-of=arrow]{transform-origin:3.3px 2.2px;fill:#1c1c1e;stroke:#fff;stroke-width:1.3px;stroke-linejoin:round;top:-2.2px;left:-3.3px}.toolbar-morph-module__uO7Bxq__ghost [data-shape-of=hand]{transform-origin:8.4px 1.3px;fill:#fff;stroke:#141414;stroke-width:1.1px;stroke-linejoin:round;stroke-linecap:round;top:-1.3px;left:-8.4px}.toolbar-morph-module__uO7Bxq__hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.toolbar-morph-module__uO7Bxq__shape,.toolbar-morph-module__uO7Bxq__shadow,.toolbar-morph-module__uO7Bxq__dock:not([data-open]) .toolbar-morph-module__uO7Bxq__shadow[data-shadow=folded],.toolbar-morph-module__uO7Bxq__dock[data-open] .toolbar-morph-module__uO7Bxq__shadow[data-shadow=open],.toolbar-morph-module__uO7Bxq__well,.toolbar-morph-module__uO7Bxq__button,.toolbar-morph-module__uO7Bxq__tool,.toolbar-morph-module__uO7Bxq__dock[data-open] .toolbar-morph-module__uO7Bxq__tool,.toolbar-morph-module__uO7Bxq__panel,.toolbar-morph-module__uO7Bxq__panel[data-shown],.toolbar-morph-module__uO7Bxq__item,.toolbar-morph-module__uO7Bxq__panel[data-shown] .toolbar-morph-module__uO7Bxq__item,.toolbar-morph-module__uO7Bxq__group+.toolbar-morph-module__uO7Bxq__group:before,.toolbar-morph-module__uO7Bxq__panel[data-shown] .toolbar-morph-module__uO7Bxq__group+.toolbar-morph-module__uO7Bxq__group:before,.toolbar-morph-module__uO7Bxq__digits,.toolbar-morph-module__uO7Bxq__recordingDot,.toolbar-morph-module__uO7Bxq__slots,.toolbar-morph-module__uO7Bxq__slots i,.toolbar-morph-module__uO7Bxq__pauseSlot,.toolbar-morph-module__uO7Bxq__pauseSlot .toolbar-morph-module__uO7Bxq__button,.toolbar-morph-module__uO7Bxq__playIcon,.toolbar-morph-module__uO7Bxq__saveIcon,.toolbar-morph-module__uO7Bxq__pauseIcon,.toolbar-morph-module__uO7Bxq__resumeIcon,.toolbar-morph-module__uO7Bxq__spinner,.toolbar-morph-module__uO7Bxq__close,.toolbar-morph-module__uO7Bxq__dock[data-open] .toolbar-morph-module__uO7Bxq__close,.toolbar-morph-module__uO7Bxq__ghost{transition:none}.toolbar-morph-module__uO7Bxq__value[data-roll]{animation:none}}