@import"https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap";@font-face{font-family:SFMono;src:url(./SFMono-Light-BdmEwQYJ.woff2) format("woff2"),url(./SFMono-Light-CRk0stpF.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:SFMono;src:url(./SFMono-LightItalic-6EO-e3kv.woff2) format("woff2"),url(./SFMono-LightItalic-CSiSDFVP.woff) format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:SFMono;src:url(./SFMono-Semibold-DqCBm4Ev.woff2) format("woff2"),url(./SFMono-Semibold-BhmE-PBN.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}:root{--white: #ffffff;--dark-grey: #1C1C1E;--medium-grey: #a9a9a9;--color-primary: #FF9500;--color-secondary: #9E7701;--color-tertiary: #E0AB00;--text-primary: var(--white);--accent-color: var(--color-primary);--logo-height: 200px;--logo-width: var(--logo-height);--font-family-mono: "Courier Prime", "Courier New", monospace}@media (min-width: 600px){:root{--logo-height: 300px}}@media (min-width: 1024px){:root{--logo-height: 400px}}html{font-size:16px}body{font-family:var(--font-family-mono);line-height:1.6;color:var(--text-primary);min-height:100vh;overflow-y:auto;overflow-x:hidden}.splash-container{position:relative;width:100%;min-height:100vh;display:flex;align-items:stretch;justify-content:center;gap:2rem}.splash-black-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:1000;animation:fadeOutBlack 6s ease-out forwards}.splash-background{position:absolute;top:0;left:0;width:100%;height:100%;min-height:100vh;background-image:url(./desert-scene-DeHDi7eR.jpg);background-position:center;background-repeat:no-repeat;z-index:-2;opacity:0;animation:fadeInBackground 8s ease-out .5s forwards}@media (min-width: 1024px){.splash-background{background-size:cover}}@media (min-width: 1400px){.splash-background{background-position:center 40%}}@media (min-width: 2500px){.splash-background{background-position:center 35%}}.splash-background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;min-height:100vh;background-color:var(--accent-color);opacity:.16;mix-blend-mode:screen;z-index:-1}.splash-content{flex:1;display:flex;flex-direction:column;text-align:center;gap:8rem;z-index:1;padding-block-start:4rem;padding-block-end:2rem;width:100%}header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4rem;padding-block-start:4rem;overflow:visible}footer{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:1rem;text-align:center;color:var(--color-secondary);font-size:clamp(.5rem,2vw,.875rem);opacity:0;animation:fadeIn 2s ease-out 6.8s both}.splash-title-window{font-size:clamp(2rem,8vw,6rem);font-weight:600;color:var(--white);margin-bottom:1rem;background-color:var(--dark-grey);padding-inline:clamp(1rem,3vw,3rem);padding-block:1.25rem;border-radius:2rem;opacity:0;animation:fadeInUp 2s ease-out 2.5s both;display:flex;align-items:flex-start;justify-content:flex-start;overflow:visible;position:relative;min-height:1.3em;transition:height .4s ease-out}.splash-title-lines{display:flex;flex-direction:column;width:100%}.splash-title-line{color:var(--white);line-height:1.3em;min-height:1.3em;white-space:nowrap;text-align:left}.splash-title-line.title-line{font-size:clamp(2rem,8vw,6rem);font-weight:600}.splash-title-line.song-title-line{font-size:clamp(1rem,4vw,3rem);font-weight:300;margin-top:2rem;margin-bottom:1rem}.splash-title-line.label-line{font-size:clamp(.9rem,2vw,1.5rem);font-weight:300;line-height:1.3;margin-block-start:1rem;color:var(--medium-grey)}.splash-title-line.chord-line{font-size:clamp(1.5rem,4vw,3rem);font-weight:600;line-height:1.3em;min-height:1.3em;margin-block-end:1rem;letter-spacing:.05em}.splash-title-cursor{color:var(--white);animation:blink 1s infinite;margin-left:2px;position:absolute;left:2rem;top:0;transition:top .3s ease-out,font-size .3s ease-out,line-height .3s ease-out}.splash-title-cursor.hidden{animation:none;opacity:0!important}.splash-title-row{display:flex;align-items:center;gap:1rem;width:100%}.splash-title-row .splash-title-line{flex:1;min-width:0}.splash-transpose-button{flex-shrink:0;position:relative;width:clamp(2rem,3vw,3rem);height:clamp(2rem,3vw,3rem);border-radius:50%;border:2px solid var(--white);background-color:var(--dark-grey);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .5s ease-out,border-color .2s ease,background-color .2s ease;z-index:10;padding:0;pointer-events:none}.splash-transpose-button.visible{opacity:1;pointer-events:auto}.splash-transpose-button.active{border-color:var(--color-primary);background-color:#8a4600}.splash-transpose-button.click-animation:before{content:"";position:absolute;top:50%;left:50%;width:3rem;height:3rem;border-radius:50%;background:#ff95004d;transform:translate(-50%,-50%) scale(0);animation:clickRipple .6s ease-out;pointer-events:none;z-index:-1}@keyframes clickRipple{0%{transform:translate(-50%,-50%) scale(0);opacity:.7}50%{transform:translate(-50%,-50%) scale(2);opacity:.4}to{transform:translate(-50%,-50%) scale(5);opacity:0}}.splash-transpose-button-icon{width:clamp(1rem,1.5vw,1.5rem);height:clamp(1rem,1.5vw,1.5rem);pointer-events:none;filter:brightness(0) invert(1)}.splash-key-tempo-area{display:flex;align-items:center;gap:.75rem;margin-top:1rem;margin-bottom:.5rem;padding-block:.75rem;width:100%;flex-shrink:0;max-height:0;opacity:0;overflow:hidden;pointer-events:none;transition:max-height .4s ease-out,opacity .4s ease-out;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.splash-key-tempo-area.visible{max-height:6rem;opacity:1;overflow:visible;pointer-events:auto}.splash-key-pill,.splash-tempo-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:9999px;font-size:clamp(.75rem,2vw,1rem);font-weight:600;color:var(--white);border:none;white-space:nowrap;flex-shrink:0}.splash-key-pill{background-color:var(--color-primary);cursor:pointer;transition:background-color .2s ease,opacity .2s ease;width:4.25rem}.splash-key-pill:hover{background-color:#e68a00}.splash-tempo-pill{background-color:var(--color-tertiary);cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.splash-tempo-pill:hover{background-color:#eabb10}.splash-key-pill .splash-pill-icon,.splash-tempo-pill .splash-pill-icon{width:1em;height:1em;flex-shrink:0;filter:brightness(0) invert(1)}.splash-slider-doors{flex:1;min-width:0;min-height:2.25rem;overflow-x:hidden;overflow-y:visible;position:relative}.splash-slider-doors-inner{display:flex;width:200%;transition:transform .35s ease-out}.splash-slider-doors.tempo-visible .splash-slider-doors-inner{transform:translate(-50%)}.splash-tempo-value{font-family:var(--font-family-mono);margin-bottom:-4px}.splash-key-pill{font-family:var(--font-family-mono);letter-spacing:.1em}.splash-key-pill span{margin-bottom:-4px}.splash-slider-panel{width:50%;flex-shrink:0;padding-inline:.25rem;padding-block:.5rem;min-height:2.25rem;display:flex;align-items:center;overflow:visible}.splash-slider-panel input[type=range]{width:100%;height:1rem;margin:0;padding:0;box-sizing:content-box;align-self:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;outline:none;--range-fill: 70%}.splash-slider-panel input[type=range]::-webkit-slider-container{height:1rem;display:flex;align-items:center}.splash-slider-panel input[type=range]::-webkit-slider-runnable-track{height:.5rem;align-self:center;border-radius:9999px;background:linear-gradient(to right,var(--color-primary) 0%,var(--color-primary) var(--range-fill),rgba(255,255,255,.15) var(--range-fill))}.splash-slider-panel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.25rem;height:1rem;border-radius:9999px;background:var(--white);cursor:pointer;box-shadow:0 0 0 2px var(--dark-grey);margin-top:-.25rem}.splash-slider-panel input[type=range]::-moz-range-thumb{width:2.25rem;height:1rem;border-radius:9999px;background:var(--white);cursor:pointer;border:none;box-shadow:0 0 0 2px var(--dark-grey)}.splash-slider-panel-tempo input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--color-tertiary) 0%,var(--color-tertiary) var(--range-fill),rgba(255,255,255,.15) var(--range-fill))}.splash-slider-panel input[type=range]::-moz-range-track{height:.5rem;border-radius:9999px;background:#ffffff26}.splash-slider-panel input[type=range]::-moz-range-progress{height:.5rem;border-radius:9999px;background:var(--color-primary)}.splash-slider-panel-tempo input[type=range]::-moz-range-progress{background:var(--color-tertiary)}.splash-play-button{position:absolute;width:clamp(2rem,3vw,3rem);height:clamp(2rem,3vw,3rem);border-radius:50%;border:2px solid var(--white);background-color:var(--dark-grey);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:right .5s ease-out,left .5s ease-out,top .5s ease-out,opacity .5s ease-out,border-color .2s ease,background-color .2s ease;z-index:10;padding:0;pointer-events:none;transform:translate(-50%);left:50%;top:-6rem}.splash-play-button.visible{opacity:1;pointer-events:auto;top:-1.5rem}@media (min-width: 1024px){.splash-play-button{left:auto;right:-4rem;top:50%;transform:translateY(-50%)}.splash-play-button.visible{right:-5rem;top:50%;transform:translateY(-50%)}}.splash-play-button:hover{border-color:var(--color-primary);background-color:#8a4600}.splash-play-button svg{width:1.5rem;height:1.5rem;pointer-events:none}.splash-mouse-cursor{position:fixed;width:24px;height:24px;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20width='100%25'%20height='100%25'%20viewBox='0%200%2017%2022'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xml:space='preserve'%20xmlns:serif='http://www.serif.com/'%20style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3e%3cg%20id='Artboard1'%20transform='matrix(0.944444,0,0,0.956522,-13.222222,-0.956522)'%3e%3crect%20x='14'%20y='1'%20width='18'%20height='23'%20style='fill:none;'/%3e%3cg%20transform='matrix(1.058824,0,0,1.045455,-0.823529,-0.045455)'%3e%3cpath%20d='M19,1L21,1L21,2L22,2L22,6L24,6L24,7L27,7L27,8L29,8L29,9L30,9L30,10L31,10L31,17L30,17L30,20L29,20L29,23L19,23L19,20L18,20L18,18L17,18L17,16L16,16L16,14L15,14L15,13L14,13L14,10L17,10L17,11L18,11L18,2L19,2'%20style='fill-rule:nonzero;'/%3e%3c/g%3e%3cg%20transform='matrix(1.058824,0,0,1.045455,-0.823529,-0.045455)'%3e%3cpath%20d='M21,2L21,11L22,11L22,7L24,7L24,11L25,11L25,8L27,8L27,12L28,12L28,9L29,9L29,10L30,10L30,17L29,17L29,20L28,20L28,22L20,22L20,20L19,20L19,18L18,18L18,16L17,16L17,14L16,14L16,13L15,13L15,11L17,11L17,12L18,12L18,13L19,13L19,2'%20style='fill:white;fill-rule:nonzero;'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat;opacity:0;pointer-events:none;z-index:20;transition:opacity .3s ease;transform:translate(-50%,-50%);cursor:pointer}.splash-mouse-cursor.visible{opacity:1}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.splash-title-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;position:relative}.splash-logo-wrapper{position:relative;width:var(--logo-width);height:var(--logo-height);margin-bottom:1rem;overflow:visible}.splash-logo-wrapper:after{content:"";position:absolute;bottom:-60px;left:50%;transform:translate(-50%) scaleY(.3) scaleX(2);width:110%;height:80px;background:radial-gradient(ellipse,#0006,#0000 70%);border-radius:50%;z-index:-1;opacity:0;animation:fadeInShadow 2s ease-out 6s both}.splash-logo{width:100%;height:100%;object-fit:contain;opacity:0;position:relative;animation:fadeInFromTop 2s ease-out 6s both}.splash-subtitle{font-size:clamp(1.40625rem,3.125vw,1.875rem);color:var(--color-secondary);margin-bottom:3rem;font-weight:300;opacity:0;animation:fadeInUp 1s ease-out 6.8s both}.splash-email{font-size:clamp(1rem,3vw,1.5rem);font-style:italic;color:var(--color-primary);font-weight:300;margin-bottom:1rem;text-decoration:none;transition:opacity .2s ease}.splash-email:hover{opacity:.8;text-decoration:underline}.splash-app-store-button-image{width:clamp(100px,20vw,200px)}.splash-app-store-button{position:relative;opacity:0;animation:fadeIn 2s ease-out 6.8s both}.splash-app-store-button:hover .splash-app-store-button-soon{opacity:1;cursor:not-allowed}.splash-app-store-button:hover img{opacity:.1}.splash-app-store-button .splash-app-store-button-soon{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);line-height:1;color:var(--color-tertiary);font-size:clamp(5rem,10vw,10rem);font-style:italic;opacity:0;transition:opacity .2s ease}@keyframes fadeOutBlack{0%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes fadeInBackground{0%{opacity:0}30%{opacity:1}80%{opacity:1}to{opacity:.3}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInFromTop{0%{opacity:0;transform:translateY(-800px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInShadow{0%{opacity:0;transform:translate(-50%) scaleY(.3) scaleX(2)}to{opacity:1;transform:translate(-50%) scaleY(.3) scaleX(1)}}@media (max-width: 768px){.splash-content{padding:1.5rem}.btn{padding:.875rem 2rem;font-size:1rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}