html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#282828,#141414);min-height:100vh;margin:0;padding:0;font-family:Manrope,sans-serif;font-style:normal;font-weight:200}#root{box-sizing:border-box;width:100%;max-width:1000px;min-height:100vh;margin:0 auto;padding:0 40px}h1{color:#fff;font-size:48px;font-weight:200}h2{color:#fff;font-size:38px;font-weight:200}h3{color:#fff;font-size:22px;font-weight:200}h4{color:#fff;font-size:19px;font-weight:200}h5{color:#fff;font-size:16px;font-weight:200}p{color:#fff}input,select{font-family:Manrope,sans-serif}button{background-color:#fff;border-width:0;border-radius:5px;padding:5px;font-family:Manrope,sans-serif;font-size:16px;transition:background-color .1s}button:active{background-color:#fa466480}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.public-content{width:100%;padding-top:60px}.homepage-wrapper{width:100%;min-height:100vh}.homepage-text{width:55vw;padding:8% 0% 0% 8vw;animation:1.5s forwards fade-in}.homepage-sections{flex-direction:column;gap:60px;width:100%;padding:80px 0 100px;display:flex}.homepage-section{background:linear-gradient(90deg,#a0a0a059 40%,#0000 85%);width:100%;padding:50px 0}.homepage-section--reverse{background:linear-gradient(270deg,#a0a0a059 40%,#0000 85%)}.homepage-center-container{justify-content:center;align-items:center;gap:100px;max-width:1000px;margin:0 auto;padding:0 50px;display:flex}.homepage-section--reverse .homepage-section-inner{flex-direction:row-reverse}.homepage-section-text{cursor:pointer;background:linear-gradient(270deg,#64648273,#0000);flex:1.25;padding:28px 32px;position:relative}.homepage-section--reverse .homepage-section-text{background:linear-gradient(90deg,#64648273,#0000)}.homepage-section-text:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(270deg,#6464824d,#0000);transition:opacity .4s;position:absolute;inset:0}.homepage-section--reverse .homepage-section-text:before{background:linear-gradient(90deg,#6464824d,#0000)}.homepage-section-text h2{margin-bottom:16px;font-size:2rem}.homepage-section-text p{opacity:.85;font-size:1.05rem;line-height:1.7}.homepage-section-image{cursor:pointer;background-color:#ffffff14;border:1px solid #ffffff1f;border-radius:14px;flex:1;justify-content:center;align-items:center;min-height:220px;transition:filter .4s,box-shadow .4s;display:flex;overflow:hidden}.homepage-section-image-placeholder{width:100%;height:220px}.homepage-section-image img{object-fit:cover;border-radius:14px;width:100%;height:100%}.homepage-section-inner:hover .homepage-section-text:before{opacity:1;transition:opacity .15s}.homepage-section-inner:hover .homepage-section-image{filter:brightness(1.08);transition:filter .15s,box-shadow .15s;box-shadow:0 0 12px #6464a040}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background-color:#0003;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.homepage-logo-section{flex-direction:column;align-items:center;gap:24px;display:flex}.homepage-logo{cursor:pointer;height:200px;transition:transform .2s}.homepage-logo:hover,.homepage-logo--active{transform:scale(1.05)}.homepage-login-form{flex-direction:column;align-items:center;gap:12px;display:flex}.login-fields{color:#fff;background:0 0;border:none;border-bottom:1px solid #ffffff4d;border-radius:0;outline:none;width:240px;padding:8px 12px;font-size:15px}.login-fields::placeholder{color:#fff6}.login-fields:focus{border-bottom-color:#fff9}.login-password-row{width:240px;position:relative}.submit-button-anchor{cursor:pointer;position:absolute;top:50%;right:-28px;transform:translateY(-50%)}.submit-button{opacity:.35;width:20px;display:block}.spin-animation{animation:2s linear infinite spin}.failed-login-alert{color:#fa4664e6;margin:0;font-size:14px}.loading-animation{height:50px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes login-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes login-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.protected-content{width:100%}.portal-wrapper{padding-top:140px}.portal-wrapper.portal-fade-in{opacity:0;transform-origin:top;animation:1s forwards portal-scale-fade-in;transform:scale(.95)}@keyframes portal-scale-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.portal-layout{margin-left:calc(-16px + -1*max(0px,50vw - 500px));position:relative}.portal-sidebar{position:absolute;top:0;left:0;overflow:visible}.portal-rail-border{fill:none;stroke:#fff9;stroke-width:1px}.portal-sidebar-item{cursor:pointer}.portal-sidebar-box{fill:#0000;stroke:#ffffff80;stroke-width:1px;transition:fill .15s}.portal-sidebar-item:hover .portal-sidebar-box{fill:#ffffff1a}.portal-sidebar-item:hover .portal-sidebar-box--active,.portal-sidebar-box--active{fill:#ffffff2e}.portal-sidebar-label{fill:#fff;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:15px}.portal-content{min-height:70vh;margin-left:300px;padding:32px 40px}.portal-screen h3{margin-bottom:24px}.admin-section{margin-bottom:32px}.admin-section-title{border-bottom:1px solid #ffffff40;margin:0 0 12px;padding-bottom:8px}.admin-users-loading{justify-content:center;padding:32px 0;display:flex}.admin-user-list{flex-direction:column;display:flex}.admin-user-row{box-sizing:border-box;border-bottom:1px solid #ffffff14;align-items:center;gap:16px;height:40px;padding:0 4px;font-size:14px;display:flex}.admin-user-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;flex:0 0 220px;overflow:hidden}.admin-user-email{color:#ffffff80;text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:13px;overflow:hidden}.admin-user-reset{flex:0 0 300px;justify-content:flex-end;align-items:center;gap:8px;display:flex}.admin-user-action{color:#ffffffbf;cursor:pointer;font-size:13px}.admin-user-action:hover{color:#fff}.admin-user-prompt{text-align:right;color:#fff9;white-space:nowrap;flex:1;font-size:13px;font-style:italic}.admin-user-input{color:#fff;background:0 0;border:none;border-bottom:1px solid #ffffff4d;border-radius:0;outline:none;flex:0 0 140px;padding:2px 0;font-size:13px}.admin-user-input:focus{border-bottom-color:#fff9}.admin-user-status{color:#fff9;white-space:nowrap;font-size:13px}.updates-welcome{color:#ffffffd9;margin:0 0 16px;font-size:14px}.updates-content{color:#ffffffd9;font-size:14px;line-height:1.6}.updates-content h1,.updates-content h2,.updates-content h3,.updates-content h4{color:#fff;margin:20px 0 8px}.updates-content h1:first-child,.updates-content h2:first-child,.updates-content h3:first-child,.updates-content h4:first-child{margin-top:0}.updates-content p{margin:0 0 12px}.updates-content ul,.updates-content ol{margin:0 0 12px;padding-left:24px}.updates-content li{margin-bottom:4px}.updates-content a{color:#ffffffe6}.updates-content code{background:#ffffff1a;border-radius:3px;padding:2px 5px;font-size:13px}.updates-content strong{color:#fff}.migration-loading{color:#ffffffb3;flex-direction:column;align-items:center;gap:16px;padding:60px 0;font-size:14px;display:flex}.migration-error{color:#fa4664e6}.migration-empty{color:#ffffff80}.album-grid{flex-direction:column;gap:1px;display:flex}.album-grid-item{border:1px solid #ffffff26;margin-top:-1px}.album-grid-header{cursor:pointer;align-items:center;gap:14px;padding:12px 16px;transition:background-color .15s;display:flex}.album-grid-header:hover{background-color:#ffffff0f}.album-expand-icon{color:#ffffff80;width:12px}.album-grid-title{flex:1;font-size:14px}.album-grid-code{color:#ffffff80;font-size:13px}.album-grid-count{color:#ffffff80;text-align:right;width:80px;font-size:13px}.album-track-list{flex-direction:column;gap:6px;padding:4px 16px 12px 42px;display:flex}.album-track-row{color:#ffffffd9;gap:14px;font-size:13px;display:flex}.track-title{flex:1}.track-artist{color:#ffffff80}.release-list{flex-direction:column;gap:1px;display:flex}.release-row{cursor:pointer;border:1px solid #ffffff26;align-items:center;gap:14px;margin-top:-1px;padding:12px 16px;font-size:14px;transition:background-color .15s;display:flex}.release-row:hover{background-color:#ffffff0f}.release-row--selected{background-color:#ffffff2e}.release-title{color:#fff;flex:1}.release-catalogue,.release-date{color:#ffffff80;font-size:13px}.header{justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex}.header-logo{cursor:pointer}.header-banner{width:auto;height:40px}.header-nav{gap:16px;display:flex}.header-nav span{cursor:pointer;color:#fff}
