:root{--black:#090909;--bone:#f2efe5;--lime:#c6ff00;--orange:#ff5535;--purple:#7b42d1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--black);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit}.logo{color:#fff;letter-spacing:-2px;align-items:center;font-size:29px;font-weight:1000;text-decoration:none;display:flex}.logo span{background:var(--orange);width:36px;height:36px;box-shadow:5px 5px 0 var(--lime);place-items:center;margin-right:3px;display:grid;transform:rotate(-4deg)}.nav,.studio header,.publicCrib header{color:#fff;background:#090909;border-bottom:1px solid #333;justify-content:space-between;align-items:center;height:78px;padding:0 5vw;display:flex}.nav>div,.studio header>div,.publicCrib header>div{align-items:center;gap:20px;display:flex}.nav a,.studio header a,.studio header button,.publicCrib header a{letter-spacing:1px;font-size:10px;font-weight:900;text-decoration:none}.hot,.cta a{background:var(--orange);box-shadow:5px 5px 0 var(--lime);padding:14px 18px;color:#fff!important}.hero{min-height:650px;color:var(--bone);background:radial-gradient(circle at 72% 42%,#6b358629,#0000 34%);grid-template-columns:1.05fr .95fr;align-items:center;padding:70px 5vw;display:grid}.heroCopy>small,.cta>small{color:var(--lime);letter-spacing:4px;font-weight:900}.hero h1{letter-spacing:-7px;margin:20px 0;font-size:clamp(55px,7vw,100px);line-height:.84}.hero h1 em,.why h2 em{color:var(--orange);font-style:normal}.heroCopy>p{color:#bbb;max-width:620px;font-size:17px;line-height:1.6}.actions{align-items:center;gap:25px;margin-top:35px;display:flex}.actions a{font-size:11px;font-weight:900;text-decoration:none}.actions a:last-child{border-bottom:2px solid var(--lime);padding:10px 0}.mock{height:480px;position:relative}.mock article{background:var(--bone);color:#111;width:92%;box-shadow:10px 10px 0 var(--lime);border:5px solid #111;padding:25px;position:absolute;top:90px;left:4%;transform:rotate(2deg)}.scribble{color:var(--lime);border-bottom:6px solid var(--orange);font-size:31px;font-weight:1000;position:absolute;right:0;transform:rotate(7deg)}.mockTop{align-items:center;gap:20px;display:flex}.mockTop>span,.avatar{background:linear-gradient(135deg,var(--orange),var(--purple));color:#fff;object-fit:cover;place-items:center;width:110px;height:120px;font-size:38px;font-weight:1000;display:grid}.mockTop small,.profile small{letter-spacing:2px;font-size:9px;font-weight:900}.mockTop h2{letter-spacing:-2px;margin:6px 0;font-size:37px;line-height:.9}.player{color:var(--lime);background:#111;margin:22px 0 12px;padding:17px;font-weight:900}.tags{font-size:11px;font-weight:900}.ticker{background:var(--lime);color:#111;text-align:center;white-space:nowrap;letter-spacing:2px;padding:14px;font-size:10px;font-weight:900;overflow:hidden}.why{background:var(--bone);color:#111;grid-template-columns:1fr 1fr;gap:80px;padding:95px 6vw;display:grid}.why small{color:var(--orange);letter-spacing:3px;font-weight:900}.why h2{letter-spacing:-5px;font-size:clamp(45px,6vw,78px);line-height:.88}.why p{border-left:7px solid var(--lime);align-self:center;padding-left:28px;font-size:20px;line-height:1.7}.features{color:#111;background:#d8d4c9;grid-template-columns:repeat(3,1fr);display:grid}.features article{border:1px solid #111;padding:60px 4vw}.features b{color:var(--lime);background:#111;padding:7px}.features h3{margin-top:40px;font-size:27px}.features p{line-height:1.6}.cta{text-align:center;background:var(--orange);color:#111;padding:110px 20px}.cta h2{letter-spacing:-7px;margin:25px;font-size:clamp(55px,9vw,120px);line-height:.8}.cta a{background:#111;margin-top:25px;font-weight:900;text-decoration:none;display:inline-block;color:var(--lime)!important}.landing footer{color:#777;justify-content:space-between;align-items:center;padding:40px 5vw;display:flex}.landing footer p{color:var(--lime);letter-spacing:2px;font-size:10px;font-weight:900}.authPage{background:radial-gradient(circle at 75% 30%,#71398c55,transparent 35%),var(--black);color:#fff;min-height:100vh;padding:35px 5vw}.authCard{background:var(--bone);color:#111;max-width:520px;box-shadow:12px 12px 0 var(--lime);border:5px solid #111;margin:55px auto;padding:38px}.authCard>small{color:var(--orange);letter-spacing:3px;font-weight:900}.authCard h1{letter-spacing:-4px;margin:10px 0;font-size:52px}.authCard p{color:#555;line-height:1.5}.authCard label,.studio label{letter-spacing:1px;margin:18px 0;font-size:10px;font-weight:900;display:block}.authCard input,.studio input,.studio textarea{width:100%;font:inherit;background:#fff;border:3px solid #111;margin-top:7px;padding:14px}.authCard button,.save{background:var(--orange);width:100%;box-shadow:5px 5px 0 var(--lime);border:3px solid #111;padding:16px;font-weight:1000}.authCard .switch{box-shadow:none;background:0 0;border:0;margin-top:18px;text-decoration:underline}.notice{color:var(--lime);background:#111;margin:14px 0;padding:12px;font-size:12px}.loading{min-height:100vh;color:var(--lime);background:#111;place-items:center;font-size:20px;font-weight:900;display:grid}.studio{color:#fff;background:#111;min-height:100vh}.studio header button{color:#fff;background:0 0;border:0}.studioGrid{grid-template-columns:minmax(360px,480px) 1fr;min-height:calc(100vh - 78px);display:grid}.studio aside{background:var(--bone);color:#111;padding:45px;overflow:auto}.studio aside>small{color:var(--orange);letter-spacing:3px;font-weight:900}.studio aside h1{letter-spacing:-4px;margin:12px 0;font-size:55px;line-height:.85}.studio aside>p{line-height:1.5}.studio textarea{min-height:90px}.studio label i{color:#777;margin-top:6px;font-size:10px;display:block}.uploads{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.uploads label{color:#fff;background:#111;min-height:70px;padding:12px;position:relative}.uploads input{opacity:0;position:absolute;inset:0}.uploads b{color:var(--lime);margin-top:8px;font-size:9px;display:block}.colors{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.colors input{height:46px;padding:2px}.preview{background-position:50%;background-size:cover;min-height:100%;padding:55px;transition:all .2s}.preview>small{color:var(--lime);letter-spacing:3px;font-weight:900}.preview article{color:#111;border:6px solid var(--lime);background:#f2efe5;align-items:center;gap:25px;max-width:800px;margin-top:40px;padding:28px;display:flex;box-shadow:12px 12px #111}.preview article img{object-fit:cover;width:130px;height:150px}.preview h2{letter-spacing:-3px;margin:7px 0;font-size:44px;line-height:.9}.preview audio{width:min(650px,100%);margin-top:28px}.song{max-width:650px;padding:18px;font-weight:900}.publicCrib{background-position:50%;background-size:cover;background-attachment:fixed;min-height:100vh}.profile{max-width:1100px;margin:auto;padding:75px 25px}.eyebrow{letter-spacing:4px;font-size:11px;font-weight:900}.identity{align-items:center;gap:30px;margin-top:18px;display:flex}.identity img,.identity .avatar{object-fit:cover;width:190px;height:220px;box-shadow:10px 10px 0 var(--lime);border:6px solid #111}.identity h1{letter-spacing:-6px;text-shadow:4px 4px #111;margin:0;font-size:clamp(48px,8vw,95px);line-height:.8}.identity p{font-size:19px}.identity b{padding:8px;display:inline-block}.nowPlaying,.emptyBlock{color:#fff;border:5px solid var(--lime);background:#111;margin-top:45px;padding:28px}.nowPlaying{justify-content:space-between;align-items:center;gap:20px;display:flex}.nowPlaying h2,.emptyBlock h2{margin:6px 0;font-size:36px}.nowPlaying audio{width:min(420px,100%)}.emptyBlock{color:#111;background:#f2efe5}.landing footer small{font-size:9px}@media (max-width:800px){.nav,.studio header,.publicCrib header{height:auto;padding:13px 18px}.nav>div>a:first-child{display:none}.hero{padding:55px 22px;display:block}.hero h1{letter-spacing:-4px;font-size:56px}.mock{height:430px;margin-top:35px}.scribble{font-size:22px}.why{padding:70px 23px;display:block}.why h2{letter-spacing:-3px}.features{grid-template-columns:1fr}.cta h2{letter-spacing:-4px}.landing footer{text-align:center;flex-direction:column;gap:18px}.studioGrid{display:block}.studio aside{padding:30px 22px}.preview{min-height:700px;padding:40px 20px}.uploads{grid-template-columns:1fr}.preview article,.identity,.nowPlaying{display:block}.preview article img{width:100%;height:250px}.preview h2{font-size:35px}.identity img,.identity .avatar{width:150px;height:170px;margin-bottom:25px}.identity h1{letter-spacing:-4px;font-size:55px}.profile{padding-top:55px}.nowPlaying audio{margin-top:20px}.authCard{padding:28px 22px}.authCard h1{font-size:43px}.cta{padding:80px 18px}}