*,*:before,*:after{box-sizing:border-box}:root{font-family:Hoover,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.digital-logo{font-family:Array,sans-serif;font-size:48px;letter-spacing:.03em}html,body{width:100%;margin:0;padding:0;background:#fff;height:auto;overflow-y:auto}#root{width:100%;min-height:100vh}a{font-weight:500;color:#000;text-decoration:inherit}a:hover{color:#000}body{margin:0;min-width:320px;min-height:100vh;display:block}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:#d364d2}button:focus,button:focus-visible{outline:1px solid #d364d2;outline-offset:0px}.main-grid{transition:all .5s ease}.left-column,.right-column{transition:transform .5s ease,opacity .5s ease}.left-column,.right-column{opacity:1;transform:translate(0)}.preview-mode{position:relative;grid-template-columns:1fr;justify-items:center}.preview-mode .left-column{display:none;opacity:0;transform:translate(-40px);pointer-events:none}.preview-mode .right-column{grid-column:1 / -1;justify-self:center}.mixtape-wrapper{position:relative;overflow:visible!important}.play-button{background:#222;color:#fff;padding:10px 20px;border-radius:12px;border:none;font-weight:700;cursor:pointer;transition:opacity .4s ease}.play-button.hide{opacity:0}.exit-preview{position:fixed;bottom:20px;left:20px;padding:10px 16px;background:#222;color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer;z-index:100;font-size:14px}.exit-preview:hover{background:#222}.mixtape-wrapper{caret-color:transparent}.mixtape-wrapper *{-webkit-user-select:none;user-select:none;caret-color:transparent}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cfcfcf;border-radius:10px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}textarea::-webkit-scrollbar{width:8px}textarea::-webkit-scrollbar-track{background:transparent}textarea::-webkit-scrollbar-thumb{background:#bdbdcc;border-radius:8px}textarea::-webkit-scrollbar-thumb:hover{background:#9e9eb0}textarea{scrollbar-width:thin;scrollbar-color:#bdbdcc transparent}html::-webkit-scrollbar,body::-webkit-scrollbar{width:10px}html::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background-color:#d1d1db;border-radius:10px;border:3px solid transparent;background-clip:content-box}html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover{background-color:#b5b5c5}html,body{scrollbar-width:thin;scrollbar-color:#d1d1db transparent}html::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-thumb{background-color:#b4b4c899}html,body,#root{scrollbar-width:thin;scrollbar-color:#d1d1db transparent}html::-webkit-scrollbar,body::-webkit-scrollbar,#root::-webkit-scrollbar{width:10px}html::-webkit-scrollbar-track,body::-webkit-scrollbar-track,#root::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,#root::-webkit-scrollbar-thumb{background-color:#d1d1db;border-radius:10px;border:3px solid transparent;background-clip:content-box}html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover,#root::-webkit-scrollbar-thumb:hover{background-color:#b5b5c5}*{caret-color:transparent!important}input,textarea,select{caret-color:auto!important}@media(max-width:768px){.mobile-shell{position:fixed;inset:0;display:flex;flex-direction:column;background:#fff;overflow-x:hidden;overflow-y:auto}.mobile-shell button,.mobile-shell h1,.mobile-shell h2,.mobile-shell h3,.mobile-shell label,.mobile-shell p{color:#000}label,button,input,a,div{-webkit-tap-highlight-color:#d364d2}button:focus{outline:2px solid rgb(193,193,193)}.mobile-header{padding:3px 0 2px;border-bottom:1px solid rgba(0,0,0,.08)}.mobile-header-top{display:flex;justify-content:space-between;align-items:center}.mobile-header-title{margin-top:10px;margin-bottom:-10px;text-align:center;font-family:Array,sans-serif;font-size:30px;letter-spacing:.04em;color:#000}.mobile-header-link{background:none;border:none;font-size:14px;font-weight:500}.mobile-mixtape-area{margin-top:15px;margin-bottom:20px;flex-shrink:0;height:30vh;padding:0 5px;overflow:visible!important;display:flex;align-items:center;justify-content:center}.mobile-mixtape-area .mixtape-wrapper{width:100%;max-width:500px;margin:0 auto;aspect-ratio:4 / 3}.mobile-mixtape-area.preview{height:36vh;overflow:visible!important}.mobile-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 15px 20px}.mobile-editor,.mobile-card,.mobile-card>.left-column{overflow:visible!important;max-height:none!important}.mobile-card{max-width:420px;margin:0 auto;border-radius:18px;display:flex;flex-direction:column}.mobile-timeline{width:88%;max-width:360px;margin:10px auto 6px;font-family:JetBrains Mono,monospace}.mobile-timeline span{font-size:11px}.mobile-note{margin:10px auto 20px;padding:10px 16px;max-width:320px;text-align:center;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.5;color:#000;border:1px dashed #000;border-radius:8px;word-break:break-word;white-space:pre-wrap}.mobile-tray{display:none}.mobile-tray{padding-top:10px;padding-bottom:10px}.mobile-controls{display:flex;gap:10px;justify-content:center;margin-bottom:50px}.mobile-footer{text-align:center;font-family:Hoover,sans-serif;padding:16px 10px 20px}.mobile-footer.editor{margin:40px auto 24px;bottom:-40px}.mobile-footer.preview{position:relative;background:transparent;padding:12px 10px 20px;z-index:50}.mobile-footer-line{font-size:13px;line-height:1.6;opacity:.85}.mobile-footer-legal{margin-top:6px;font-size:12px;opacity:.75;display:flex;justify-content:center;gap:6px}.mobile-footer-legal button{background:none;border:none;padding:0;font-family:inherit;font-size:inherit;color:inherit;cursor:pointer}.mobile-legal{max-width:420px;margin:0 auto;padding:24px 16px 120px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.7;color:#000}.mobile-legal h2{font-family:Hoover,sans-serif;font-size:24px;margin-bottom:20px;color:#000}.mobile-legal h3{font-family:Hoover,sans-serif;font-size:15px;margin-top:20px;margin-bottom:8px;color:#000}.mobile-legal p{margin-bottom:12px}.mobile-about{max-width:420px;margin:0 auto;padding:24px 16px 120px;text-align:center}.mobile-about h2{font-family:Array,sans-serif;font-size:30px;letter-spacing:.04em;margin-bottom:24px;margin-top:-10px;color:#000}.mobile-about-image{display:flex;justify-content:center;margin-bottom:30px}.mobile-about-text{font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.7;color:#000;text-align:center}.mobile-about-text p{margin-bottom:16px}[data-selectable],.mobile-mixtape-area img,.mobile-mixtape-area video{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}.mobile-mixtape-area [style*=transform]{will-change:transform}button[style*=labelButton]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mobile-mixtape-area>div{isolation:isolate}img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.mobile-mixtape-area *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}[style*="position: absolute"][style*=left][style*=top]{will-change:transform;transform:translateZ(0)}}@media(min-width:769px)and (max-width:1024px){.left-column{width:100%;max-width:500px}.mixtape-panel{width:100%;max-width:550px;transform:none;margin:0 auto}.mixtape-wrapper{margin:0 auto}.desktop-header-top{padding:0 40px}.desktop-footer{position:relative;bottom:auto;margin-top:40px;padding-bottom:30px}}html,body{overflow-x:hidden;max-width:100vw}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.left-column{max-height:none;overflow:visible}.center-column-desktop{width:100%;display:flex;flex-direction:column;align-items:center}canvas{width:100%;height:100%;display:block}.mobile-scroll{position:relative;z-index:1}.mobile-mixtape-area{position:relative;z-index:2;overflow:visible!important;padding-bottom:30px}.sticker{width:60px;height:60px;display:block}