.logo-wrapper{display:block!important;width:100%!important;max-width:300px!important;margin:0 auto 15px!important;text-align:center!important}@media (max-width:768px){.logo-wrapper{max-width:none!important;width:100%!important;text-align:center!important;padding:0 20px!important;box-sizing:border-box!important}}.container{padding-bottom:28px}@media (max-width:480px){.logo-wrapper{max-width:none!important;margin-bottom:10px!important;width:100%!important;text-align:center!important}}.logo-landing{max-width:200px!important;width:100%!important;height:auto!important;display:block!important;opacity:1!important;visibility:visible!important;margin:0 auto!important}@media (max-width:768px){.logo-landing{max-width:250px!important;width:80%!important}}.logo-link{display:block!important;text-decoration:none!important;border:none!important;outline:none!important;width:100%!important}.logo-container{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:60px;margin-bottom:20px}@media (max-width:768px){.mobile-layout-container,.samples-between,.samples-desktop,.upload-section{padding-left:12px;padding-right:12px;box-sizing:border-box}.container{padding-bottom:28px}.mobile-layout-container{max-width:720px;margin-left:auto;margin-right:auto}.logo-container{gap:15px;margin-top:40px;margin-bottom:15px}}.dudek-logo{width:70px;filter:grayscale(0)}.byteway-logo{width:90px;filter:grayscale(0)}.mozarsky-logo{width:40px;filter:grayscale(0)}.bv-logo{width:50px}.bv-logo,.dpr-logo{filter:grayscale(0)}.dpr-logo{width:22px}.upload-buttons{display:flex;flex-direction:column;align-items:center;gap:6px}.upload-buttons .button-upload{margin-bottom:0}.button-upload-top{position:relative;z-index:2}.button-sample{z-index:1;margin-top:-10px;padding:20px 15px 7px;position:relative;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-weight:400;line-height:16px;text-decoration:none;margin:8;cursor:pointer;transition:transform .25s cubic-bezier(.165,.84,.44,1),border-color .25s cubic-bezier(.165,.84,.44,1),box-shadow .25s cubic-bezier(.165,.84,.44,1),background-color .25s cubic-bezier(.165,.84,.44,1);-webkit-tap-highlight-color:transparent;background-color:transparent;color:#000;border:2px solid #000;border-radius:8px;font-size:16px;padding:6px 15px 7px;opacity:1;user-select:none;box-shadow:none;white-space:nowrap}.button-sample:hover{transform:translateY(-5px);box-shadow:0 5px 0 #000}.button-sample.uploaded{color:white;border:2px solid white;opacity:.6}.button-sample.uploaded:hover{box-shadow:0 5px 0 white}.version-text{border:1px solid rgba(0,0,0,.3);border-radius:4px;opacity:.8;padding:3px 8px;margin-top:5px;margin-bottom:20px;font-size:12px;text-align:center}.tagline{font-size:16px;font-weight:400;letter-spacing:.4em;color:black;text-transform:uppercase;margin:20px 0}@media (max-width:768px){.tagline{font-size:14px;letter-spacing:.3em;margin:15px 0}}.heading-uploaded,.upload-heading{font-size:24px;font-weight:regular;text-align:left;margin-bottom:10px}.heading-uploaded{color:#fff}.page-glow{position:fixed;left:50%;top:45%;transform:translate(-50%,-50%);width:120vw;height:120vh;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(224,255,0,.84) 0,rgba(224,255,0,.66) 2%,rgba(224,255,0,.4) 6%,rgba(224,255,0,0) 15%);filter:blur(14px);opacity:1;will-change:opacity,transform,filter;animation:glowIn .52s cubic-bezier(.2,.9,.2,1) .16s both}@keyframes glowIn{0%{opacity:0;transform:scale(.96);filter:blur(6px)}60%{opacity:1;transform:scale(1.02);filter:blur(10px)}to{opacity:1;transform:scale(1);filter:blur(10px)}}@media (max-width:768px){.button.play-compare,.play-compare{font-size:17px;padding:14px 22px}.dudek-logo{width:60px}.byteway-logo{width:70px}.mozarsky-logo{width:30px}.bv-logo{width:45px}.dpr-logo{width:19px}.samples-between{display:block;margin:15px 0;padding:15px 10px;width:100%;box-sizing:border-box;order:2}.samples-desktop{display:none}.upload-section{display:flex;flex-direction:column;width:100%}.upload-a-wrapper{order:1}.upload-b-wrapper{order:3}.samples-between .samples-inner{flex-direction:column;align-items:center;gap:2px}.samples-between .samples-title{text-align:center;font-size:14px;white-space:normal}.samples-between .samples-buttons{margin-top:2px}.upload-containers{display:flex;flex-direction:column;gap:10px;width:100%;padding:0 5px;box-sizing:border-box}.upload-a-container,.upload-a-wrapper,.upload-b-container,.upload-b-wrapper{width:100%}.upload-container{padding:12px 10px 10px;max-width:100%;width:100%}.upload-buttons{gap:2px;margin-bottom:2px}.file-label-container{margin-top:2px;gap:4px}.button-upload{font-weight:600}.button-container{display:flex;justify-content:center;width:100%;margin:0 auto}.samples-box{margin-top:0;padding:8px;width:100%;box-sizing:border-box}.button.play-compare,.play-compare{display:inline-flex;align-items:center;justify-content:center;font-size:15px;padding:12px 18px;line-height:1;width:auto!important;max-width:max-content;box-sizing:border-box;margin:0;white-space:nowrap}.button-container-mobile{display:flex;justify-content:center;width:100%;margin-top:8px}.button-container-mobile-inline,.button-container-under-uploads{display:none}}.samples-box{background:#f5f5f5;border:none;padding:18px 18px 12px;border-radius:8px;display:flex;justify-content:center;position:relative}.samples-desktop{margin-top:20px;width:90%;max-width:700px;margin-left:auto;margin-right:auto}.samples-between{margin:15px 0;width:100%}@media (max-width:768px){.upload-section{width:100%}.mobile-layout-container{display:flex;flex-direction:column;width:100%;order:1}.samples-between{display:block!important;order:2;margin-top:0;margin-bottom:0}.upload-a-wrapper{order:1;margin-bottom:0}.upload-b-wrapper{order:3;margin-top:0}.samples-desktop{display:none!important}.button-container-under-uploads{display:flex!important;justify-content:center;width:100%;margin-top:28px;margin-bottom:18px;visibility:visible!important;z-index:5;position:relative;align-items:center}}@media (min-width:769px){.upload-section{display:block;padding-left:24px;padding-right:24px;box-sizing:border-box}.mobile-layout-container,.upload-section{max-width:1200px;margin-left:auto;margin-right:auto}.mobile-layout-container{display:flex;flex-direction:row;justify-content:center;gap:30px;width:100%;margin-bottom:0}.upload-a-wrapper,.upload-b-wrapper{flex:1 1 48%;max-width:48%}.button-container-desktop{display:flex;justify-content:center;width:100%}.upload-containers{display:block;width:100%}.upload-container{padding:16px;height:100%;min-height:180px;display:flex;flex-direction:column}.samples-desktop{display:flex!important;justify-content:center;clear:both;padding-left:24px;padding-right:24px;width:fit-content;max-width:900px;margin:30px auto 20px;box-sizing:border-box}.button-container-under-uploads{display:flex;justify-content:center;width:100%;margin-top:10px;position:relative}.button-container-mobile,.button-container-mobile-inline{display:none!important}}.samples-inner{display:inline-flex;align-items:baseline;gap:12px}.samples-title{font-weight:600;color:#111;line-height:44px;white-space:nowrap}.samples-buttons{display:inline-flex;gap:2px;align-items:flex-end}.samples-between{display:none}.samples-desktop{display:inline-flex}.samples-buttons .button-sample{width:44px;min-width:44px;padding:6px 0!important;display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box}.button-sample.selected{background:#e0ff00;color:black;transform:translateY(-5px);box-shadow:0 5px 0 #000;border:2px solid #000}.play-compare{background-color:#ffffff;color:inherit}.play-compare:active,.play-compare:hover{background-color:#e0ff00;color:#000}.play-compare[disabled]{opacity:.5;pointer-events:none;filter:grayscale(20%)}@media (max-width:768px){.desktop-glow{display:none}.mobile-button-glow-container{position:absolute;width:260px;height:72px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;transition:opacity .28s ease;pointer-events:none;display:flex;align-items:center;justify-content:center;padding-bottom:0}.mobile-button-glow{width:280px;height:72px;border-radius:9999px;background:radial-gradient(circle at 50% 42%,rgba(224,255,0,.64) 0,rgba(224,255,0,.42) 26%,rgba(224,255,0,.18) 52%,rgba(224,255,0,0) 100%);filter:blur(16px);opacity:1;transform:translateY(6px);will-change:opacity,transform,filter;pointer-events:none;box-shadow:0 6px 24px rgba(224,255,0,.12)}@media (max-width:360px){.mobile-button-glow-container{width:220px;height:64px}.mobile-button-glow{width:220px;height:56px;filter:blur(14px);background:radial-gradient(circle at 50% 42%,rgba(224,255,0,.68) 0,rgba(224,255,0,.46) 26%,rgba(224,255,0,.22) 52%,rgba(224,255,0,0) 100%)}}}@media (min-width:769px){.mobile-button-glow-container{display:none}}.material-icons.icon-small{font-size:18px;vertical-align:middle;margin-right:4px}.upload-container{position:relative;z-index:2}.bmc-container{display:flex;justify-content:center;align-items:center;margin-top:60px;margin-bottom:20px}.bottom-spacer{height:36px;width:100%}.bmc-button{font-size:14px!important;padding:10px 20px!important;white-space:nowrap}@media (max-width:480px){.logo-container{margin-top:8px;margin-bottom:8px;gap:8px}.version-text{margin-bottom:6px;font-size:11px;padding:2px 6px}.logo-landing{max-width:140px!important}.tagline{margin:8px 0;font-size:11px;letter-spacing:.2em}.upload-container{min-height:140px;padding:8px 6px}.samples-between,.samples-box{padding:4px 6px;margin:0}.samples-between .samples-title{font-size:12px}.button.play-compare{font-size:15px;padding:8px 12px;width:auto;max-width:360px}.button-container-mobile{margin-top:4px;margin-bottom:10px}.container{padding-bottom:36px}.file-label-container .input-label{height:30px;font-size:13px;padding:4px 6px}}.compare-actions{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.save-share{display:inline-flex;align-items:center;gap:6px;font-size:14px;padding:10px 18px;cursor:pointer;background-color:#fff}.save-share:hover{background-color:#e0ff00;color:#000}.save-share[disabled]{opacity:.5;pointer-events:none}.save-share-hint{font-size:12px;opacity:.7;margin:0}.save-share-hint a{color:#000;font-weight:700;text-decoration:underline}@media (max-width:768px){.version-text{margin-top:2px;margin-bottom:12px;font-size:11px;padding:2px 6px}.logo-wrapper{margin-bottom:4px!important}.logo-landing{max-width:170px!important;width:170px!important;min-width:0!important}.tagline{margin:4px 0 18px;font-size:11px;letter-spacing:.25em}.back-arrow-container{margin-bottom:2px}.upload-container{min-height:0!important;padding:10px 10px 12px!important;margin:4px 0}.heading-uploaded,.upload-heading{font-size:20px;margin-bottom:2px}.file-info,.file-info.file-uploaded{padding-top:2px;margin-top:0}.input-label{margin-top:6px;padding:6px}.samples-between,.samples-box{padding:8px 8px 10px!important}.button-container-under-uploads{position:relative;margin-top:18px!important;margin-bottom:6px}.compare-actions{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px}.save-share{font-size:13px;padding:10px 14px}.save-share-hint{width:100%;text-align:center;font-size:10px;margin:0}.bottom-spacer{display:none}}.save-share-locked{position:relative;text-decoration:none}.locked-badge{font-size:9px;font-weight:700;letter-spacing:.08em;background:#e9e9e9;color:#555;border:1px solid #bbb;border-radius:9999px;padding:2px 8px;margin-left:6px;white-space:nowrap}@media (max-width:768px){.container.is-playing .bmc-container,.container.is-playing .bottom-spacer{display:none}.container.is-playing .logo-container{margin-top:24px}}.mobile-layout-container{position:relative}.upload-waveform-axis{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:64px;z-index:0;pointer-events:none}@media (max-width:768px){.upload-waveform-axis{height:48px}}.compare-container{padding-top:92px!important}@media (max-width:480px){.compare-container{padding-top:80px!important}}.compare-container .logo-container{margin-top:auto;padding-top:40px}.samples-inner{align-items:center!important}.samples-title{line-height:1.3!important}.samples-buttons{align-items:center!important}@media (max-width:768px){.samples-between.samples-box{max-width:340px;margin-left:auto!important;margin-right:auto!important;width:auto!important;border-radius:12px}.mobile-layout-container{flex-direction:row!important;flex-wrap:wrap;gap:10px}.upload-a-wrapper{order:1!important}.upload-a-wrapper,.upload-b-wrapper{flex:1 1 calc(50% - 5px)!important;max-width:calc(50% - 5px)!important;width:auto!important}.upload-b-wrapper{order:2!important}.samples-between{order:3!important;flex:1 1 100%}.upload-container{padding:10px 8px 12px!important}.heading-uploaded,.upload-heading{align-self:center;text-align:center}.button-upload{font-size:11px;padding:6px 9px}.file-name{overflow-wrap:anywhere;text-align:center;margin:0}.file-name,.input-label{font-size:11px}}