:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#393939;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%;min-height:100svh;position:relative;overflow-x:hidden}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (display-mode: standalone) and (max-width: 768px){html,body{height:calc(100% - 12px);min-height:calc(100svh - 12px)}}#root{width:100%;height:100%}.mic-status{display:flex;position:absolute;bottom:20px;right:20px;width:fit-content;place-items:center;background-color:#2d2d2d;border-radius:20px;padding:10px;color:#e8eaed;transition:width .5s ease;cursor:pointer}.mic-status>svg.recording{color:#ff7171}.mic-status .details{display:flex;flex-direction:column;margin:0 6px;justify-content:center;height:100%;line-height:1.2}.mic-status .status{font-weight:600}.mic-status .time{font-size:14px}.mic-status .record-msg{white-space:nowrap;font-size:13px}@media (max-width: 768px){.mic-status{bottom:10px;right:10px}}.collapse{transition:max-width .2s ease;overflow:hidden}.sidebar{display:flex;flex-direction:column;gap:10px;position:absolute;top:20px;right:20px;bottom:20px;max-width:calc(100vw - 130px);padding:10px 20px;transform:translate(calc(100% + 20px));transition:transform .3s ease;background:#272727;border-radius:20px}.sidebar.open{transform:none}.sidebar>.sidebar-settings{margin-top:10px}@media (max-width: 768px){.sidebar{top:10px;right:10px;bottom:10px;transform:translate(calc(100% + 10px))}}.sidebar-button{position:absolute;top:0;left:-20px;padding:10px;transform:translate(-100%);background-color:#2d2d2d;border-radius:20px}.sidebar-button .icon-button{width:40px;height:40px}@media (max-width: 768px){.sidebar-button{left:-10px}}.icon-button{cursor:pointer}.icon-button.animate{transition:transform .2s}.icon-button.animate:hover{transform:scale(1.1)}.icon-button.hover-background{border-radius:50%;transition:background-color .2s}.icon-button.hover-background:hover{background-color:#0003}.sidebar-header{display:flex;align-items:center;overflow:hidden}.sidebar-header>.icon-button{width:40px;height:40px;margin-left:auto}.logo{display:flex;align-items:center;gap:4px;font-size:36px;font-weight:600;font-family:Righteous}.sidebar-menu{display:flex;flex-direction:column;gap:6px}.sidebar-menu>h2{margin:0}.sidebar-menu>.menu-items{display:flex;flex-direction:column;gap:14px}.sidebar-menu-item{display:flex;position:relative;align-items:center;gap:6px;padding:8px 10px;border:2px solid #fff;border-radius:8px;color:#fff;overflow:hidden;transition:color .25s}.sidebar-menu-item>svg{position:relative;width:24px;height:24px}.sidebar-menu-item>span{position:relative}.sidebar-menu-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff;transform:translate(-100%);transition:transform .25s}.sidebar-menu-item:hover{color:#000}.sidebar-menu-item:hover:before{transform:initial}.sidebar-settings{display:flex;flex-direction:column;gap:6px}.sidebar-settings>h2{margin:0}.pitch-settings{display:flex;flex-direction:column;gap:10px}.pitch-settings input[type=range]{width:100%}.setting{padding:12px 12px 10px 10px;background-color:#1e1e1e;border-radius:10px}.setting .header{display:flex;justify-content:space-between;margin-left:2px}.sidebar-footer{display:flex;justify-content:center;gap:10px;margin-top:auto}.pitch-monitor{height:100%}.line-graph{display:flex;flex-direction:column;width:100%;height:100%}