@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.lesson-card{background-color:#d9468f;border-radius:1rem;box-shadow:0 2px 10px #0000001a;color:#fff;height:75px;margin-top:2rem;opacity:70%;padding:1.25rem}.tool-button{align-items:center;background:#d9468f;border:none;border-radius:9999px;box-shadow:0 6px #a6366e;color:#fff;cursor:pointer;display:flex;font-size:24px;height:60px;justify-content:center;margin-bottom:8px;margin-top:1rem;position:relative;transition:transform .1s ease;width:60px}.tool-button:active{box-shadow:0 4px #a6366e;transform:translateY(2px)}.tool-button:hover{transform:scale(1.05)}.tool-button.cursor-not-allowed:hover{transform:none}.dawlingo-light-pink{background-color:#f5dbe8}.dawlingo-pink{background-color:#d9468f;opacity:70%}.bg-dawlingo-blue{background-color:#33c3f0}.text-white{color:#fff}.text-2xl{font-size:2rem;line-height:2rem}.font-bold{font-weight:700}.p-2{padding:.5rem}.py-4{padding-bottom:1rem;padding-top:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.rounded-full{border-radius:9999px}.transition-all{transition:all .2s ease}.hover\:bg-opacity-80:hover{cursor:pointer;transform:scale(1.05)}.min-h-screen{min-height:100vh}.container{margin-left:auto;margin-right:auto;width:100%}.max-w-3xl{max-width:48rem}.mx-auto{margin-left:auto;margin-right:auto}.py-8{padding-bottom:2rem;padding-top:2rem}.px-4{padding-left:1rem;padding-right:1rem}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-4{gap:1rem}.pl-4{padding-left:1rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-col{flex-direction:column}.gap-2{gap:.5rem}.text-xs{font-size:.75rem}.font-medium{font-weight:500}.opacity-70{opacity:.7}.playground-button-bottom-left{align-items:center;bottom:1rem;display:flex;flex-direction:column;left:1rem;position:fixed;z-index:50}.congrats-overlay{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.congrats-modal{background:#0000;border-radius:12px;max-width:500px;overflow:hidden;padding:0;position:relative;width:90%}.congrats-image{display:block;height:auto;width:100%}.progress-button{background-color:#d9468f;border:none;border-radius:9999px;cursor:pointer;font-family:sans-serif}.progress-button:hover{transform:scale(1.05)}.progress-button-bottom-right{bottom:20px;position:fixed;right:30px}.progress-overlay{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.progress-modal{background:#0000;border-radius:12px;max-width:500px;overflow:hidden;padding:0;position:relative;width:90%}.close-button{background:#0000;border:none;color:#555;cursor:pointer;font-size:1.75rem;font-weight:700;position:absolute;right:12px;top:8px;z-index:2}.image-wrapper{height:auto;position:relative;width:100%}.progress-image{display:block;height:auto;width:100%}.return-home-button{background-color:#3e3c3c;border:none;border-radius:9999px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;height:2.5rem;margin:8px;min-width:8rem;opacity:80%;padding:8px 16px}.return-home-button:hover{transform:scale(1.05)}.timeline-container{background:#1e1e1e;overflow-x:auto;padding:10px;width:100%}.timeline-grid{border-bottom:1px solid #444;color:#fff;display:flex;font-size:12px}.beat-marker{border-right:1px solid #444;min-width:50px;padding:2px 0}.track-lane{border-bottom:1px solid #333;height:40px}.clip{box-shadow:0 0 4px #3fa9f5;height:100%}.mute-button,.timeline-container{cursor:pointer}.mute-button{margin-bottom:1.5rem;margin-left:2.5rem;width:5rem}.App{background-color:#fff;color:#000;font-family:Segoe UI,sans-serif;min-height:100vh;padding:2rem;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#8be9fd;font-weight:500;text-decoration:none;transition:color .2s}.App-link:hover{color:#50fa7b}.pixel-font{font-family:Press Start\ 2P,monospace}button{background:#444;border:none;border-radius:9999px;color:#fff;cursor:pointer;font-size:1rem;margin:.4rem;padding:.6rem 1.2rem;transition:background .2s ease}button:disabled{cursor:not-allowed;opacity:.6}h2,h3{color:#fff;margin-bottom:.5rem}input[type=range]{margin:.2rem 0;width:100px}.timeline-container{background-color:#2c2c3a;border-radius:8px;margin-top:2rem;padding:.5rem;position:relative}.playhead{pointer-events:none;transition:left .02s linear}.beat-marker{border-right:1px solid #333;color:#aaa;flex-shrink:0;font-size:10px;height:24px;line-height:24px;text-align:center;width:80px}.track-wrapper{border-radius:4px;display:flex;height:40px;margin-bottom:4px}.track-controls{background-color:#1f1f2a;border-right:1px solid #555;color:#ccc;display:flex;flex-direction:column;font-size:10px;gap:4px;justify-content:center;padding:4px;width:160px}.track-lane{background-color:#2a2a2a;flex:1 1;position:relative}.clip{background-color:#3fa9f5;border-radius:4px;box-shadow:0 1px 2px #0000004d;cursor:grab;height:36px;position:absolute;top:2px}.tooltip-wrapper{display:inline-block;position:relative}.button{background-color:#333;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 16px}.playground-button{background-color:#fff;border:none;border-radius:9999px;cursor:pointer}.playground-header{align-items:center;background-color:#6a5acd;color:#fff;display:flex;font-size:20px;font-weight:700;justify-content:space-between;opacity:80%;padding:16px;text-align:center}.playground-header-title{margin:0}.playground-container{background-color:#242424;color:#fff;font-family:Arial,sans-serif;min-height:100vh;padding:20px;position:relative}.playground-controls button{background-color:#444;border:none;border-radius:6px;color:#fff;cursor:pointer;margin:8px;padding:8px 16px;position:relative}.playground-controls{margin-top:20px;text-align:center}.playground-controls button:not(:disabled):hover{transform:scale(1.05)}.playground-controls button:disabled{cursor:not-allowed;opacity:.4}input[type=range]{accent-color:#6a5acd;margin-left:8px;margin-top:10px;width:90%}.home-button{background-color:#000;border:none;border-radius:9999px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;height:2.5rem;margin:8px;min-width:8rem;opacity:75%;padding:8px 16px}.home-button:hover{transform:scale(1.05)}.lesson-popup{background:#7e6fe1;border-radius:12px;box-shadow:0 4px 12px #0000004d;color:#000;opacity:95%;padding:24px;text-align:center;width:300px;z-index:1000}.with-arrow:after{border-color:#0000 #0000 #7e6fe1;border-style:solid;border-width:0 10px 10px;content:"";position:absolute;top:-10px;transform:translateX(-50%)}.arrow-center:after{left:50%}.arrow-left:after{left:25%}.lesson-button{background-color:#242424;border:none;border-radius:9999px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;height:2.5rem;margin:8px;min-width:8rem;opacity:80%;padding:8px 16px}.lesson-button:hover{transform:scale(1.05)}.highlight-button{animation:pulse 1s infinite;border-radius:8px;outline:2px solid coral}@keyframes pulse{0%{box-shadow:0 0 10px #ff7f5080}50%{box-shadow:0 0 20px #ff7f50cc}to{box-shadow:0 0 10px #ff7f5080}}
/*# sourceMappingURL=main.e9670a30.css.map*/