@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;700;900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;scrollbar-width:none}*::-webkit-scrollbar{display:none}:root{--black: #0d0d0d;--white: #f2f0eb;--font: "Barlow Condensed", sans-serif;--fs-s: .72rem;--fs-l: 1.1rem;--pad: 32px;--dim: rgba(255, 255, 255, .08);--line: rgba(255, 255, 255, .12);--ts: 0 0 14px #000, 0 1px 4px #000;--irid: linear-gradient(135deg, #ff0080, #ff8c00, #ffe000, #00ff88, #00cfff, #7b2fff, #ff0080);--irid-v: linear-gradient(180deg, #ff0080, #ff8c00, #ffe000, #00ff88, #00cfff, #7b2fff);--irid-h: linear-gradient(90deg, #ff0080, #ff8c00, #ffe000, #00ff88, #00cfff, #7b2fff)}html,body{height:100%;background:var(--black);color:var(--white)}body{font-family:var(--font);font-size:var(--fs-l);font-weight:400;letter-spacing:.08em;text-transform:uppercase;-webkit-font-smoothing:antialiased}@keyframes hue-spin{to{filter:hue-rotate(360deg)}}.title{font-weight:900;font-size:clamp(1.8rem,4vw,3rem);letter-spacing:.08em;line-height:1}.text{font-size:var(--fs-s);font-weight:400;letter-spacing:.12em;color:#ffffff80;text-transform:uppercase}.app{display:grid;grid-template-columns:200px 1fr;height:100vh;overflow:hidden}.main-col{height:100vh;overflow-y:auto;padding:var(--pad)}.sidebar{display:grid;grid-template-rows:auto auto 1fr auto auto;height:100vh;border-right:1px solid var(--line);overflow:hidden;position:relative;isolation:isolate}.sidebar canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.sidebar>*{position:relative;z-index:2}.sidebar-head{padding:20px var(--pad);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.sidebar-nav{overflow-y:auto;padding:16px 0}.sidebar-foot{padding:14px var(--pad);border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.irid{height:1px;background:var(--irid-h);animation:hue-spin 3s linear infinite;filter:hue-rotate(0deg);position:relative;z-index:2;flex-shrink:0}.menu{list-style:none}.menu li{display:flex;align-items:center;padding:10px var(--pad);cursor:pointer;border-left:2px solid transparent;transition:background .1s;position:relative;text-shadow:var(--ts)}.menu li.active{background:var(--dim)}.menu li.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--irid-v);animation:hue-spin 3s linear infinite;filter:hue-rotate(0deg)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));min-height:100vh}.card{padding:var(--pad);display:flex;flex-direction:column;min-height:360px}.card-dark{background:var(--black);border:1px solid var(--line)}.card-light{background:var(--white);color:var(--black)}.card-release{position:relative;background:#111;overflow:hidden}.card-release .inner{position:absolute;inset:0}.card-release .overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.2) 55%,transparent 100%);display:flex;flex-direction:column;justify-content:space-between;padding:20px}.card-release .overlay-top{display:flex;justify-content:space-between;align-items:flex-start}.card-release .overlay-bot{display:flex;flex-direction:column;gap:10px}.songs{display:flex;flex-direction:column;gap:2px;max-height:72px;overflow:hidden}.links{display:flex;gap:6px;flex-wrap:wrap}.link{padding:4px 10px;text-decoration:none}.link-spotify{background:#1db954;color:#000}.link-youtube{background:red;color:#fff}.link-soundcloud{background:#f50;color:#fff}.link-other{background:#ffffff26}.avatar{width:22px;height:22px;border-radius:50%;overflow:hidden;background:var(--dim);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.form{display:flex;align-items:flex-start;padding:48px}.form-box{width:100%;max-width:400px;display:flex;flex-direction:column;gap:24px}.field{display:flex;flex-direction:column;gap:6px}.field input,.field select{font-family:var(--font);font-size:var(--fs-l);font-weight:400;letter-spacing:.08em;text-transform:uppercase;background:transparent;color:var(--white);border:none;border-bottom:1px solid rgba(255,255,255,.2);padding:8px 0;outline:none;width:100%}.field input[type=file]{color:#ffffff59;cursor:pointer}.field select{background:var(--black);min-width:110px;cursor:pointer}.field input::placeholder{color:#fff3}.field input:focus{border-bottom-color:transparent;box-shadow:0 1px #ff8c00;animation:hue-spin 3s linear infinite;filter:hue-rotate(0deg)}.preview{margin-top:12px;width:120px;height:120px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.preview img{width:100%;height:100%;object-fit:cover}.btn{font-family:var(--font);font-size:var(--fs-l);font-weight:700;letter-spacing:.2em;text-transform:uppercase;padding:12px 28px;border:none;cursor:pointer;align-self:flex-start;position:relative;overflow:hidden;isolation:isolate}.btn:disabled{opacity:.25;cursor:not-allowed;animation:none}.btn-primary{background:var(--irid);color:var(--black);animation:hue-spin 3s linear infinite;filter:hue-rotate(0deg)}.btn-secondary{background:transparent;color:var(--white)}.btn-secondary:after{content:"";position:absolute;inset:0;border:1px solid transparent;background:var(--irid) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:hue-spin 3s linear infinite;filter:hue-rotate(0deg)}.toggle{display:flex}.toggle-btn{font-family:var(--font);font-size:var(--fs-l);font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:10px 24px;background:transparent;color:#fff6;border:1px solid rgba(255,255,255,.15);cursor:pointer;position:relative;overflow:hidden;isolation:isolate}.toggle-btn:first-child{border-right:none}.toggle-btn.active{color:var(--black);border-color:transparent;background:var(--irid);animation:hue-spin 3s linear infinite;filter:hue-rotate(0deg)}.toggle-btn:disabled{opacity:.25;cursor:not-allowed}.row{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.row-indent{padding-left:26px;display:flex;flex-direction:column;gap:8px}.profile-photo{width:80px;height:80px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.2);display:block}.section{display:flex;flex-direction:column;gap:16px;padding:24px 0;border-bottom:1px solid var(--line)}.section:last-child{border-bottom:none}.landing{height:100vh;display:grid;grid-template-columns:1fr 1fr}.landing-col{padding:var(--pad);display:flex;flex-direction:column;justify-content:space-between}.landing-col:first-child{border-right:1px solid var(--line)}.canvas-wrap{position:relative;display:inline-block}.canvas-wrap canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;mix-blend-mode:screen}.canvas-wrap .landing-title{position:relative;z-index:1;font-size:clamp(4rem,8vw,8rem);line-height:.88}.landing-title-mob{display:none;position:relative;z-index:1;font-size:clamp(3rem,12vw,5rem);line-height:.88}.claim{max-width:34ch;padding-left:16px;position:relative;line-height:1.55}.claim:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--irid-v);animation:hue-spin 3s linear infinite;filter:hue-rotate(0deg)}.tabs{display:flex;border-bottom:1px solid var(--line)}.tab{font-family:var(--font);font-size:var(--fs-l);font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:10px 24px;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;color:#ffffff4d;cursor:pointer;position:relative}.tab.active{color:var(--white)}.tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--irid-h);animation:hue-spin 3s linear infinite;filter:hue-rotate(0deg)}.modal-bg{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--pad)}.modal{background:var(--black);width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;border:1px solid var(--line)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:24px var(--pad);border-bottom:1px solid var(--line);flex-shrink:0;gap:16px}.modal-body{overflow-y:auto;padding:var(--pad);flex:1}.mob-bg,.mob-drawer,.mob-fab{display:none}@media(max-width:640px){.app{grid-template-columns:1fr}.sidebar{display:none}.main-col{padding:16px}.grid{grid-template-columns:1fr}.card,.card-release{min-height:300px}.form{padding:24px}.landing{grid-template-columns:1fr}.landing-col:first-child{display:none}.landing-title-mob{display:block}.modal-bg{padding:16px}.modal{max-height:90vh}.mob-bg{display:block;position:fixed;inset:0;z-index:49;background:transparent}.mob-drawer{display:block;position:fixed;top:0;right:0;bottom:0;width:75vw;max-width:300px;z-index:50;transform:translate(100%);transition:transform .28s cubic-bezier(.4,0,.2,1)}.mob-drawer.open{transform:translate(0)}.mob-drawer-inner{height:100%;display:flex;flex-direction:column;background:#0d0d0df2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:28px 0;position:relative;isolation:isolate;overflow:hidden}.mob-head{display:flex;flex-direction:column;gap:4px;padding:0 24px 20px}.mob-foot{padding:16px 24px 0;display:flex;flex-direction:column;gap:8px}.mob-fab{display:flex;position:fixed;bottom:28px;right:28px;z-index:51;width:48px;height:48px;border-radius:50%;border:none;background:var(--irid);align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px #0009;animation:hue-spin 3s linear infinite;filter:hue-rotate(0deg)}.mob-fab-bars{display:flex;flex-direction:column;gap:5px;width:18px}.mob-fab-bars span{display:block;height:2px;background:var(--black);transform-origin:center;transition:all .22s cubic-bezier(.4,0,.2,1)}.mob-fab-bars.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.mob-fab-bars.open span:nth-child(2){opacity:0;transform:scaleX(0)}.mob-fab-bars.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}