@font-face{font-family:font-folio;src:url(/_next/static/media/font.3db85305.woff2) format("woff2"),url(/_next/static/media/font.4c4951dc.woff) format("woff");font-weight:400;font-style:normal;font-display:optional}:root{--aspect-ratio:1/1.618;--blur-radius:1rem;--opacity-level:.9;--font:monospace;--font-size:16px;--btn-padding:22px;--btn-radius:10px;--transition:background-color .681s ease;--fg:var(--app-foreground);--bg:var(--app-background);--bg-translucent:rgba(255 255 255/.88);--shadow-light:0 1rem 2rem rgba(64,64,64,.18);--accent:#007bff;--accent-hover:#0056b3;--accent-active:#004085;--perm:#2196f3;--perm-hover:#1769aa;--perm-active:#115293;--start:#28c76f;--start-hover:#22ab5e;--start-active:#1d944e;--stop:#ff5c5c;--stop-hover:#e04646;--stop-active:#c0392b}@media(prefers-color-scheme:dark){:root{--fg:#fff;--bg:#000;--bg-translucent:rgba(0 0 0/.82);--shadow-light:0 1rem 2rem rgba(0,0,0,.33)}}html.dark{--fg:#fff;--bg:#000;--bg-translucent:rgba(0 0 0/.82);--shadow-light:0 1rem 2rem rgba(0,0,0,.33)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:0;height:0}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{background:transparent}#__next,body,html{width:100vw;min-height:100vh;background:linear-gradient(var(--bg-translucent),var(--bg-translucent)),url(/logo.png) no-repeat 50% fixed;background-size:cover;background-color:var(--bg);color:var(--fg);font-size:clamp(16px,4vw,5rem);font:var(--font-size) var(--font);overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font-size:16px;line-height:2;cursor:pointer;pointer-events:auto;z-index:9999}.frame,.frame-wrapper{position:absolute;width:100vw;height:100vh;inset:0}.frame-wrapper{overflow:hidden}.frame{background-size:100% 100%;pointer-events:none;z-index:9999}.content,.vibe-bg{position:absolute;top:50vh;left:50%;width:min(100vw,calc(100vh*1200/1920));transform:translate(-50%,-50%);-webkit-mask-image:linear-gradient(180deg,transparent,black 32px,black calc(100% - 32px),transparent);mask-image:linear-gradient(180deg,transparent,black 32,black calc(100% - 32px),transparent)}.content{height:calc(60vh*1920/1200);border-radius:1.5rem;overflow:auto;z-index:1}.note-frequency-display{padding:32px;font-size:32px;line-height:2;text-align:center}.button,input,select#waveform-select,textarea{display:block;margin:0 auto 16px;width:min(67vw,calc((67vh*1200/1920)-3.33rem));padding:var(--btn-padding);font-size:16px;font-weight:600;border-radius:var(--btn-radius);cursor:pointer;transition:var(--transition);pointer-events:auto!important;z-index:2;text-align:center}.button{font-size:16px;color:#f0f0f0;background:var(--accent);text-transform:uppercase}.button:hover{background:var(--accent-hover)}.button:active{background:var(--accent-active)}.button--permission{background:var(--perm)}.button--permission:hover{background:var(--perm-hover)}.button--permission:active{background:var(--perm-active)}.button--start{background:var(--start)}.button--start:hover{background:var(--start-hover)}.button--start:active{background:var(--start-active)}.button--stop{background:var(--stop)}.button--stop:hover{background:var(--stop-hover)}.button--stop:active{background:var(--stop-active)}.permission-buttons .button{z-index:3}select#waveform-select{border:2px solid #ccc;color:#333;margin-top:.9375rem}select#waveform-select:focus{border-color:var(--accent);background:#f0f0f0;outline:none}[class*=dropdown],[class*=menu],[class*=popover],[data-radix-popper-content-wrapper],[role=listbox]{left:auto!important;right:auto!important;box-sizing:border-box!important}.scrollable{-webkit-user-select:text;user-select:text;touch-action:auto}.inputData{display:block;margin:0 auto;font-size:1rem;text-align:center}.menu{position:fixed;bottom:0;width:90vw;height:100vh;max-height:100vh;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:var(--bg-translucent);box-shadow:inset 0 0 4px var(--bg);display:flex;flex-direction:column;align-items:center;transform:translateY(100%);overflow:hidden;transition:transform .43s ease-in-out;touch-action:pan-y;z-index:9999}.menu-spacer{height:0}.menu.open{transform:translateY(0)}.menu .drag-handle{position:absolute;top:0;left:0;right:0;height:88px;width:100%;display:flex;align-items:center;justify-content:center;cursor:ns-resize;touch-action:pan-y;z-index:9998}.menu-main{position:relative;height:100%;width:100%;overflow-y:auto;touch-action:pan-y}.menu p{color:rgba(43,43,43,.89);font-size:1rem;text-align:center;padding:8px;word-wrap:break-word}.app-buttons{border:1px solid #000;z-index:9999}.menu-main::-webkit-scrollbar{width:0;background:transparent}@media(prefers-color-scheme:dark){.menu{background-color:rgba(19,19,19,.89)}.menu .drag-handle-line{background-color:rgba(123,123,123,.13)}.menu p{color:rgba(242,242,242,.89)}}@media(min-width:1024px){.menu{width:420px;height:64vh}}@media(max-width:768px){.menu{width:100vw;height:70vh;left:0;right:0;border-radius:0}.menu p{font-size:18px}.menu .drag-handle{height:40px}.app-buttons{font-size:16px}}.hide-scrollbar{overflow-y:auto;scroll-behavior:smooth}.hide-scrollbar::-webkit-scrollbar,.hide-scrollbar::-webkit-scrollbar-thumb,.hide-scrollbar::-webkit-scrollbar-track{background:transparent;width:0}.swap-wrapper{padding:32px;display:flex;justify-content:center}.swap-button{border-radius:50%;overflow:hidden;width:64px;height:64px;box-shadow:0 0 12px rgba(0,0,0,.25);transition:transform .3s ease}.swap-button:hover{transform:scale(1.1)}