@import"https://fonts.googleapis.com/css2?family=Inter:wght@500&display=swap";*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body,button,kbd{font-family:Inter,sans-serif;font-weight:500}button{margin:0;padding:0;color:inherit;background:transparent;border:0}:root{--ref-page: #1a1a1a;--ref-expanded: #373737;--ref-footer: #292929;--ref-mini: #161616;--ref-mini-active: #424242;--ref-border: #4f4f50;--ref-inner-border: #323232;--ref-collapsed-border: #727272;--ref-text: #a3a3a3;--ref-text-bright: #d3d3d3;--ref-key: #515151;--ref-white: #ffffff;--ref-recording-surface: #521C17;--ref-recording: #C5362B;--ref-shadow: rgba(0,0,0,.22);--stage-scale: .49;--collapsed-idle-width: 96px;--collapsed-idle-height: 17px;--collapsed-idle-radius: 8px;--mini-scale-x-from: .29448;--mini-scale-y-from: .18889}body{background:#1a1a1a}body:before{content:"";position:fixed;inset:0;background:url(/assets/background.jpg) center / cover no-repeat;z-index:-1}.stage{display:grid;width:100vw;height:100vh;place-items:center;overflow:hidden;background:transparent;transform:scale(var(--stage-scale));transform-origin:center center}.stage>.sw-panel,.stage>.panel-container{grid-area:1 / 1}.sw-panel{display:block;position:relative;padding:0;overflow:visible;color:var(--ref-text);cursor:default;background:transparent;border:0;border-radius:0;box-shadow:unset;backdrop-filter:none;-webkit-backdrop-filter:none;transition:none}.sw-panel:hover{transform:none}.sw-panel.is-view-hidden{display:none!important}.render-data{display:none}[data-view=expanded]{position:relative;width:964px;height:277px;overflow:hidden;background:#373737b3;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);border:2px solid var(--ref-border);outline:none;border-radius:50px}.expanded-panel__voice-zone{position:absolute;inset:0 0 95px;display:grid;place-items:center}.expanded-panel__idle-content{display:flex;align-items:center;gap:16px;justify-content:center}.expanded-panel__idle-label{color:var(--ref-text);font-size:30px;font-weight:500;line-height:1}.expanded-panel__idle-content kbd{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:6px 16px;font-family:Inter,sans-serif;font-weight:500;font-size:27px;color:var(--ref-text);background:var(--ref-key);border:0;border-radius:12px;line-height:1}.expanded-panel__result{display:none;margin:0;color:var(--ref-text);font-size:30px;font-weight:500;line-height:1;text-align:center;width:100%}.expanded-waveform{display:none;align-items:center;justify-content:center;width:932px;height:112px;gap:8.5px}.expanded-waveform span{width:4px;height:var(--wave-height, 28px);flex:0 0 4px;background:linear-gradient(to top,#ffffff4d,#ffffffd1 60%,#ffffff8c);border-radius:999px;animation:expandedWave .62s ease-in-out infinite alternate;animation-delay:calc(var(--wave-index, 0) * -31ms);transform-origin:center}.expanded-panel__footer{position:absolute;right:14px;bottom:13px;left:18px;display:flex;align-items:center;height:82px;padding:0 35px;overflow:hidden;color:var(--ref-text);background:#292929cc;border:2px solid var(--ref-inner-border);outline:none;border-radius:18px 18px 42px 42px;font-size:28px;line-height:1}.expanded-panel__mode{display:flex;align-items:center;gap:34px;flex-shrink:0}.expanded-panel__mode img{width:21px;height:30px}.expanded-panel__controls{display:flex;align-items:center;margin-left:auto}.ctrl-group{display:none;align-items:center;gap:12px}.ctrl-group span+kbd{margin-left:0}.ctrl-group kbd+span{margin-left:16px}.expanded-panel__controls kbd{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:6px 10px;color:var(--ref-text);background:var(--ref-key);border:0;border-radius:12px;font-family:Inter,sans-serif;font-size:27px;font-weight:500;line-height:1}.expanded-panel__resume-label{display:none}[data-view=expanded].is-idle .expanded-panel__idle-content,[data-view=expanded].is-idle .ctrl-group--idle{display:flex}[data-view=expanded].is-recording .expanded-panel__idle-content,[data-view=expanded].is-paused .expanded-panel__idle-content,[data-view=expanded].is-ended .expanded-panel__idle-content{display:none}[data-view=expanded].is-recording .expanded-waveform,[data-view=expanded].is-paused .expanded-waveform{display:flex}[data-view=expanded].is-paused .expanded-waveform span{animation-play-state:paused}[data-view=expanded].is-recording .ctrl-group--recording,[data-view=expanded].is-paused .ctrl-group--recording{display:flex}[data-view=expanded].is-paused .expanded-panel__pause-label{display:none}[data-view=expanded].is-paused .expanded-panel__resume-label{display:inline}[data-view=expanded].is-ended .expanded-panel__result{display:block}[data-view=expanded].is-ended .expanded-panel__mode,[data-view=expanded].is-ended .ctrl-group--idle{display:flex}.panel-container{position:fixed;top:50%;left:50%;margin-left:-163px;margin-top:-45px;width:326px;height:90px;z-index:10}[data-view=mini]{display:grid;position:absolute;top:0;left:0;grid-template-columns:108px 126px 88px;align-items:center;width:326px;height:90px;overflow:visible;background:#161616cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none;outline:none;box-shadow:0 0 0 2px var(--ref-border);border-radius:47px;transform-origin:top center}.mini-panel__item{position:relative;display:flex;align-items:center;justify-content:center;overflow:visible}.mini-panel__mode,.mini-panel__center,.mini-panel__actions{position:relative;grid-column:1 / -1;grid-row:1;width:326px;height:90px;margin-left:0;pointer-events:none}.mini-panel__hover-pill{position:absolute;width:90px;height:72px;border-radius:35px;background:transparent;pointer-events:auto;transition:background .2s ease;z-index:0}.mini-panel__mode .mini-panel__hover-pill{left:9px;top:50%;transform:translateY(-50%)}.mini-panel__center .mini-panel__hover-pill{left:165px;top:50%;transform:translate(-50%,-50%)}.mini-panel__actions .mini-panel__hover-pill{right:9px;left:auto;top:50%;transform:translateY(-50%)}.mini-panel__item:hover .mini-panel__hover-pill,.mini-panel__actions:hover .mini-panel__hover-pill{background:var(--ref-mini-active)}.mini-panel__sparkle,.mini-panel__active-logo,.mini-panel__logo,.mini-panel__dots,.mini-panel__expand,.mini-panel__record-control,.mini-panel__expand-icon{position:relative;z-index:1}.mini-panel__hover-pill,.mini-panel__expand,.mini-panel__record-control,.mini-panel__sparkle,.mini-panel__logo,.mini-panel__expand-icon{pointer-events:auto}.mini-panel__sparkle,.mini-panel__active-logo{position:absolute;left:9px;top:50%;transform:translate(calc(45px - 50%),-50%)}.mini-panel__sparkle{width:39px;height:39px}.mini-panel__active-logo{display:none;width:36px;height:33px;background:var(--ref-recording);-webkit-mask:url(/assets/logo.svg) center / contain no-repeat;mask:url(/assets/logo.svg) center / contain no-repeat}.mini-panel__logo,.mini-panel__dots{position:absolute;left:165px;top:50%;transform:translate(-50%,-50%)}.mini-panel__logo{width:36px;height:33px}.mini-panel__dots{display:none;align-items:center;justify-content:center;gap:5px}.mini-panel__dots span{width:5px;border-radius:999px;background:var(--ref-white);height:var(--dot-height, 5px);animation:expandedWave .62s ease-in-out infinite alternate;animation-delay:calc(var(--dot-index, 0) * -62ms);transform-origin:center}.mini-panel__dots span:nth-child(1){--dot-height: 8px;--dot-index: 1}.mini-panel__dots span:nth-child(2){--dot-height: 14px;--dot-index: 2}.mini-panel__dots span:nth-child(3){--dot-height: 22px;--dot-index: 3}.mini-panel__dots span:nth-child(4){--dot-height: 28px;--dot-index: 4}.mini-panel__dots span:nth-child(5){--dot-height: 28px;--dot-index: 5}.mini-panel__dots span:nth-child(6){--dot-height: 22px;--dot-index: 6}.mini-panel__dots span:nth-child(7){--dot-height: 14px;--dot-index: 7}.mini-panel__dots span:nth-child(8){--dot-height: 8px;--dot-index: 8}.mini-panel__expand,.mini-panel__record-control{position:absolute;right:9px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:90px;height:72px}.mini-panel__expand{cursor:pointer}.mini-panel__expand-icon{width:33px;height:33px}.mini-panel__record-control{display:none}.mini-panel__pause-icon,.mini-panel__resume-icon{width:42px;height:42px;color:var(--ref-white);fill:transparent;stroke-width:3;position:relative;left:2px}.mini-panel__resume-icon{display:none}[data-view=mini].is-paused .mini-panel__resume-icon{display:block}[data-view=mini].is-recording .mini-panel__sparkle,[data-view=mini].is-paused .mini-panel__sparkle{display:none}[data-view=mini].is-recording .mini-panel__active-logo,[data-view=mini].is-paused .mini-panel__active-logo{display:block;background:#c5362b!important;opacity:1!important;-webkit-mask:url(/assets/logo.svg) center / contain no-repeat;mask:url(/assets/logo.svg) center / contain no-repeat}[data-view=mini].is-recording .mini-panel__logo,[data-view=mini].is-paused .mini-panel__logo{display:none}[data-view=mini].is-recording .mini-panel__dots,[data-view=mini].is-paused .mini-panel__dots{display:flex}[data-view=mini].is-paused .mini-panel__dots span{animation-play-state:paused}[data-view=mini].is-recording .mini-panel__expand,[data-view=mini].is-paused .mini-panel__expand{display:none}[data-view=mini].is-recording .mini-panel__record-control,[data-view=mini].is-paused .mini-panel__record-control{display:flex}[data-view=mini].is-paused .mini-panel__pause-icon{display:none}[data-view=mini].is-recording .mini-panel__mode .mini-panel__hover-pill,[data-view=mini].is-paused .mini-panel__mode .mini-panel__hover-pill{background:#521c17!important;opacity:1!important}[data-view=mini].is-recording .mini-panel__center:hover .mini-panel__hover-pill,[data-view=mini].is-paused .mini-panel__center:hover .mini-panel__hover-pill{background:transparent}.mini-tooltip{position:absolute;top:calc(100% + 18px);bottom:auto;z-index:20;display:flex;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;align-items:center;height:70px;width:max-content;padding:0 20px;gap:16px;color:var(--ref-text-bright);background:var(--ref-mini);border:2px solid var(--ref-text);border-radius:18px;white-space:nowrap;box-shadow:0 8px 20px var(--ref-shadow)}.mini-tooltip span{font-family:Inter,sans-serif;font-weight:500;font-size:24px;letter-spacing:.015em;color:var(--ref-text-bright);line-height:1}.mini-tooltip kbd{font-family:Inter,sans-serif;font-weight:500;font-size:22px;letter-spacing:-.005em;color:var(--ref-text);background:var(--ref-key);border:0;border-radius:9px;padding:6px 13px;line-height:1}.mini-panel__mode .mini-tooltip,.mini-panel__center .mini-tooltip,.mini-panel__actions .mini-tooltip{left:50%;transform:translate(-50%);right:auto}[data-view=mini].is-idle .mini-panel__mode:hover .mini-tooltip--idle,[data-view=mini].is-idle .mini-panel__center:hover .mini-tooltip--idle,[data-view=mini].is-idle .mini-panel__actions:hover .mini-tooltip--idle,[data-view=mini].is-ended .mini-panel__mode:hover .mini-tooltip--idle,[data-view=mini].is-ended .mini-panel__center:hover .mini-tooltip--idle,[data-view=mini].is-ended .mini-panel__actions:hover .mini-tooltip--idle,[data-view=mini].is-recording .mini-panel__actions:hover .mini-tooltip--recording,[data-view=mini].is-paused .mini-panel__actions:hover .mini-tooltip--paused,[data-view=mini].is-recording .mini-panel__mode:hover .mini-tooltip--recording,[data-view=mini].is-paused .mini-panel__mode:hover .mini-tooltip--paused{opacity:1;visibility:visible;pointer-events:auto;transition-delay:.4s}[data-view=mini].is-recording .mini-panel__mode:hover .mini-tooltip--idle,[data-view=mini].is-paused .mini-panel__mode:hover .mini-tooltip--idle,[data-view=mini].is-recording .mini-panel__center:hover .mini-tooltip,[data-view=mini].is-paused .mini-panel__center:hover .mini-tooltip{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition-delay:0ms!important}[data-view=collapsed]{display:block;position:absolute;top:0;left:50%;transform:translate(-50%);width:96px;height:17px;background:#161616cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;box-shadow:0 0 0 2px var(--ref-border);outline:none;border-radius:8px;overflow:hidden}[data-view=collapsed].is-recording,[data-view=collapsed].is-paused{display:grid;left:50%;top:0;transform:translate(-50%);width:130px;height:72px;place-items:center;background:#161616cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none;box-shadow:0 0 0 2px var(--ref-border);border-radius:36px}.collapsed-waveform{display:none;align-items:center;justify-content:center;height:42px;gap:6px}[data-view=collapsed].is-recording .collapsed-waveform,[data-view=collapsed].is-paused .collapsed-waveform{display:flex}.collapsed-waveform span{width:4px;height:var(--collapsed-height);background:var(--ref-white);border-radius:999px;animation:expandedWave .62s ease-in-out infinite alternate;animation-delay:calc(var(--collapsed-index) * -62ms);transform-origin:center}.collapsed-waveform span:nth-child(1){--collapsed-height: 12px;--collapsed-index: 1}.collapsed-waveform span:nth-child(2){--collapsed-height: 24px;--collapsed-index: 2}.collapsed-waveform span:nth-child(3){--collapsed-height: 34px;--collapsed-index: 3}.collapsed-waveform span:nth-child(4){--collapsed-height: 30px;--collapsed-index: 4}.collapsed-waveform span:nth-child(5){--collapsed-height: 22px;--collapsed-index: 5}.collapsed-waveform span:nth-child(6){--collapsed-height: 12px;--collapsed-index: 6}[data-view=collapsed].is-paused .collapsed-waveform span{animation-play-state:paused}@keyframes expandedWave{0%{transform:scaleY(.18)}to{transform:scaleY(1.08)}}@keyframes miniExpand{0%{transform:scaleX(var(--mini-scale-x-from)) scaleY(var(--mini-scale-y-from))}to{transform:scaleX(1) scaleY(1)}}@keyframes miniCollapse{0%{transform:scaleX(1) scaleY(1)}to{transform:scaleX(var(--mini-scale-x-from)) scaleY(var(--mini-scale-y-from))}}@keyframes iconSlideFromLeft{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes iconSlideFromRight{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes iconFadeIn{0%{opacity:0}to{opacity:1}}[data-view=mini].is-entering{animation:miniExpand .58s cubic-bezier(.16,1,.2,1) forwards;box-shadow:0 0 0 2px var(--ref-border)!important;transition:none!important}[data-view=mini].is-exiting{animation:miniCollapse .38s cubic-bezier(.4,0,.2,1) forwards;box-shadow:0 0 0 2px var(--ref-border)!important;transition:none!important}[data-view=mini].is-entering .mini-panel__mode{animation:iconSlideFromLeft .16s ease 344ms forwards}[data-view=mini].is-entering .mini-panel__actions{animation:iconSlideFromRight .16s ease 344ms forwards}[data-view=mini].is-entering .mini-panel__center{animation:iconFadeIn .16s ease 344ms forwards}[data-view=mini]:not(.is-entering):not(.is-exiting):not(.is-morph-to-collapsed):not(.is-morphing-to-collapsed):not(.is-morphing-to-mini):not(.is-morph-to-mini-done) .mini-panel__mode,[data-view=mini]:not(.is-entering):not(.is-exiting):not(.is-morph-to-collapsed):not(.is-morphing-to-collapsed):not(.is-morphing-to-mini):not(.is-morph-to-mini-done) .mini-panel__center,[data-view=mini]:not(.is-entering):not(.is-exiting):not(.is-morph-to-collapsed):not(.is-morphing-to-collapsed):not(.is-morphing-to-mini):not(.is-morph-to-mini-done) .mini-panel__actions{opacity:1}[data-view=mini].is-exiting .mini-panel__mode,[data-view=mini].is-exiting .mini-panel__center,[data-view=mini].is-exiting .mini-panel__actions{opacity:0;transform:none;transition:opacity 80ms ease}[data-view=mini].is-entering .mini-tooltip{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:none!important;transition-delay:0ms!important}.expanded-panel__collapse{position:absolute;top:23px;right:23px;z-index:10;width:33px;height:33px;cursor:default;background:none;border:none;padding:0;opacity:0;transition:opacity .1s ease}.expanded-panel__collapse img{display:block;width:33px;height:33px;transition:opacity .15s ease,filter .15s ease}[data-view=expanded]:hover .expanded-panel__collapse{opacity:1}.expanded-panel__collapse:hover img{filter:brightness(1.2)}.expanded-panel__collapse:hover{opacity:1!important}.ctrl-pair{display:flex;align-items:center;gap:12px;padding:0 16px;margin:0 6px;border-radius:999px;cursor:default}.ctrl-pair:hover span,.expanded-panel__controls .ctrl-group kbd{color:#f1f1f1}.expanded-waveform span:nth-child(1),.expanded-waveform span:nth-child(72){--wave-height: 8px;--wave-index: 1}.expanded-waveform span:nth-child(2),.expanded-waveform span:nth-child(71){--wave-height: 10px;--wave-index: 2}.expanded-waveform span:nth-child(3),.expanded-waveform span:nth-child(70){--wave-height: 14px;--wave-index: 3}.expanded-waveform span:nth-child(4),.expanded-waveform span:nth-child(69){--wave-height: 18px;--wave-index: 4}.expanded-waveform span:nth-child(5),.expanded-waveform span:nth-child(68){--wave-height: 22px;--wave-index: 5}.expanded-waveform span:nth-child(6),.expanded-waveform span:nth-child(67){--wave-height: 26px;--wave-index: 6}.expanded-waveform span:nth-child(7),.expanded-waveform span:nth-child(66){--wave-height: 30px;--wave-index: 7}.expanded-waveform span:nth-child(8),.expanded-waveform span:nth-child(65){--wave-height: 34px;--wave-index: 8}.expanded-waveform span:nth-child(9),.expanded-waveform span:nth-child(64){--wave-height: 38px;--wave-index: 9}.expanded-waveform span:nth-child(10),.expanded-waveform span:nth-child(63){--wave-height: 44px;--wave-index: 10}.expanded-waveform span:nth-child(11),.expanded-waveform span:nth-child(62){--wave-height: 50px;--wave-index: 11}.expanded-waveform span:nth-child(12),.expanded-waveform span:nth-child(61){--wave-height: 56px;--wave-index: 12}.expanded-waveform span:nth-child(13),.expanded-waveform span:nth-child(60){--wave-height: 62px;--wave-index: 13}.expanded-waveform span:nth-child(14),.expanded-waveform span:nth-child(59){--wave-height: 68px;--wave-index: 14}.expanded-waveform span:nth-child(15),.expanded-waveform span:nth-child(58){--wave-height: 72px;--wave-index: 15}.expanded-waveform span:nth-child(16),.expanded-waveform span:nth-child(57){--wave-height: 76px;--wave-index: 16}.expanded-waveform span:nth-child(17),.expanded-waveform span:nth-child(56){--wave-height: 80px;--wave-index: 17}.expanded-waveform span:nth-child(18),.expanded-waveform span:nth-child(55){--wave-height: 84px;--wave-index: 18}.expanded-waveform span:nth-child(19),.expanded-waveform span:nth-child(54){--wave-height: 87px;--wave-index: 19}.expanded-waveform span:nth-child(20),.expanded-waveform span:nth-child(53){--wave-height: 90px;--wave-index: 20}.expanded-waveform span:nth-child(21),.expanded-waveform span:nth-child(52){--wave-height: 93px;--wave-index: 21}.expanded-waveform span:nth-child(22),.expanded-waveform span:nth-child(51){--wave-height: 96px;--wave-index: 22}.expanded-waveform span:nth-child(23),.expanded-waveform span:nth-child(50){--wave-height: 98px;--wave-index: 23}.expanded-waveform span:nth-child(24),.expanded-waveform span:nth-child(49){--wave-height: 100px;--wave-index: 24}.expanded-waveform span:nth-child(25),.expanded-waveform span:nth-child(48){--wave-height: 102px;--wave-index: 25}.expanded-waveform span:nth-child(26),.expanded-waveform span:nth-child(47){--wave-height: 104px;--wave-index: 26}.expanded-waveform span:nth-child(27),.expanded-waveform span:nth-child(46){--wave-height: 105px;--wave-index: 27}.expanded-waveform span:nth-child(28),.expanded-waveform span:nth-child(45){--wave-height: 106px;--wave-index: 28}.expanded-waveform span:nth-child(29),.expanded-waveform span:nth-child(44){--wave-height: 107px;--wave-index: 29}.expanded-waveform span:nth-child(30),.expanded-waveform span:nth-child(43){--wave-height: 108px;--wave-index: 30}.expanded-waveform span:nth-child(31),.expanded-waveform span:nth-child(42){--wave-height: 108px;--wave-index: 31}.expanded-waveform span:nth-child(32),.expanded-waveform span:nth-child(41){--wave-height: 109px;--wave-index: 32}.expanded-waveform span:nth-child(33),.expanded-waveform span:nth-child(40){--wave-height: 109px;--wave-index: 33}.expanded-waveform span:nth-child(34),.expanded-waveform span:nth-child(39){--wave-height: 110px;--wave-index: 34}.expanded-waveform span:nth-child(35),.expanded-waveform span:nth-child(38){--wave-height: 110px;--wave-index: 35}.expanded-waveform span:nth-child(36),.expanded-waveform span:nth-child(37){--wave-height: 110px;--wave-index: 36}[data-view=mini].is-entering .mini-panel__mode,[data-view=mini].is-entering .mini-panel__center,[data-view=mini].is-entering .mini-panel__actions{opacity:0}@keyframes logoFromCenterToLeft{0%{transform:translate(calc(156px - 50%),-50%)}to{transform:translate(calc(45px - 50%),-50%)}}@keyframes pillFromCenterToLeft{0%{transform:translate(111px) translateY(-50%)}to{transform:translate(0) translateY(-50%)}}@keyframes logoFromLeftToCenter{0%{left:9px;transform:translate(calc(45px - 50%),-50%)}to{left:120px;transform:translate(calc(45px - 50%),-50%)}}@keyframes pillMoveLeftToCenter{0%{left:9px;top:50%;transform:translateY(-50%)}to{left:120px;top:50%;transform:translateY(-50%)}}[data-view=mini].is-idle.anim-to-recording .mini-panel__sparkle,[data-view=mini].is-ended.anim-to-recording .mini-panel__sparkle,[data-view=mini].is-idle.anim-to-recording .mini-panel__expand,[data-view=mini].is-ended.anim-to-recording .mini-panel__expand{opacity:0;transition:opacity 50ms ease}[data-view=mini].is-idle.anim-to-recording .mini-panel__active-logo,[data-view=mini].is-ended.anim-to-recording .mini-panel__active-logo{display:block!important;background:#c5362b!important;-webkit-mask:url(/assets/logo.svg) center / contain no-repeat;mask:url(/assets/logo.svg) center / contain no-repeat;opacity:1!important;position:absolute;left:9px;top:50%;animation:logoFromCenterToLeft .58s cubic-bezier(.16,1,.2,1) 50ms both}[data-view=mini].is-idle.anim-to-recording .mini-panel__logo,[data-view=mini].is-ended.anim-to-recording .mini-panel__logo{display:none!important}[data-view=mini].is-idle.anim-to-recording .mini-panel__mode .mini-panel__hover-pill,[data-view=mini].is-ended.anim-to-recording .mini-panel__mode .mini-panel__hover-pill{background:#521c17!important;transition:background 50ms ease 0ms;left:9px;animation:pillFromCenterToLeft .58s cubic-bezier(.16,1,.2,1) 50ms both}[data-view=mini].is-idle.anim-to-recording .mini-panel__dots,[data-view=mini].is-ended.anim-to-recording .mini-panel__dots,[data-view=mini].is-idle.anim-to-recording .mini-panel__record-control,[data-view=mini].is-ended.anim-to-recording .mini-panel__record-control{display:flex!important;opacity:0;animation:iconFadeIn .15s ease .48s both}[data-view=mini].is-recording.recording-fade-in .mini-panel__active-logo{opacity:0;animation:iconFadeIn 80ms ease forwards}[data-view=mini].is-recording.anim-to-idle .mini-panel__active-logo,[data-view=mini].is-paused.anim-to-idle .mini-panel__active-logo{display:block!important;background:var(--ref-white)!important;-webkit-mask:url(/assets/logo.svg) center / contain no-repeat;mask:url(/assets/logo.svg) center / contain no-repeat;opacity:1!important;position:absolute;left:9px;top:50%;animation:logoFromLeftToCenter .58s cubic-bezier(.16,1,.2,1) 50ms both}[data-view=mini].is-recording.anim-to-idle .mini-panel__mode .mini-panel__hover-pill,[data-view=mini].is-paused.anim-to-idle .mini-panel__mode .mini-panel__hover-pill{background:transparent!important;transition:background 50ms ease 0ms;animation:pillMoveLeftToCenter .58s cubic-bezier(.16,1,.2,1) 50ms both}[data-view=mini].is-recording.anim-to-idle .mini-panel__dots,[data-view=mini].is-recording.anim-to-idle .mini-panel__record-control,[data-view=mini].is-paused.anim-to-idle .mini-panel__dots,[data-view=mini].is-paused.anim-to-idle .mini-panel__record-control{opacity:0!important;transition:opacity 50ms ease}[data-view=mini].is-recording.anim-to-idle .mini-panel__logo,[data-view=mini].is-paused.anim-to-idle .mini-panel__logo{display:none!important}[data-view=mini].is-recording.anim-to-idle .mini-panel__sparkle,[data-view=mini].is-paused.anim-to-idle .mini-panel__sparkle{display:block!important;opacity:0;animation:iconFadeIn .15s ease .48s both}[data-view=mini].is-recording.anim-to-idle .mini-panel__expand,[data-view=mini].is-paused.anim-to-idle .mini-panel__expand{display:flex!important;opacity:0;animation:iconFadeIn .15s ease .48s both}[data-view=mini].is-idle.logo-fade-in .mini-panel__logo,[data-view=mini].is-ended.logo-fade-in .mini-panel__logo{opacity:0;animation:iconFadeIn 80ms ease forwards}[data-view=mini].is-idle.anim-to-recording .mini-panel__center .mini-tooltip,[data-view=mini].is-ended.anim-to-recording .mini-panel__center .mini-tooltip{opacity:0!important;visibility:hidden!important;transition:none!important}[data-view=mini].is-idle.anim-to-recording .mini-panel__center .mini-panel__hover-pill,[data-view=mini].is-ended.anim-to-recording .mini-panel__center .mini-panel__hover-pill{background:transparent!important;transition:none}@keyframes morphToCollapsedRecording{0%{width:326px;height:90px;border-radius:47px;left:50%;transform:translate(-50%)}to{width:130px;height:72px;border-radius:36px;left:50%;transform:translate(-50%)}}@keyframes morphToMiniRecording{0%{width:130px;height:72px;border-radius:36px;left:50%;transform:translate(-50%)}to{width:326px;height:90px;border-radius:47px;left:50%;transform:translate(-50%)}}[data-view=mini].is-morph-to-collapsed .mini-panel__mode,[data-view=mini].is-morph-to-collapsed .mini-panel__center,[data-view=mini].is-morph-to-collapsed .mini-panel__actions{opacity:0;transition:opacity 50ms ease}[data-view=mini].is-morphing-to-collapsed{animation:morphToCollapsedRecording .45s cubic-bezier(.4,0,.1,1) forwards;overflow:hidden}[data-view=mini].is-morphing-to-collapsed .mini-panel__mode,[data-view=mini].is-morphing-to-collapsed .mini-panel__center,[data-view=mini].is-morphing-to-collapsed .mini-panel__actions{opacity:0}[data-view=collapsed].is-waveform-fadeout .collapsed-waveform{opacity:0;transition:opacity 50ms ease}[data-view=mini].is-morphing-to-mini{left:50%;transform:translate(-50%);animation:morphToMiniRecording .45s cubic-bezier(.4,0,.1,1) forwards;overflow:hidden}[data-view=mini].is-morphing-to-mini .mini-panel__mode,[data-view=mini].is-morphing-to-mini .mini-panel__center,[data-view=mini].is-morphing-to-mini .mini-panel__actions{opacity:0}[data-view=mini].is-morph-to-mini-done .mini-panel__mode,[data-view=mini].is-morph-to-mini-done .mini-panel__center,[data-view=mini].is-morph-to-mini-done .mini-panel__actions,[data-view=mini].is-morph-to-mini-done .mini-panel__active-logo,[data-view=mini].is-morph-to-mini-done .mini-panel__dots,[data-view=mini].is-morph-to-mini-done .mini-panel__record-control{opacity:0;animation:iconFadeIn .1s ease forwards}[data-view=collapsed].is-waveform-fadein .collapsed-waveform{opacity:1;transition:opacity .1s ease}[data-view=collapsed].is-waveform-fadein-start .collapsed-waveform{opacity:0}[data-view=mini].is-aborting-morph .mini-panel__mode,[data-view=mini].is-aborting-morph .mini-panel__center,[data-view=mini].is-aborting-morph .mini-panel__actions{opacity:0!important;transition:none!important}@keyframes morphCollapsedToRecording{0%{width:96px;height:17px;border-radius:8px;left:50%;transform:translate(-50%)}to{width:130px;height:72px;border-radius:36px;left:50%;transform:translate(-50%)}}@keyframes morphCollapsedToIdle{0%{width:130px;height:72px;border-radius:36px;left:50%;transform:translate(-50%)}to{width:96px;height:17px;border-radius:8px;left:50%;transform:translate(-50%)}}[data-view=collapsed].is-morph-to-recording{animation:morphCollapsedToRecording .3s cubic-bezier(.4,0,.1,1) forwards;overflow:hidden}[data-view=collapsed].is-morph-to-recording .collapsed-waveform{opacity:0}[data-view=collapsed].is-morph-to-idle{animation:morphCollapsedToIdle .3s cubic-bezier(.4,0,.1,1) forwards;overflow:hidden}[data-view=collapsed].is-morph-to-idle .collapsed-waveform{opacity:0!important;transition:none!important}[data-view=mini].is-fading-out{opacity:0;transition:opacity .2s cubic-bezier(.16,1,.2,1);pointer-events:none}[data-view=expanded].is-fading-in{opacity:0;animation:expandedFadeIn .45s cubic-bezier(.4,0,.1,1) forwards}@keyframes expandedFadeIn{0%{opacity:0}to{opacity:1}}[data-view=expanded].is-fading-in .expanded-panel__idle-content{opacity:0!important}[data-view=expanded].is-content-fading-in .expanded-panel__idle-content{opacity:0;animation:expandedFadeIn .25s cubic-bezier(.4,0,.1,1) forwards}[data-view=expanded].is-fading-out{opacity:0;transition:opacity .2s cubic-bezier(.16,1,.2,1);pointer-events:none}[data-view=collapsed].is-fading-in{opacity:0;transition:opacity .1s ease}[data-view=expanded].is-fading-in .expanded-panel__idle-content,[data-view=expanded].is-fading-in .expanded-panel__idle-content kbd{opacity:0!important;transition:none!important}