:root{--bg:#0a0a0a;--bg2:#111111;--bg3:#1a1a1a;--acc:#ffffff;--acc2:#d0d0d0;--acc3:#888888;--white:#f2f2f2;--muted:rgba(242,242,242,.42);--b:rgba(242,242,242,.08);--bp:rgba(255,255,255,.14);--border-radius:5px;--font-family:'Space Grotesk',sans-serif;--href-color:#A18CD1;--p-size:0.75rem;--regular-p-size:1rem;--black-text:rgba(0,0,0,1);--dark-text:#444;--light-text:rgba(255,255,255,0.9);--red-text:#DC143C;--black-background:rgba(0,0,0,1);--darker-background:rgba(240,234,255,0.04);--dark-background:rgba(0,0,0,0.65);--light-background:rgba(0,0,0,0.65);--lighter-background:rgba(0,0,0,0.45);--container-width:50rem;--large-inner-container:65%;--small-inner-container:35%;--middle-split-inner-container:50%;--container-gap:1rem;--audio-title:1.5rem;--p:#7c4fd4;--p2:#9b6ee8;--p3:#c4a0ff;--dim:rgba(240,234,255,0.10);--gray-offset:rgba(0,0,0,0.03);--gray-border:rgba(0,0,0,0.15);--gray-light:rgba(0,0,0,0.4);--gray-mid:rgba(0,0,0,0.7);--gray-dark:rgba(0,0,0,0.9);--body-color:var(--gray-mid);--headline-color:var(--gray-dark);--accent-color:#684EA4;--radius:6px;--gray-color:rgba(240,234,255,.35);--color-three:rgba(240,234,255,.04);--color-four:rgba(240,234,255,.2)}.text-light{color:var(--muted)}.text-dark{color:var(--muted)}.text-black{color:var(--black-text)}.text-red{color:var(--red-text);margin-top:8px}.text-small{font-size:0.8rem}.text-bold{font-family:var(--font-family)}*{padding:0;margin:0;box-sizing:border-box}html{color:var(--light-text);overscroll-behavior:none}hr{color:var(--muted)}a p h1 h2 h3 h4 h5 h6{font-family:var(--font-family);font-display:optional}a{color:inherit;font-weight:bold;font-display:optional;text-decoration:none;cursor:pointer}h1{font-size:4rem;font-family:var(--font-family);font-display:optional}h2{font-size:2rem;font-family:var(--font-family);font-display:optional}h3{font-size:1rem;font-family:var(--font-family);font-display:optional}p{color:var(--light-text);font-size:var(--p-size);font-weight:bold;font-family:var(--font-family);line-height:1.5;font-display:optional}.hidden{display:none}.mute-background{opacity:0.1}.main-nav{display:flex;align-items:center}.content{width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center;min-width:0;gap:1rem;margin-top:2rem}.large-image-show{position:absolute;z-index:9999;max-height:80rem;align-items:center;justify-content:center;width:100%;margin-top:1rem}.about{display:flex;justify-content:center}.about-container{border-radius:var(--border-radius);background-color:var(--bg2);width:50%;padding:2.5rem 2.5rem 2.5rem 2.5rem;margin:2.5rem 0rem 2.5rem 0rem}.about-title{margin:2.5rem 0rem 0rem 0rem}.blog{display:flex;justify-content:center}.blog-container{border-radius:var(--border-radius);background-color:var(--bg2);width:50%;padding:2.5rem 2.5rem 2.5rem 2.5rem;margin:2.5rem 0rem 2.5rem 0rem}.cancel{min-height:90vh;display:flex;align-items:center;justify-content:center;flex-direction:column}.cancel-container{display:flex;flex-direction:column;align-items:center}.cancel-div{width:fit-content;padding:1rem;border-radius:var(--border-radius);background-color:var(--bg2);border:1px solid var(--b);display:flex;justify-content:center;flex-direction:column;margin:1rem 0rem 0rem 0rem;align-items:center;width:40rem}.subscription-to-cancel{padding:1rem}.create-account{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.create-account-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:30%;background-color:var(--bg2);border-radius:var(--border-radius);padding:1rem;gap:0.5rem;border:1px solid var(--b)}.create-account-container-div{display:flex;flex-direction:column;align-items:center;width:100%}.login-footer{text-align:center;padding:46px 16px;width:30%;display:flex;flex-direction:column;align-items:center}.login-footer-list-item-left{text-align:left}.login-footer-list-item-right{text-align:right}.login{min-height:100vh;display:flex;flex-direction:column;align-items:center;width:100%}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:30%;background-color:var(--bg2);border-radius:var(--border-radius);padding:1rem;gap:0.5rem;border:1px solid var(--b)}.login-container-div{width:100%;align-items:center;display:flex;flex-direction:column}.contact{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.contact-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:60%;background-color:var(--bg2);border-radius:var(--border-radius);gap:0.5rem;padding:1rem;border:1px solid var(--b)}.contact-div{display:flex;flex-direction:column;width:100%;align-items:center}.create-account-back-button{width:30%;display:flex;flex-direction:row;justify-content:left;margin-bottom:1rem}.reset-password{min-height:100vh;display:flex;flex-direction:column;align-items:center;width:100%}.published-g-act{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;transition:background .2s}.published-g-act:hover{background:rgba(240,234,255,.08)}.published-g-act svg{width:22px;height:22px;stroke:var(--muted);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s}.published-g-act:hover svg{stroke:var(--white)}.reset-password-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:30%;background-color:var(--bg2);border-radius:var(--border-radius);padding:1rem;border:1px solid var(--b)}.reset-password-container-div{display:flex;flex-direction:column;align-items:center;margin:1rem;width:100%}.update-password{min-height:100vh;display:flex;flex-direction:column;justify-content:start;align-items:center;width:100%}.update-password-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:30%;background-color:var(--bg2);border-radius:var(--border-radius);gap:0.5rem}.update-password-container-div{display:flex;flex-direction:column;align-items:center;gap:var(--container-gap);margin:1rem}.search{min-height:100vh;display:flex;flex-direction:column;justify-content:start;align-items:center;width:100%}.search-container{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--border-radius);padding:1rem 0rem 1rem 0rem;gap:0.5rem;margin:1rem 0rem 1rem 0rem;width:var(--container-width)}.search-box{font-family:sans-serif;font-size:1rem;width:25rem;height:2rem;padding:0rem 0.25rem 0rem 0.25rem}.search-box::placeholder{font-family:var(--font-family)}.search-form{display:flex;justify-content:center;flex-direction:row;align-items:center;width:100%;gap:var(--container-gap)}.search-results{border-radius:var(--border-radius);width:100%}.search-item{display:flex;flex-direction:row;padding:1rem;border-radius:var(--border-radius);background-color:var(--bg2);margin-top:1rem;width:100%;border:1px solid var(--b)}.search-list-title{font-family:var(--font-family);color:var(--light-text)}.change-plan{display:flex;justify-content:center}.change-plan-container{display:flex;flex-direction:column;gap:var(--container-gap);margin:2.5rem 0rem 2.5rem 0rem;width:40rem;align-items:center}.change-plan-div{display:flex;background-color:var(--bg2);border-radius:10px;width:40rem;justify-content:center;align-items:center;flex-direction:column;height:fit-content;margin-bottom:5rem;padding:1rem;border:1px solid var(--b)}.change-plan-list{display:flex;flex-direction:column;width:100%;gap:var(--container-gap);margin-bottom:1rem}.change-plan-proration{margin:1rem 0rem 1rem 0rem;width:100%}.create-project{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;min-height:90vh}.create-project-container{display:flex;flex-direction:column;width:var(--container-width);background-color:var(--bg2);border-radius:var(--border-radius);margin:1rem 0rem 1rem 0rem;align-items:center;width:100%;margin:0 32px;margin-bottom:0px;background:var(--bg2);border:1px solid var(--b);border-radius:16px;overflow:hidden;position:relative;margin-bottom:25px}.create-project-title{display:flex;flex-direction:row;gap:var(--container-gap)}.create-project-div{max-width:90%;width:90%;display:flex;justify-content:center;flex-direction:column;margin:1rem 0rem 1rem 0rem;gap:var(--container-gap)}.create-projects-form-options{display:flex;flex-direction:column;width:100%;margin:2.5rem 0rem 2.5rem 0rem}.image-preview{max-width:300px;max-height:300px;margin-bottom:1rem;margin-left:auto;cursor:pointer}.edit-project{display:flex;justify-content:center;align-items:center;flex-direction:row;width:100%}.edit-project-container{display:flex;flex-direction:column;width:var(--container-width);background-color:var(--bg2);border-radius:var(--border-radius);margin:1rem 0rem 1rem 0rem;align-items:center}.edit-project-title{display:flex;flex-direction:row;gap:var(--container-gap)}.edit-project-div{max-width:90%;display:flex;justify-content:center;flex-direction:column;margin:1rem 0rem 1rem 0rem;gap:var(--container-gap)}.edit-projects-form-options{display:flex;flex-direction:column;width:100%;margin:0rem 0rem 1rem 0rem;gap:var(--container-gap)}.projects-info{width:100%}.branch-project{display:flex;justify-content:center;align-items:center;flex-direction:row;width:100%}.branch-project-container{display:flex;flex-direction:column;width:var(--container-width);background-color:var(--bg2);border-radius:var(--border-radius);margin:1rem 0rem 1rem 0rem;align-items:center}.branch-project-div{display:flex;flex-direction:column;max-width:90%;width:90%;margin:1rem;gap:var(--container-gap)}.branch-project-uuid{display:flex;flex-direction:column;align-items:center}.branch-project-from-div{display:flex;flex-direction:row;align-items:center;gap:var(--container-gap);justify-content:center}.branch-projects-form-options{display:flex;flex-direction:column;width:100%;margin:0rem 0rem 1rem 0rem;gap:var(--container-gap)}.branch-image-preview{max-width:300px;max-height:300px;margin-bottom:1rem;margin-left:auto}.new-icon-upload{display:none;flex-direction:row}.stem-div{display:flex;flex-direction:column;max-width:90%;width:100%;margin:1rem;gap:var(--container-gap)}.error{height:90vh;display:flex;justify-content:center;align-items:center}.error-container{display:flex;justify-content:center;flex-direction:column}.error-list{display:flex;flex-direction:row;margin-top:1rem;justify-content:center;align-items:center}.error-link{margin:0rem 1rem 0rem 1rem;text-decoration:none;color:var(--light-text)}.error-link:hover{color:var(--dark-text)}.listen{display:flex;justify-content:center}.listen-container{display:flex;justify-content:center;width:var(--container-width);flex-direction:row;gap:var(--container-gap);margin:1rem 0rem 1rem 0rem}.listen-content{display:flex;flex-direction:column;width:100%}.listen-container-left{width:var(--large-inner-container);display:flex;align-items:center;justify-content:center;flex-direction:column}.listen-container-right{width:var(--small-inner-container);display:flex;align-items:center;justify-content:flex-start;flex-direction:column}.listen-container-div{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;border-radius:var(--border-radius)}.listen-trail-username-href{font-size:0.75rem;color:white;text-decoration:none;width:50px;white-space:nowrap;font-family:sans-serif}.content-container-listen{display:flex;flex-direction:row;padding:0.75rem;border-radius:var(--border-radius);background-color:var(--bg2)}.info-content-container-listen{display:flex;flex-direction:row;border-radius:var(--border-radius);background-color:var(--bg2);width:100%;margin:0rem 0rem 1rem 0rem}.listen-content-display{margin:0rem 0rem 1rem 0rem;user-select:none}.content-listen-info{display:flex;flex-direction:column;margin-left:1rem}.listen-options{display:flex;justify-content:left;width:100%;margin:2.5rem 0rem 1rem 0rem;gap:0.5rem}.listen-button{border:none;font-family:var(--font-family);padding:0.25rem 1rem 0.25rem 1rem;background-color:black;color:var(--light-text);cursor:pointer;border-radius:var(--border-radius)}.genre-list{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center;margin:1rem 1rem 1rem 0rem}.genre-link{text-decoration:none;color:var(--light-text);font-size:var(--p-size);font-weight:bold;padding:0.5rem}.genre-link:hover{color:black;cursor:pointer}.recently-branched-item{display:flex;flex-direction:row;padding:1rem;border-radius:10px;background-color:var(--bg2);align-items:center}.prices{min-height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.prices-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.price-list{display:flex;background-color:white;border-radius:var(--border-radius)}.price-box{border:1px solid var(--b);background-color:var(--bg3);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;border-radius:var(--border-radius);margin:1rem}.price-box:hover{border:1px solid var(--muted);cursor:pointer;transform:translateY(-1px)}.price-box-selected{border:2px solid #684EA4;background-color:var(--bg2);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;border-radius:var(--border-radius);margin-top:1rem;margin-bottom:1rem;cursor:pointer}.price-box-currently-active{border:1px solid var(--muted);background-color:var(--bg2);margin:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;border-radius:var(--border-radius);margin-top:1rem;margin-bottom:1rem;height:10rem;cursor:pointer}.projects{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.projects-container{width:var(--container-width);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:2.5rem 0rem 2.5rem 0rem}.projects-nav{display:flex;flex-direction:row;justify-content:left;width:100%;gap:var(--container-gap)}.projects-list{margin:1rem 0rem 0rem 0rem;display:flex;flex-direction:column;gap:8px}.project-content-display{margin:1rem 0rem 0rem 0rem;border:1px solid var(--b)}.projects-list-title{font-family:var(--font-family);color:var(--light-text)}.history{display:flex;justify-content:center}.history-container{display:flex;justify-content:center;width:var(--container-width);flex-direction:column;gap:var(--container-gap);margin:1rem 0rem 1rem 0rem}.history-div{padding:1rem;background-color:var(--bg2);border-radius:var(--border-radius)}.change-payment-method{display:flex;flex-direction:row;justify-content:center}.change-payment-method-container{height:fit-content;margin:2.5rem 0rem 2.5rem 0rem;display:flex;flex-direction:column;align-items:center}.change-payment-method-div{background-color:var(--bg2);border-radius:10px;height:100%;flex-direction:column;display:flex;margin:1rem 0rem 0rem 0rem;justify-content:center;align-items:center;padding:1rem;width:40rem}.stripe-form{margin:0rem 1rem 0rem 1rem}.stripe-label{font-family:system-ui;font-size:1rem;color:var(--white);margin:0rem 0rem 0.25rem 0rem}.stripe-input{width:100%;border-radius:0;border:1px solid var(--b);box-shadow:none;box-sizing:border-box;padding:0.5rem;font-size:1rem;margin:0rem 0rem 0.5rem 0rem;background:#30313d;color:rgb(242,242,242);border-radius:5px}.Input{width:100%;border-radius:0;border:1px solid var(--b);box-shadow:none;box-sizing:border-box;padding:0.5rem;font-size:1rem;margin:0rem 0rem 0.5rem 0rem;background:var(--bg2);color:var(--muted)}.profile{justify-content:center;height:100%;width:100%;display:flex}.profile-container{width:100%;display:flex;justify-content:left;align-items:center;height:100%}.profile-container-div{display:flex;flex-direction:column;width:100%;border-radius:var(--border-radius)}.profile-info{width:100%;display:flex;flex-direction:column;align-items:center;background-color:var(--bg2);border-radius:var(--border-radius);border:1px solid var(--b)}.profile-info-container{margin:1rem}.profile-area{margin:0rem 0rem 2.5rem 0rem;width:100%;height:100%}.profile-area-top{display:flex;flex-direction:row;align-items:center;justify-content:center;height:100%}.profile-area-left{width:50%;display:flex;justify-content:center}.progress-bar-container{display:none;width:100%;margin:1rem 0rem 1rem 0rem}.profile-storage-progress-bar{width:100%;background-color:#ddd;border-radius:5px;border:2px white solid}.changing-progress-bar{width:0%;height:20px;background-color:#684EA4;text-align:center;line-height:20px;color:whitesmoke;border-radius:5px}.progress-bar-total{color:black;text-align:center;margin-top:0.5rem}.project-progress-bar-total{color:black;text-align:center;margin-top:0.5rem}.profile-icon-image{margin-right:2.5rem;border-radius:50%;height:200px;width:200px}.user-icon-image{margin-right:2.5rem;border-radius:50%;height:150px;width:150px}.profile-current-storage{background-color:var(--href-color);text-align:center}.raw-image{height:100%;max-width:90vw;max-height:100vh}.resubscribe{display:flex;align-items:center;justify-content:center;width:100%;flex-direction:column;min-height:90vh}.resubscribe-container{display:flex;flex-direction:column;min-width:40rem;align-items:center;justify-content:center}.resubscribe-div{background-color:var(--bg2);border-radius:var(--border-radius);margin:1rem 0rem 1rem 0rem;display:flex;flex-direction:column;align-items:center;padding:1rem;width:40rem;border:1px solid var(--b)}.resubscribe-list{display:flex;flex-direction:column;width:100%}.proration-amount{width:100%}.children-main{background:var(--bg2);border:1px solid var(--b);padding:1rem;border-radius:5px;width:100%}.file-upload-progress-bar-container{width:100%;margin:1rem 0rem 1rem 0rem}.view{display:flex;flex-direction:column;align-items:center}.view-container{width:var(--container-width);display:flex;flex-direction:column}.project-head-container{display:flex;flex-direction:row;width:auto;background-color:var(--bg2);padding:1rem;margin:1rem 0rem 0rem 0rem;border-radius:var(--border-radius);height:15rem}.audio-file-content{display:flex;margin:1rem 0rem 2.5rem 0rem;border-radius:var(--border-radius);gap:var(--container-gap)}.trail{display:flex;margin:2.5rem 0rem 0rem 0rem}.view-info{display:flex;background-color:var(--bg2);flex-direction:column;margin:1rem 0rem 0rem 0rem;border-radius:var(--border-radius)}.login-input{width:100%;background:var(--bg2);border:1.5px solid var(--b);border-radius:5px;padding:14px 10px;font-size:15px;font-weight:400;color:var(--white);font-family:'Space Grotesk',sans-serif;outline:none;transition:border-color .25s,box-shadow .25s;margin-bottom:10px}.login-input::placeholder{color:var(--muted)}.login-input:focus{border-color:var(--muted)}.login-input:auto-fill{background:var(--bg3);outline:5px solid rgb(0 0 0 / .5)}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0px 1000px color inset;-webkit-text-fill-color:color}.login-link{color:var(--p)}.login-link:hover{text-decoration:underline}.login-form{display:flex;justify-content:center;flex-direction:column;align-items:center;width:100%;gap:10px}.login-go{right:8px;top:50%;background:var(--p);color:#fff;font-size:12px;font-weight:700;letter-spacing:.06em;padding:9px 18px;border-radius:8px;transition:background .2s,transform .15s}.login-go:hover{transform:translateY(-1px) scale(1.04)}.view-info-item{display:flex;flex-direction:row;padding:1rem;align-items:center;gap:var(--container-gap)}.root-link-div{margin:1rem 0rem 0rem 0rem;display:flex;gap:1rem}.owner-project-tag-content{display:flex;flex-direction:row;margin-left:auto;align-items:center}.view-project-import{display:flex;align-items:center;width:100%;margin-bottom:10px;border-bottom:1px solid var(--b);padding-bottom:14px}.upload-files-container{display:flex;flex-direction:row;gap:var(--container-gap);align-items:center}.file-upload-loader{display:flex;align-items:center}.file-count-div{display:flex;align-items:center}.add-tag-div{width:fit-content;display:flex;flex-direction:row;margin-left:auto;align-items:center;gap:var(--container-gap)}.tag-input{height:1.5rem;font-size:var(--p-size);padding:0rem 0.5rem 0rem 0.5rem;border-radius:var(--border-radius);border:2px solid black;font-family:sans-serif;width:100%}.tag-input::placeholder{color:gray;font-family:var(--font-family)}.individual-audio-div{width:var(--large-inner-container);display:flex;flex-direction:column}.audio-information-div{display:flex;flex-direction:row;padding:1rem;background-color:var(--bg2);border-radius:var(--border-radius);gap:var(--container-gap);align-items:center}.universal-outline{display:flex;background-color:black;padding:0.5rem;border-radius:var(--border-radius);justify-content:center;color:var(--light-text);border:2px solid black;width:fit-content;font-family:var(--font-family)}.audio-content{display:flex;justify-content:center;flex-direction:row;margin-bottom:2.5rem;margin-right:2.5rem;align-items:center;background-color:var(--bg2);padding:1rem;border-radius:5px;width:75%;height:10rem}.branched-main{border-radius:var(--border-radius);display:flex;flex-direction:column}.file-upload-progress-bar{width:100%;background-color:var(--bg2);border-radius:5px;border:1px solid var(--white)}.private-members-main{background-color:var(--bg2);border-radius:var(--border-radius);padding:1rem;display:flex;flex-direction:column;gap:var(--container-gap)}.branched-content{width:var(--small-inner-container);display:flex;margin-bottom:2.5rem;height:min-content;flex-direction:column;gap:var(--container-gap)}.project-icon-container{display:flex;height:100%}.stripe-content{background-color:var(--bg2);border-radius:10px}.stripe-content-inner{margin:1rem;display:flex;flex-direction:column;align-items:center}.settings{min-width:0}.settings-data{display:flex;flex-direction:column;gap:1rem}.settings-container{width:var(--container-width);margin:2.5rem 0rem 2.5rem 0rem;display:flex;flex-direction:row;gap:var(--container-gap)}.settings-container-item{width:var(--middle-split-inner-container);display:flex;flex-direction:column;gap:var(--container-gap)}.past-subscriptions{width:100%}.active-subscriptions{width:100%}.settings-image{display:flex;gap:1rem}.settings-image-input{margin-left:auto}.settings-image-preview{max-width:250px;max-height:250px}.upload-user-icon{display:flex;gap:var(--container-gap)}.subscribe{min-height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.subscribe-container{display:flex;flex-direction:row;justify-content:center;min-width:40rem;border-radius:var(--border-radius);margin:1rem 0rem 1rem 0rem;padding:1rem;gap:var(--container-gap);align-items:start}.subscribe-prices{display:flex;flex-direction:column;min-width:30rem;background-color:var(--bg2);border:1px solid var(--b);padding:1rem;border-radius:10px}.subscribe-form{display:flex;flex-direction:column;width:100%}.change-payment-method-form{width:30rem}.subscriptions-list{display:flex;flex-direction:column;border-radius:var(--border-radius)}.payment-container{flex-direction:column;background-color:var(--bg2);border:1px solid var(--b);border-radius:10px;height:fit-content;display:flex;align-items:center;min-height:auto;padding:1rem;min-width:30rem}.final-pay-price{text-align:center;color:#444;font-size:0.75rem;font-family:system-ui}.container{position:relative;margin-left:2rem}.tools{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;min-height:90vh}.tools-container{display:flex;flex-direction:column;width:var(--container-width);background-color:var(--bg2);border-radius:var(--border-radius);margin:1rem 0rem 1rem 0rem;align-items:center}.tools-title{display:flex;flex-direction:row;gap:var(--container-gap)}.tools-div{max-width:90%;display:flex;justify-content:center;flex-direction:column;margin:1rem 0rem 1rem 0rem;gap:var(--container-gap)}.pocket{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;min-height:90vh}.pocket-container{display:flex;flex-direction:column;width:var(--container-width);background-color:var(--bg2);border-radius:var(--border-radius);margin:1rem 0rem 1rem 0rem;align-items:center}.pocket-title{display:flex;flex-direction:row;gap:var(--container-gap)}.pocket-div{max-width:90%;display:flex;justify-content:center;flex-direction:column;margin:1rem 0rem 1rem 0rem;gap:var(--container-gap)}.pocket-download{text-decoration:none}.pocket-download:hover{text-decoration:underline}#waveform{cursor:pointer;position:relative}#hover{position:absolute;left:0;top:0;z-index:10;pointer-events:none;height:100%;width:0;mix-blend-mode:overlay;background:rgba(255,255,255,0.5);opacity:0;transition:opacity 0.2s ease}#waveform:hover #hover{opacity:1}#time{position:absolute;z-index:11;top:50%;margin-top:-1px;transform:translateY(-50%);font-size:11px;background:rgba(0,0,0,0.75);padding:2px;color:#ddd;left:0}#duration{position:absolute;z-index:11;top:50%;margin-top:-1px;transform:translateY(-50%);font-size:11px;background:rgba(0,0,0,0.75);padding:2px;color:#ddd;right:0}.profile-stats{display:flex;flex-direction:row}.tag-link{text-decoration:none;margin-left:0.5rem;font-family:var(--font-family);font-weight:bold;color:var(--light-text);white-space:nowrap;font-size:var(--p-size)}.tag-link:hover{color:#DDDDDD}.owner-tag-link{text-decoration:none;margin-right:0.5rem;font-family:var(--font-family);font-weight:bold;color:var(--muted);white-space:nowrap}.owner-tag-link:hover{text-decoration:line-through;cursor:pointer}.song-delete-button{border:none;padding:0.25rem 0.5rem 0.25rem 0.5rem;font-size:1rem;border-radius:50%;cursor:pointer;background-color:#111;color:var(--light-text);margin-left:1rem}.song-delete-button:hover{background-color:#444}.create-account-hover{font-family:var(--font-family);text-decoration:none;margin-top:1rem;color:var(--light-text);font-size:0.75rem}.create-account-hover:hover{color:#111}.button-hover-neoko{border:2px solid black}.button-hover-neoko:hover{border:2px solid whitesmoke}.view-button-style{background-color:gray;padding:0.5rem;margin:0rem 1rem 0rem 1rem;border-radius:var(--border-radius)}.trail-user-icon{margin-top:-25px;margin-left:-25px}.trail-user-icon:hover{height:60px;width:60px;margin-top:-30px;margin-left:-30px}.trail-user-icon-two{height:50px;width:50px;border-radius:50%;border:2px solid black;position:absolute;margin-left:-25px;margin-top:-25px}.trail-user-icon-two:hover{height:60px;width:60px;margin-left:-30px;margin-top:-30px}.view-button-style:hover{background-color:black}.branch-button-style{padding:10px;background-color:black;border-radius:var(--border-radius);border:1px solid white;margin-top:-25px;margin-left:10px;position:absolute;font-family:'Font1',var(--font-family)}.branch-button-style:hover{background-color:#684EA4;padding:15px;margin-top:-25px;margin-left:5px;border:2px solid whitesmoke}.branch-button-style-two{padding:10px;background-color:rgba(0,0,0,0.32);border-radius:var(--border-radius);border:2px solid transparent;margin-left:5px;position:absolute;font-family:'Font1',var(--font-family)}.branch-button-style-two:hover{background-color:#684EA4;padding:10px;margin-left:5px}.text-font-footer{font-family:'Font2',var(--font-family);color:rgba(255,255,255,0.9);font-size:0.9rem}.text-font-container{display:flex;flex-direction:column;align-items:center}.text-font-larger{font-family:'Font2',var(--font-family);font-size:var(--regular-p-size);color:black;width:85%}.official-playing-waveform{align-items:center}.navigation{display:flex;justify-content:center;align-items:center;flex-direction:row;padding-top:0.5rem;padding-bottom:0.5rem;position:sticky;z-index:1000;width:100%;top:0;left:0;background-color:rgba(15,15,15,0.99);border-bottom:2px solid whitesmoke}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--b);-webkit-transition:.4x;transition:.4x}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:white;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#684EA4}input:focus+.slider{box-shadow:0 0 1 #684EA4}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.links{display:flex;flex-direction:row;align-items:center;width:var(--container-width)}.link-item{padding:0rem 0.5rem 0rem 0.5rem}.link-item-title{margin-right:auto;display:flex;align-items:center}.nav-link{font-size:var(--regular-p-size);font-family:var(--font-family);color:white;text-decoration:none}.nav-link-title{font-size:1.5rem;font-family:'Font2',var(--font-family);color:black;text-decoration:none;background-color:whitesmoke;border-radius:var(--border-radius);padding:0rem 0.5rem 0rem 0.5rem}.login-nav-link{font-size:var(--regular-p-size);font-family:'Font2',var(--font-family);color:white;text-decoration:none}.login-nav-link:hover{font-size:var(--regular-p-size);font-family:'Font2',var(--font-family);color:var(--href-color);text-decoration:none;cursor:pointer}.nav-link:hover{text-decoration:underline white}.main-footer{display:flex;justify-content:center}.footer-container{display:flex;gap:5rem;padding-bottom:5rem;padding-top:2.5rem}.main-page-two{background-color:whitesmoke;padding-bottom:5rem;padding-top:5rem;width:auto;border-top:2px dashed black;border-bottom:2px dashed black;border-width:2px 10px}.page-two-container{width:auto}.landing-page-bottom{display:flex;flex-direction:row;justify-content:center;align-items:center;padding-top:2.5rem}.content-container{width:90%;display:flex;justify-content:left;align-items:center;height:100%}.content-area{margin:2.5rem 4rem 2.5rem 4rem;padding:2rem 4rem 2rem 4rem;width:100%;height:100%;border-radius:5px;box-shadow:5px 5px 10px rgba(255,255,255,0.2),-5px -5px 10px rgba(255,255,255,0.2);background-color:whitesmoke}#hidden-page-load{display:flex;flex-direction:column;min-height:100vh}.nav-avatar-placeholder{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--p),var(--p2));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}#trail-content{display:flex}.content-area:hover{box-shadow:5px 5px 10px rgba(49,27,146,0.2),-5px -5px 10px rgba(49,27,146,0.2)}.content-area-top{display:flex;flex-direction:row;align-items:center;justify-content:center;height:100%}.content-area-left{width:50%;display:flex;justify-content:center}.team-main{display:flex;justify-content:center;align-items:center;flex-direction:row;width:100%}#info-div{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;background-color:var(--lighter-background);border-radius:var(--border-radius);margin:1rem 0rem 1rem 0rem}.upload-song-div{display:flex;flex-direction:column;width:75%;padding:1rem;background-color:var(--lighter-background);border-radius:var(--border-radius);margin:1rem 0rem 1rem 0rem}.project-container-div{display:flex;flex-direction:column;width:100%;padding:1rem;background-color:var(--lighter-background);border-radius:var(--border-radius);margin:1rem 0rem 1rem 0rem}.global-audio-album-cover-class{height:40px;width:40px;border-radius:5px;border:1px solid var(--b);cursor:pointer;transition:height 0.1s cubic-bezier(.19,1,.22,1)}.global-audio-navigation{position:fixed;background-color:var(--bg);z-index:9999;bottom:0;left:0;width:100%;height:50px;border-top:1px solid var(--b)}.global-audio-navigation-div{display:flex;justify-content:center;height:100%;align-items:center}.view-project-icon{height:100%;border-radius:5px;border:1px solid var(--b)}.published-project-icon{border:1px solid var(--bg2);border-radius:5px;height:400px;width:400px;cursor:pointer}.view-project-content-left{display:flex;margin-left:1rem;max-width:100%;width:100%}#zipping-notify{display:none;justify-content:center;align-items:center;margin-right:1rem}.upload-files-div{background-color:white;padding:0.5rem;border-radius:var(--border-radius);cursor:pointer}.upload-song-form{display:flex;flex-direction:column;justify-content:center;align-items:left;width:40%}.nav-create{font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--white);background:var(--p);padding:8px 18px;border-radius:6px;transition:background .2s,transform .15s}.nav-create:hover{background:var(--p2);transform:translateY(-1px)}.black-button{background-color:rgba(0,0,0,0.32);color:var(--light-text);font-family:var(--font-family);font-size:var(--p-size);border:1px solid transparent;padding:0.5rem 0.75rem 0.5rem 0.75rem;border-radius:var(--border-radius);width:fit-content;height:fit-content;text-decoration:none}.black-button:hover{border:1px solid transparent;cursor:pointer;background-color:rgba(0,0,0,0.22)}.white-button{background-color:rgba(255,255,255,0.6);color:var(--black-text);font-family:var(--font-family);font-size:var(--p-size);border:1px solid transparent;padding:0.5rem 0.75rem 0.5rem 0.75rem;border-radius:var(--border-radius);width:fit-content;height:fit-content;text-decoration:none}.white-button:hover{border:1px solid black;cursor:pointer}.purple-button{background-color:#684EA4;padding:0.5rem 0.75rem 0.5rem 0.75rem;color:var(--light-text);font-family:var(--font-family);text-decoration:none;border-radius:var(--border-radius);border:2px solid #684EA4;display:flex;width:fit-content;height:fit-content;font-size:var(--p-size)}.purple-button:hover{border:2px solid whitesmoke;cursor:pointer}.back-button{border-radius:10px;width:fit-content;height:fit-content;background-color:black;font-family:sans-serif;padding:0.5rem;color:var(--light-text);text-decoration:none;cursor:pointer;border:2px solid black}.back-button:hover{border:2px solid whitesmoke}.red-notify{color:whitesmoke;background-color:var(--red-text);border-radius:10px;padding:0.5rem}.waveform-element{display:flex;flex-direction:column;width:100%}.waveform-info{display:flex;flex-direction:row;align-items:center}.play-button{height:5rem;width:5rem;margin-right:1rem;background-color:rgba(0,0,0,0.25);border-radius:20px}.waveform{margin-top:auto;width:100%}.icon-play-button{display:flex;flex-direction:row;position:relative;height:5rem;width:5rem}.icon-play-button-div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-icon-button{cursor:pointer;border-width:1.6rem 0rem 1.6rem 3rem;box-sizing:border-box;border-color:transparent transparent transparent rgba(255,255,255,0.75);border-style:solid}.pause-icon-button{cursor:pointer;display:none;height:50px;border-width:25px;border-style:solid;border-width:0px 0px 0px 25px;border-color:rgba(255,255,255,0.75);border-style:double}.form{display:flex;justify-content:center;flex-direction:column;align-items:center;width:100%}.form-input{height:2.5rem;margin-bottom:1rem;font-size:1rem;padding:0rem 0.5rem 0rem 0.5rem;border-radius:var(--border-radius);border:2px solid black;font-family:sans-serif;width:100%;box-sizing:border-box;width:100%;background:rgba(240,234,255,.04);border:1px solid rgba(240,234,255,.09);border-radius:10px;padding:13px 16px;font-size:14px;color:var(--white);outline:none;transition:border-color .25s,background .25s,box-shadow .25s;font-weight:400;font-family:var(--font-family)}.form-input::placeholder{color:gray;font-family:'Font2'}.form-text-area{resize:vertical;height:15rem;font-size:1rem;margin-bottom:2.5rem;color:var(--white);padding-top:0.5rem}.form-switch{display:flex;flex-direction:row;align-items:center;background-color:var(--bg3);padding:0.5rem;border-radius:10px;margin:0rem 0rem 1rem 0rem}.switch{position:relative;display:inline-block;width:60px;height:34px;margin:0rem 0.25rem 0rem 0.25rem}.switch input{opacity:0;width:0;height:0}.radio-input-container{display:flex;flex-direction:row;align-items:center}.radio-input{height:1rem;width:1rem;margin-right:0.5rem}.wave{display:flex;align-items:flex-end;height:1rem;gap:0rem}.wave span{width:4px;height:0px;background:var(--p);animation:wave 1.2s ease-in-out infinite;border-right:1px solid var(--black-background)}.wave span:nth-child(1){animation-delay:0s}.wave span:nth-child(2){animation-delay:0.1s}.wave span:nth-child(3){animation-delay:0.2s}.wave span:nth-child(4){animation-delay:0.3s}.wave span:nth-child(5){animation-delay:0.4s}@keyframes wave{0%{height:0}50%{height:1rem}100%{height:0rem}}.arc-ring{width:52px;height:52px;border-radius:50%;border:2.5px solid var(--muted);border-top-color:var(--white);animation:arcSpin 0.9s linear infinite}@keyframes arcSpin{to{transform:rotate(360deg)}}.form-item{margin-bottom:1rem;background-color:whitesmoke;padding:0.5rem;border-radius:var(--border-radius);display:flex;justify-content:center;flex-direction:column}.filetype-text{background-color:black;padding:0.25rem 0.75rem;border-radius:var(--border-radius);font-size:1rem;font-family:var(--font-family)}.audio-content-display{display:flex;justify-content:left}.no-decoration-link{text-decoration:none;width:fit-content;color:var(--light-text);font-size:1rem;font-family:var(--font-family)}.no-decoration-link:hover{color:gray}.dragging{background-color:rgba(0,0,0,0.8);border-radius:var(--border-radius);border:2px solid whitesmoke}.audio-main{width:100%;display:flex;flex-direction:row;padding:1rem;background-color:var(--bg2);border-radius:5px;border:1px solid var(--b);height:auto}.audio-information{display:flex;align-items:center;margin-bottom:0.5rem;min-width:0}.name-display{color:var(--muted);font-size:10px}.official-play-button{fill:var(--muted)}.official-play-button:hover{fill:var(--white);cursor:pointer}.audio-information-content{display:flex;flex-direction:column;margin-left:1rem;width:100%}.audio-user-icon{height:40px;width:40px;border-radius:50%}.audio-player{width:100%}.image-parallax{transform:translateZ(0);will-change:transform;display:flex;justify-content:center;transition:transform 0.2s}.image-parallax:hover{transform:scale(1.05)}.navigation-user-icon{display:flex;justify-content:center;align-items:center}img{display:block;height:auto}.both-name-list{display:flex;flex-direction:column;align-items:left}.view-project-title-text{color:var(--light-text);font-size:var(--audio-title);font-family:var(--font-family);font-weight:bold}span{display:inline-block;margin:0;padding:0;color:white}.project-tag-content{display:flex;flex-direction:row;margin-bottom:1rem;margin-left:auto}.navigation-bar-element{background-color:whitesmoke;opacity:60%;flex:1;text-align:center;display:none;justify-content:center;align-items:center;height:2em;margin:0}.hamburger-nav-flex{display:none;top:0;position:sticky}.animated-background{top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#000000,#0F0F0F,#131313,#181818,#222222);background-size:300% 300%;filter:blur(0px);animation:gradient-move 10s infinite ease-in-out;border-width:2px 10px}.dark-animated-background{top:0;left:0;width:100%;background:linear-gradient(45deg,#000000,#0F0F0F,#131313,#181818,#222222);background-size:300% 300%;filter:blur(0px);animation:gradient-move 60s infinite ease-in-out;border-width:5px 10px}.nav-user-icon{box-shadow:10px 10px 30px rgba(0,0,0,0.5);pointer-events:none;border-radius:50%;width:40px;height:40px}.nav-username{font-size:13px;color:var(--muted);text-decoration:none;font-weight:500}.nav-username:hover{color:#684EA4;cursor:pointer}.footer-links{text-decoration:none;color:black;font-family:'Font2',var(--font-family)}.footer-links:hover{color:gray}.navigation-bar-list{display:none}.profile-center{display:flex;justify-content:center;flex-direction:column;align-items:center;width:100%;margin:1rem 0 0 0;gap:1rem}.link-item-title-top{display:flex;flex-direction:row;justify-content:center;align-items:center}.link-item-text-smaller{font-family:var(--font-family);margin:0rem 0.25rem 0rem 0.25rem;font-size:1rem}.link-item-text-larger{font-family:var(--font-family);margin:0rem 0.25rem 0rem 0.25rem}.profile-middle-content{display:flex;flex-direction:column;margin-left:1rem;margin-right:1rem;background-color:var(--bg2);padding:1rem;border-radius:var(--border-radius)}.profile-middle-text{color:white;font-family:var(--font-family);font-size:var(--regular-p-size)}.profile-top{display:flex;justify-content:center;align-items:center;flex-direction:row}.profile-middle{margin-top:2.5rem}#nav-button{background-color:transparent;border:none;padding:0rem 0.5rem 0rem 0.5rem}#nav-button:hover{cursor:pointer}.hidden-div{display:flex;position:absolute;top:100%;flex-direction:column;background-color:var(--bg);padding:10px;border:1px solid var(--b);border-radius:8px;margin-top:12px}.hidden-div-audio{display:none;position:absolute;background-color:black;padding:10px;border:1px solid #ccc;border-radius:8px;flex-direction:column}.audio-content-container{margin-left:auto}.container:hover .hidden-div{display:block}.audio-content-options{display:flex;flex-direction:row;height:100%;cursor:pointer;padding:0.5rem}.audio-content-container:hover .hidden-div-audio{display:flex}.page{flex:1;padding-top:62px;max-width:70%;width:100%;margin:0 auto;padding-left:32px;padding-right:32px;padding-bottom:80px;flex-direction:column;align-items:center;justify-content:flex-start}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-title{font-size:26px;font-weight:700;letter-spacing:-.03em;color:var(--white);margin-bottom:5px}.page-subtitle{font-size:13px;color:var(--muted)}.plan-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(124,79,212,.3);border-radius:100px;padding:7px 16px;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--p3);background:rgba(124,79,212,.07);margin-top:4px}.plan-pill::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--p3);box-shadow:0 0 6px var(--p3);flex-shrink:0}.settings-wrap{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:start;width:100%}.sidebar{position:sticky;top:62px;overflow:hidden;padding:28px 0px 28px 22px;height:calc(100vh - 62px);border-left:1px solid var(--b);overflow-y:auto;scrollbar-width:none}.settings-sidebar{position:sticky;top:92px;overflow:hidden;overflow-y:hidden;height:fit-content;overflow-y:auto;scrollbar-width:none;border:1px solid var(--b);background:var(--bg2);border-radius:5px}.sb-group{padding:18px 16px 6px}.sb-group:first-child{padding-top:10px}.sb-label{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--white);display:block}.sb-divider{height:1px;background:var(--b);margin:8px 16px}.sb-item{display:flex;align-items:center;gap:11px;padding:9px 16px;font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;border-left:2px solid transparent;transition:color .18s,background .18s,border-color .18s;user-select:none;position:relative}.sb-item svg{width:15px;height:15px;flex-shrink:0;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:.55;transition:opacity .18s}.sb-item:hover{color:var(--white);background:var(--color-three)}.sb-item:hover svg{opacity:.8}.sb-item.active{color:var(--white);background:var(--bg3);border-left-color:var(--muted)}.sb-item.active svg{stroke:var(--white);opacity:1}.section{flex-direction:column;gap:16px;width:100%;margin-bottom:44px}.section.active{display:flex;animation:fadeUp .28s cubic-bezier(.22,.68,0,1) both}.settings-section{flex-direction:column;gap:16px;width:100%;margin-bottom:44px;display:none}.settings-section.active{display:flex;animation:fadeUp .28s cubic-bezier(.22,.68,0,1) both}.settings-card{background:var(--bg2);border:1px solid var(--b);border-radius:5px;overflow:hidden;position:relative;transition:border-color .2s}.settings-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--muted),var(--muted),transparent);opacity:0;transition:opacity .3s;pointer-events:none}.settings-card:hover::before{opacity:.6}.card{background:var(--bg2);border:1px solid var(--b);border-radius:14px;overflow:hidden;position:relative;transition:border-color .2s}.card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--muted),var(--muted),transparent);opacity:0;transition:opacity .3s;pointer-events:none}.card:hover{border-color:var(--b2)}.card:hover::before{opacity:.6}.card-head{padding:28px 32px 24px;border-bottom:1px solid var(--b);display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;width:100%}.card-title{font-size:14px;font-weight:700;color:var(--white);margin-bottom:3px}.card-subtitle{font-size:12px;color:var(--muted);line-height:1.5}.card-body{padding:28px 32px;display:flex;flex-direction:column;gap:22px}.card-foot{padding:20px 32px;border-top:1px solid var(--b);display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(240,234,255,.012);width:100%}.avatar-row{display:flex;align-items:center;gap:22px;padding:22px 24px}.avatar-wrap{position:relative;flex-shrink:0}.avatar-circle{width:80px;height:80px;border-radius:50%;background:var(--bg3);overflow:hidden;display:flex;align-items:center;justify-content:center}.avatar-circle img{width:100%;height:100%;object-fit:cover}.avatar-edit-dot{position:absolute;bottom:2px;right:2px;width:22px;height:22px;border-radius:50%;background:var(--bg2);border:2px solid var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .18s,transform .18s}.avatar-edit-dot:hover{background:var(--p2);transform:scale(1.1)}.avatar-edit-dot svg{width:9px;height:9px;stroke:#fff;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.avatar-handle{font-size:15px;font-weight:700;color:var(--white);margin-bottom:4px}.avatar-hint{font-size:11px;color:var(--muted);margin-bottom:14px;line-height:1.5}.avatar-btns{display:flex;align-items:center;gap:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px;margin-top:25px}.field-label{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:6px;width:100%;margin-top:1rem;margin-bottom:10px}.field-input{width:100%;background:var(--color-three);border:1px solid rgba(240,234,255,.09);border-radius:10px;padding:13px 16px;font-size:14px;color:var(--white);outline:none;transition:border-color .25s,background .25s,box-shadow .25s;font-weight:400;font-family:'Space Grotesk',sans-serif}.field-input:focus{border-color:var(--muted)}.field-input::placeholder{color:rgba(240,234,255,.22)}textarea.field-input{resize:vertical;min-height:130px;line-height:1.65}.field-hint{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:5px}.btn-primary{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#fff;background:var(--p);border-radius:9px;padding:10px 20px;transition:background .18s,transform .12s,box-shadow .18s;cursor:pointer}.btn-primary:hover{background:var(--p2)}.btn-primary:active{transform:scale(.96)}.btn-primary svg{width:12px;height:12px;stroke:#fff;stroke-width:2.5;fill:none;stroke-linecap:round}.btn-ghost{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--muted);background:transparent;border:1px solid var(--b2);border-radius:9px;padding:10px 18px;transition:color .18s,border-color .18s,background .18s}.btn-ghost:hover{color:var(--white);border-color:rgba(240,234,255,.24);background:var(--color-three)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 24px;border-bottom:1px solid var(--b);transition:background .18s;width:100%}.toggle-row:last-of-type{border-bottom:none}.toggle-row:hover{background:rgba(240,234,255,.015)}.t-name{font-size:13px;font-weight:600;color:var(--white);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;user-select:none}.t-desc{font-size:11px;color:var(--muted);line-height:1.5}.tog{position:relative;width:40px;height:22px;flex-shrink:0;cursor:pointer}.tog input{opacity:0;width:0;height:0;position:absolute}.tog-track{position:absolute;inset:0;background:rgba(240,234,255,.09);border:1px solid var(--b);border-radius:100px;transition:background .25s,border-color .25s}.tog-track::before{content:'';position:absolute;width:14px;height:14px;border-radius:50%;background:rgba(240,234,255,.3);top:3px;left:3px;transition:transform .25s,background .25s,box-shadow .25s}.tog input:checked+.tog-track{background:rgba(124,79,212,.38);border-color:var(--p)}.tog input:checked+.tog-track::before{transform:translateX(18px);background:var(--p3);box-shadow:0 0 8px rgba(196,160,255,.55)}.danger-row{display:flex;align-items:start;justify-content:space-between;gap:20px;padding:16px 24px;border-bottom:1px solid rgba(224,85,85,.07);transition:background .18s;flex-direction:column}.danger-row:last-child{border-bottom:none}.danger-row:hover{background:rgba(224,85,85,.03)}.d-name{font-size:13px;font-weight:600;color:var(--white);margin-bottom:3px}.d-desc{font-size:11px;color:var(--muted);line-height:1.5}.btn-danger{font-size:11px;font-weight:700;color:#e07575;border:1px solid rgba(224,85,85,.22);border-radius:8px;padding:8px 16px;background:rgba(224,85,85,.07);transition:background .18s,border-color .18s;white-space:nowrap}.btn-danger:hover{background:rgba(224,85,85,.15);border-color:rgba(224,85,85,.42)}.btn-danger-hard{color:#e04444;border-color:rgba(200,60,60,.28);background:rgba(200,60,60,.07)}.btn-danger-hard:hover{background:rgba(200,60,60,.18);border-color:rgba(200,60,60,.55)}.sub-empty{padding:44px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.sub-empty-icon{width:48px;height:48px;border-radius:50%;border:1px solid var(--bp);display:flex;align-items:center;justify-content:center;margin-bottom:4px}.sub-empty-icon svg{width:20px;height:20px;stroke:var(--muted);stroke-width:1.8;fill:none;stroke-linecap:round}.sub-empty-title{font-size:14px;font-weight:600;color:var(--white)}.sub-empty-text{font-size:12px;color:var(--muted);line-height:1.6}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(80px);background:black;border:1px solid var(--b);border-radius:10px;padding:12px 22px;font-size:13px;font-weight:600;color:var(--white);display:flex;align-items:center;gap:9px;z-index:999;opacity:0;pointer-events:none;white-space:nowrap;transition:transform .4s cubic-bezier(.22,.68,0,1.2),opacity .3s;box-shadow:0 8px 40px rgba(0,0,0,.5)}.toast.show{transform:translateX(-50%) translateY(0);opacity:1}.toast svg{width:15px;height:15px;stroke:var(--muted);stroke-width:2.2;fill:none;stroke-linecap:round}footer{text-align:center;padding:56px 60px 36px;margin-top:auto;width:100%;position:relative;z-index:1}.footer-logo{height:22px;margin:0 auto 12px;opacity:.55;display:block}.footer-slogan{font-size:13px;font-style:italic;color:rgba(240,234,255,.28);letter-spacing:.06em}.badge{position:fixed;bottom:22px;right:22px;z-index:600;background:var(--p);color:#fff;padding:7px 14px;font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;border-radius:3px}*::before{margin:0;padding:0;box-sizing:border-box}*::after{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--white);font-family:'Space Grotesk',sans-serif;font-weight:400;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;opacity:0;transition:opacity 0.15s}body.loaded{opacity:1}button{border:none;background:none;font-family:inherit;cursor:pointer}nav{position:fixed;top:0;left:0;right:0;z-index:100;height:64px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:var(--bg);backdrop-filter:blur(24px);border-bottom:1px solid var(--b)}.nav-left{display:flex;align-items:center;gap:40px}.nav-logo{height:28px;width:75px}.nav-logo img{height:28px;display:block;filter:brightness(0) invert(1)}.nav-links{display:flex;gap:20px;list-style:none;margin-left:auto;user-select:none}.nav-links a{font-size:13px;font-weight:500;color:var(--muted);padding:6px 13px;border-radius:6px;position:relative;cursor:pointer}.nav-links a.active{color:var(--white);background:var(--color-three)}.nav-links a:hover:not(.active){color:var(--white);background:var(--color-three)}.nav-right{display:flex;align-items:center;gap:10px}.nav-avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}.nav-create{font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--white);background:var(--p);padding:8px 18px;border-radius:6px;transition:background .2s,transform .15s}.nav-create:hover{background:var(--p2);transform:translateY(-1px)}.tools-hero{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden}.tools-hero::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:700px;height:320px;pointer-events:none}.hero-eyebrow{font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--p3);margin-bottom:22px;display:flex;align-items:center;gap:14px;animation:fadeUp .8s ease .25s both;position:relative;z-index:1;justify-content:center}.hero-eyebrow::before{content:'';width:22px;height:1px;background:var(--p3);opacity:.55}.hero-eyebrow::after{content:'';width:22px;height:1px;background:var(--p3);opacity:.55}.hero-title{font-size:5rem;font-weight:700;letter-spacing:-.025em;line-height:.94;color:var(--white);margin-bottom:24px;background:linear-gradient(180deg,var(--white) 0%,var(--p3) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub-title{width:fit-content;font-weight:700;letter-spacing:-.025em;line-height:.94;color:var(--white);margin-bottom:24px;background:linear-gradient(180deg,var(--white) 0%,var(--p3) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding:0 0 10px 0}.hero-sub{font-size:14px;color:var(--muted);font-weight:400;animation:fadeUp .6s ease .13s both;margin-bottom:36px;max-width:480px;margin:0 auto;line-height:1.65}.tabs-row{display:flex;gap:4px}.tab{font-size:13px;font-weight:600;letter-spacing:.04em;padding:10px 24px;border-radius:8px;border:1px solid var(--b);color:var(--muted);transition:all .2s;position:relative}.tab.active{color:var(--white);background:var(--bg);border-color:var(--muted)}.tab:hover:not(.active){color:var(--white);border-color:rgba(240,234,255,.15);background:var(--color-three)}.tab-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--muted);margin-right:6px;opacity:0;transition:opacity .2s;vertical-align:middle;margin-bottom:1px}.tab.active .tab-dot{opacity:1}.tool-panel{width:100%;margin:24px 32px 0}.panel-card{background:var(--bg2);border:1px solid var(--b);border-radius:16px;overflow:hidden}.panel-header{padding:28px 32px 24px;border-bottom:1px solid var(--b);display:flex;align-items:center;gap:16px}.panel-icon{width:44px;height:44px;border-radius:10px;background:var(--bg2);border:1px solid var(--muted);display:flex;align-items:center;justify-content:center;flex-shrink:0}.panel-icon svg{width:20px;height:20px;stroke:var(--muted);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.panel-title{font-size:16px;font-weight:700;color:var(--white);margin-bottom:3px;letter-spacing:-.01em}.panel-desc{font-size:13px;color:var(--muted);font-weight:300}.panel-body{padding:28px 32px 32px;display:flex;flex-direction:column;gap:24px}.upload-zone{border:1.5px dashed var(--muted);border-radius:10px;padding:40px 24px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;background:var(--bg2);cursor:pointer;transition:border-color .25s,background .25s;position:relative}.upload-zone:hover{border-color:var(--white)}.upload-zone.has-file{border-color:var(--white);background:rgba(124,79,212,.08)}.uz-icon{width:44px;height:44px;border-radius:50%;background:var(--bg2);border:1px solid var(--muted);display:flex;align-items:center;justify-content:center;transition:background .2s}.uz-icon svg{width:20px;height:20px;stroke:var(--muted);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.uz-title{font-size:14px;font-weight:600;color:var(--white)}.uz-sub{font-size:12px;color:var(--muted)}.uz-btn{font-size:12px;font-weight:600;color:var(--muted);border:1px solid var(--muted);border-radius:6px;padding:7px 18px;background:var(--bg2);transition:background .2s;margin-top:4px}.uz-btn:hover{border:1px solid var(--white)}.file-input{display:none}.file-chosen{display:none;align-items:center;gap:12px;padding:14px 16px;background:rgba(124,79,212,.08);border:1px solid var(--bp);border-radius:8px}.file-chosen.show{display:flex}.fc-icon svg{width:18px;height:18px;stroke:var(--white);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.fc-name{font-size:13px;font-weight:600;color:var(--muted);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fc-size{font-size:11px;color:var(--muted);flex-shrink:0}.fc-clear{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:all .2s;flex-shrink:0}.fc-clear:hover{background:rgba(255,100,100,.1);color:#ff7272}.fc-clear svg{width:12px;height:12px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}.format-label{font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;display:flex;align-items:center;gap:8px}.format-label::after{content:'';flex:1;height:1px;background:var(--b)}.format-cats{display:flex;flex-direction:column;gap:14px}.format-cat-label{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(240,234,255,.25);margin-bottom:8px}.format-tags{display:flex;flex-wrap:wrap;gap:7px}.fmt{font-size:12px;font-weight:600;padding:6px 14px;border-radius:6px;border:1px solid var(--b);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;transition:all .18s;cursor:pointer;background:rgba(240,234,255,.02)}.fmt:hover{color:var(--white);border-color:rgba(196,160,255,.3);background:rgba(124,79,212,.08)}.fmt.selected{color:var(--white);border-color:var(--p3);background:rgba(124,79,212,.18);box-shadow:0 0 0 1px rgba(124,79,212,.2)}.convert-row{display:flex;align-items:center;gap:14px;justify-content:center;flex-direction:column}.convert-btn{font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--white);background:var(--p);padding:13px 36px;border-radius:8px;transition:background .25s,transform .2s,box-shadow .25s;display:inline-flex;align-items:center;gap:8px}.convert-btn svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.convert-btn:hover{background:var(--p2);transform:translateY(-1px)}.convert-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.convert-hint{font-size:12px;color:var(--dim)}.selected-fmt-label{font-size:13px;color:var(--muted)}.selected-fmt-label span{color:var(--p3);font-weight:600}.metadata-form{display:flex;flex-direction:column;gap:16px}.metadata-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;justify-content:center}.metadata-field{display:flex;flex-direction:column;gap:6px}.metadata-field.full{grid-column:1 / -1}.tool-field-input{font-size:13px;font-weight:400;font-family:'Space Grotesk',sans-serif;background:var(--color-three);border:1px solid var(--b);border-radius:8px;padding:11px 14px;color:var(--white);outline:none;transition:border-color .2s,box-shadow .2s}.tool-field-input::placeholder{color:var(--muted)}.tool-field-input:focus{border-color:rgba(124,79,212,.5)}.tag-upload-row{display:flex;gap:10px;align-items:flex-end}.tag-upload-row .upload-zone{flex:1;padding:24px}.tag-fields{display:flex;flex-direction:column;gap:14px}.tag-current{background:rgba(240,234,255,.03);border:1px solid var(--b);border-radius:8px;padding:16px 18px}.tc-label{font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.tc-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--b);font-size:13px}.tc-row:last-child{border-bottom:none}.tc-key{color:var(--muted)}.tc-val{color:var(--white);font-weight:500}.tab-panel{display:none}.tab-panel.active{display:flex;flex-direction:column}.search-hero{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;width:100%;gap:1rem}.search-wrap{width:100%;position:relative}.search-input{width:100%;background:var(--bg2);border:1.5px solid var(--b);border-radius:5px;padding:16px 60px 16px 50px;font-size:15px;font-weight:400;color:var(--white);font-family:'Space Grotesk',sans-serif;outline:none;transition:border-color .25s,box-shadow .25s}.search-input::placeholder{color:var(--muted)}.search-input:focus{border-color:var(--muted)}.search-input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none;transition:color .2s}.search-input:focus~.search-input-icon{color:var(--muted)}.search-input-icon svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.search-go{position:absolute;right:8px;top:50%;transform:translateY(-50%);border-radius:8px;transition:background .2s,transform .15s;font-size:12px;font-weight:600;letter-spacing:.03em;padding:8px 18px;border-radius:6px;border:1px solid var(--b);color:var(--muted);transition:all .2s;cursor:pointer}.search-go:hover{color:var(--white);border-color:var(--color-four)}.search-hint{margin-top:11px;font-size:12px;color:var(--dim)}.kbd{display:inline-block;font-size:10px;font-weight:600;color:var(--muted);background:rgba(240,234,255,.06);border:1px solid var(--b);border-radius:4px;padding:2px 6px}.filters{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:center}.f-label{font-size:11px;color:var(--dim);font-weight:500;margin-right:2px}.f-pill{font-size:12px;font-weight:500;color:var(--muted);padding:5px 14px;border:1px solid var(--b);border-radius:100px;cursor:pointer;transition:all .18s;user-select:none}.f-pill:hover{color:var(--white);border-color:var(--muted)}.f-pill.on{color:var(--white);border-color:var(--white)}.divider{border:none;border-top:1px solid var(--b);margin:0 32px}.browse{flex:1;padding:0px 0px 40px 0px;max-width:1100px;width:100%;margin:0 auto}.browse-label{font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:18px;display:flex;align-items:center;gap:12px}.browse-label::after{content:'';flex:1;height:1px;background:var(--b)}.genre-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:44px}.genre-tile{border-radius:10px;height:100px;position:relative;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:16px;border:1px solid rgba(255,255,255,0.06);transition:transform .22s,box-shadow .22s}.genre-tile:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,0,0,.4)}.genre-tile:hover .gt-icon svg{transform:scale(1.1)}.gt-icon{width:32px;height:32px;background:rgba(255,255,255,.12);border-radius:8px;display:flex;align-items:center;justify-content:center}.gt-icon svg{width:16px;height:16px;stroke:rgba(255,255,255,.85);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}.gt-name{font-size:13px;font-weight:600;color:#fff}.gt-count{font-size:10px;color:rgba(255,255,255,.5)}.gc1{background:linear-gradient(135deg,#2d1a5c,#5c3a96)}.gc2{background:linear-gradient(135deg,#5c1a2d,#8a2f4a)}.gc3{background:linear-gradient(135deg,#1a5c2d,#2f8a4a)}.gc4{background:linear-gradient(135deg,#5c3d1a,#8a5f2f)}.gc5{background:linear-gradient(135deg,#1a4a5c,#2f708a)}.gc6{background:linear-gradient(135deg,#4a1a5c,#6f2f8a)}.gc7{background:linear-gradient(135deg,#5c1a1a,#8a2f2f)}.gc8{background:linear-gradient(135deg,#1a3d5c,#2f608a)}.track-list{display:flex;flex-direction:column;gap:15px}.track-row{display:flex;align-items:center;gap:14px;padding:12px 14px;background:var(--bg2);border:1px solid var(--b);border-radius:2px;cursor:pointer;transition:background .2s,border-color .2s;position:relative}.track-row:hover{background:rgba(124,79,212,.07);border-color:var(--bp)}.track-num{font-size:12px;font-weight:600;color:var(--dim);width:18px;text-align:center;flex-shrink:0}.track-art{width:172px;height:172px;border-radius:5px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:9px;overflow:hidden;transition:box-shadow .22s;cursor:pointer;border:1px solid var(--bg)}.track-art svg{width:18px;height:18px;stroke:rgba(255,255,255,.6);stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.track-art-small{width:50px;height:50px;border-radius:5px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:box-shadow .22s;cursor:pointer;border:1px solid var(--bg)}.track-art-small svg{width:18px;height:18px;stroke:rgba(255,255,255,.6);stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.track-info{flex:1;min-width:0;background:var(--bg2);border:1px solid var(--b);border-radius:5px;overflow:hidden}.track-info-small{flex:1;min-width:0;background:var(--bg2);overflow:hidden}.track-name{font-size:13px;font-weight:600;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}.track-meta{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px}.track-bpm{font-size:10px;font-weight:600;color:var(--p3)}.track-user{display:flex;align-items:center;gap:5px}.track-av{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;flex-shrink:0;color:rgba(255,255,255,.8)}.track-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.track-plays{font-size:11px;color:var(--muted)}.track-play{width:30px;height:30px;border-radius:50%;background:rgba(124,79,212,.14);border:1px solid var(--bp);display:flex;align-items:center;justify-content:center;transition:background .2s,opacity .2s;opacity:0}.track-row:hover .track-play{opacity:1}.track-play:hover{background:rgba(124,79,212,.3)}.track-play svg{width:10px;height:10px;fill:var(--p3);margin-left:1px}.ta1{background:linear-gradient(135deg,#2d1a5c,#5c3a96)}.ta2{background:linear-gradient(135deg,#1a2d5c,#2f4a8a)}.ta3{background:linear-gradient(135deg,#5c1a2d,#8a2f4a)}.ta4{background:linear-gradient(135deg,#1a5c2d,#2f8a4a)}.ta5{background:linear-gradient(135deg,#5c3d1a,#8a5f2f)}.ta6{background:linear-gradient(135deg,#1a4a5c,#2f708a)}.ta7{background:linear-gradient(135deg,#4a1a5c,#6f2f8a)}.ta8{background:linear-gradient(135deg,#5c1a1a,#8a2f2f)}.footer-logo img{height:20px;margin:0 auto 10px;opacity:.5;display:block}.page-sub{font-size:13px;color:var(--muted)}.btn-new{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--p),var(--p2));border-radius:9px;padding:11px 22px;transition:box-shadow .3s,transform .2s;box-shadow:0 0 0 0 rgba(124,79,212,0);user-select:none}.btn-new:hover{transform:translateY(-2px)}.btn-new:active{transform:translateY(0)}.btn-new svg{width:14px;height:14px;stroke:#fff;stroke-width:2.5;fill:none;stroke-linecap:round}.btn-new-simple{font-size:12px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--p),var(--p2));border-radius:9px;padding:11px 22px;transition:box-shadow .3s,transform .2s;box-shadow:0 0 0 0 rgba(124,79,212,0)}.btn-new-simple:hover{transform:translateY(-2px)}.btn-new-simple:active{transform:translateY(0)}.btn-new-simple svg{width:14px;height:14px;stroke:#fff;stroke-width:2.5;fill:none;stroke-linecap:round}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:1rem;width:100%}.search-wrap-projects{position:relative;flex:1;min-width:180px}.search-wrap-projects svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:14px;height:14px;stroke:var(--muted);stroke-width:2;fill:none;stroke-linecap:round;pointer-events:none}.search-input-projects{width:100%;background:var(--color-three);border:1px solid rgba(240,234,255,.08);border-radius:9px;padding:9px 14px 9px 34px;font-size:13px;color:var(--white);font-family:'Space Grotesk',sans-serif;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.search-input-projects:focus{border-color:var(--p);background:rgba(124,79,212,.06);box-shadow:0 0 0 3px rgba(124,79,212,.12)}.search-input-projects::placeholder{color:var(--muted)}.tab-group{display:flex;background:var(--color-three);border:1px solid var(--b);border-radius:10px;padding:3px;gap:2px;user-select:none}.tab-btn{font-size:12px;font-weight:600;color:var(--muted);padding:7px 15px;border-radius:7px;cursor:pointer;transition:color .2s,background .2s,box-shadow .2s;white-space:nowrap}.tab-btn:hover{color:var(--white)}.tab-btn.active{color:var(--white);background:var(--p)}.sort-wrap{position:relative}.sort-wrap svg{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:13px;height:13px;stroke:var(--muted);stroke-width:2;fill:none;pointer-events:none}.sort-sel{appearance:none;background:var(--color-three);border:1px solid rgba(240,234,255,.08);border-radius:9px;padding:9px 30px 9px 13px;font-size:12px;font-weight:500;color:var(--muted);font-family:'Space Grotesk',sans-serif;cursor:pointer;outline:none;transition:border-color .2s,color .2s;min-width:150px}.sort-sel:hover{border-color:var(--color-four);color:var(--white)}.sort-sel:focus{border-color:var(--color-four);color:var(--white)}.sort-sel option{background:var(--bg3)}.view-toggle{display:flex;gap:2px;background:var(--color-three);border:1px solid var(--b);border-radius:9px}.vbtn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:7px;cursor:pointer;transition:background .2s}.vbtn svg{width:14px;height:14px;stroke:var(--muted);stroke-width:2;fill:none;stroke-linecap:round;transition:stroke .2s}.vbtn:hover svg{stroke:var(--white)}.vbtn.active svg{stroke:var(--p3)}.ham-button{display:flex;align-items:center;justify-content:center;border-radius:7px;cursor:pointer;transition:background .2s}.meta-row{display:flex;align-items:center;justify-content:space-between;margin-top:1rem}.meta-count{font-size:11px;color:var(--muted)}.meta-sync{font-size:11px;color:var(--color-four)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;width:100%}.g-card{background:var(--bg2);border:1px solid var(--b);border-radius:5px;overflow:hidden;position:relative;transition:border-color .3s,box-shadow .3s,transform .3s;display:flex;flex-direction:column}.g-card::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--p),var(--p3),transparent);opacity:0;transition:opacity .35s;pointer-events:none}.g-art{height:96px;position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.g-art-bg{position:absolute;inset:0;background-size:300% 300%;animation:artPan 10s ease-in-out infinite}.g-emoji{position:relative;z-index:2;font-size:28px;line-height:1;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(8,6,14,.55);backdrop-filter:blur(4px);border:1px solid rgba(240,234,255,.1);transition:transform .3s cubic-bezier(.22,.68,0,1.4),box-shadow .3s;user-select:none}.g-vis{position:absolute;top:10px;right:12px;z-index:2;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:100px}.vis-pub{background:rgba(45,158,107,.2);color:#4dd4a0;border:1px solid rgba(45,158,107,.3)}.vis-priv{background:rgba(240,234,255,.07);color:var(--muted);border:1px solid var(--b)}.g-body{padding:18px 20px 14px;flex:1;display:flex;flex-direction:row;gap:10px}.g-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.g-title{font-size:14px;font-weight:700;color:var(--white);letter-spacing:-.01em;line-height:1.25}.g-pub-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-top:4px;transition:box-shadow .3s}.dot-yes{background:#4dd4a0;box-shadow:0 0 0 0 rgba(77,212,160,0)}.dot-no{background:rgba(255,107,107,.75)}.g-desc{font-size:12px;color:var(--muted);line-height:1.55;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.g-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}.g-meta-item{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--muted)}.g-meta-item svg{width:11px;height:11px;stroke:var(--muted);stroke-width:2;fill:none;stroke-linecap:round;flex-shrink:0}.g-pub-label{font-size:10px;font-weight:600;display:flex;align-items:center;gap:4px}.pub-yes{color:#4dd4a0}.pub-no{color:rgba(255,107,107,.85)}.pub-yes svg{width:10px;height:10px;stroke:currentColor;stroke-width:2.5;fill:none;stroke-linecap:round}.pub-no svg{width:10px;height:10px;stroke:currentColor;stroke-width:2.5;fill:none;stroke-linecap:round}.g-stats{display:flex;gap:14px}.g-stat{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:500;color:rgba(196,160,255,.7)}.g-stat svg{width:11px;height:11px;stroke:var(--p3);stroke-width:2;fill:none;stroke-linecap:round}.g-footer{padding:10px 20px;border-top:1px solid var(--b);display:flex;align-items:center;justify-content:space-between;background:rgba(240,234,255,.012);margin-top:auto}.g-author{display:flex;align-items:center;gap:20px}.g-author-av{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--p),var(--p2));display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:#fff;flex-shrink:0}.g-author-name{font-size:11px;color:var(--muted)}.g-actions{display:flex;gap:2px;opacity:0;transform:translateX(6px);transition:opacity .2s,transform .2s}.g-card:hover .g-actions{opacity:1;transform:translateX(0)}.g-act{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;transition:background .2s}.g-act:hover{background:rgba(240,234,255,.08)}.g-act svg{width:13px;height:13px;stroke:var(--muted);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s}.g-act:hover svg{stroke:var(--white)}.g-deleted{padding:7px 20px;background:rgba(255,68,68,.09);border-top:1px solid rgba(255,68,68,.18);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,107,107,.9);display:flex;align-items:center;gap:6px}.g-deleted svg{width:11px;height:11px;stroke:currentColor;stroke-width:2.5;fill:none;stroke-linecap:round}.l-card{background:var(--bg2);border:1px solid var(--b);border-radius:11px;padding:14px 18px;display:flex;align-items:center;gap:14px;cursor:pointer;position:relative;overflow:hidden;transition:border-color .25s,background .25s,transform .25s}.l-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--p),var(--p3));transform:scaleY(0);transform-origin:top;transition:transform .3s cubic-bezier(.22,.68,0,1)}.l-card:hover{border-color:var(--bp);background:rgba(124,79,212,.035);transform:translateX(4px)}.l-card:hover::before{transform:scaleY(1)}.l-emoji{width:42px;height:42px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;transition:transform .3s cubic-bezier(.22,.68,0,1.4)}.l-card:hover .l-emoji{transform:scale(1.12)}.l-info{flex:1;min-width:0}.l-title{font-size:13px;font-weight:700;color:var(--white);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.l-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.l-meta-item{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--muted)}.l-meta-item svg{width:10px;height:10px;stroke:var(--muted);stroke-width:2;fill:none;stroke-linecap:round}.l-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.l-badge{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:100px}.l-dot{width:6px;height:6px;border-radius:50%}.l-acts{display:flex;gap:2px;opacity:0;transform:translateX(4px);transition:opacity .2s,transform .2s}.l-card:hover .l-acts{opacity:1;transform:translateX(0)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:90px 24px;text-align:center;gap:14px}.empty-icon{width:64px;height:64px;border-radius:50%;background:rgba(124,79,212,.08);border:1px solid var(--bp);display:flex;align-items:center;justify-content:center;margin-bottom:4px}.empty-icon svg{width:26px;height:26px;stroke:var(--p3);stroke-width:1.6;fill:none;stroke-linecap:round}.empty-title{font-size:16px;font-weight:700;color:var(--white)}.empty-sub{font-size:13px;color:var(--muted);max-width:300px;line-height:1.65}.orb-bg{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.orb{position:absolute;background:linear-gradient(rgba(124,79,212,.15) 5%,transparent 50%);animation:orbDrift 10s ease-in-out infinite}.orb1{width:100%;height:100%}.orb2{width:400px;height:400px;bottom:-100px;left:-80px;animation:orbDrift 18s ease-in-out infinite;animation-delay:-5s;animation-duration:14s}.nav-links a:hover{color:var(--white);background:var(--color-three)}.page-hero{width:100%;padding:20px 32px;text-align:center;position:relative;animation:fadeUp .45s ease both}.page-hero::before{content:'';position:absolute;top:0;left:0;right:0;height:1px}.hero-label{display:inline-flex;align-items:center;gap:8px;font-size:9px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}.hero-label svg{width:13px;height:13px;stroke:var(--muted);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.hero-title .root-word{color:var(--p3)}.create-card{width:100%;max-width:720px;margin:0 32px;background:var(--bg2);border:1px solid var(--b);border-radius:16px;overflow:hidden;position:relative;animation:fadeUp .5s ease .1s both;box-shadow:0 24px 80px rgba(0,0,0,.5);margin-bottom:25px}.create-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px}.card-head-icon{width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,rgba(124,79,212,.3),rgba(155,110,232,.15));border:1px solid var(--bp);display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-head-icon svg{width:20px;height:20px;stroke:var(--p3);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.card-head-title{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--p3);margin-bottom:3px}.card-head-sub{font-size:15px;font-weight:700;color:var(--white);letter-spacing:-.01em}.field-label svg{width:11px;height:11px;stroke:var(--muted);stroke-width:2;fill:none;stroke-linecap:round}.field-hint svg{width:11px;height:11px;stroke:var(--muted);stroke-width:2;fill:none;flex-shrink:0}.icon-upload-area{border:1.5px dashed rgba(240,234,255,.12);border-radius:10px;padding:20px;display:flex;align-items:center;gap:18px;transition:border-color .25s,background .25s;cursor:pointer;background:rgba(240,234,255,.02)}.icon-upload-area:hover{border-color:var(--muted)}.icon-preview{width:56px;height:56px;border-radius:10px;border:1px solid var(--b);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.icon-preview svg{width:24px;height:24px;stroke:var(--color-four);stroke-width:1.5;fill:none}.icon-preview img{width:100%;height:100%;object-fit:cover;display:none}.icon-upload-title{font-size:13px;font-weight:600;color:var(--white);margin-bottom:3px}.icon-upload-sub{font-size:11px;color:var(--muted)}.icon-upload-btn{margin-left:auto;font-size:11px;font-weight:700;color:var(--white);background:var(--p);border-radius:7px;padding:8px 16px;transition:background .2s,transform .15s;flex-shrink:0}.icon-upload-btn:hover{background:var(--p2);transform:translateY(-1px)}#icon-input{display:none}.option-row{background:rgba(240,234,255,.025);border:1px solid var(--b);border-radius:10px;padding:0;overflow:hidden}.option-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--b)}.option-item:last-child{border-bottom:none}.option-left{display:flex;align-items:center;gap:12px}.option-icon{width:32px;height:32px;border-radius:8px;border:1px solid var(--b);display:flex;align-items:center;justify-content:center;flex-shrink:0}.option-icon svg{width:14px;height:14px;stroke:var(--muted);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.option-title{font-size:13px;font-weight:600;color:var(--white);margin-bottom:2px}.option-desc{font-size:11px;color:var(--muted)}.toggle-pill{display:flex;align-items:center;gap:0;background:rgba(240,234,255,.06);border:1px solid var(--b);border-radius:100px;padding:3px;flex-shrink:0}.pill-opt{font-size:11px;font-weight:600;color:var(--muted);padding:5px 14px;border-radius:100px;cursor:pointer;transition:all .2s;white-space:nowrap}.pill-opt.active{background:var(--p);color:#fff}.toggle-switch{position:relative;width:44px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-track{position:absolute;inset:0;background:rgba(240,234,255,.08);border:1px solid var(--b);border-radius:100px;cursor:pointer;transition:background .3s,border-color .3s}.toggle-track::before{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:rgba(240,234,255,.3);top:3px;left:3px;transition:transform .3s,background .3s,box-shadow .3s}.toggle-switch input:checked+.toggle-track{background:rgba(124,79,212,.35);border-color:var(--p)}.toggle-switch input:checked+.toggle-track::before{transform:translateX(18px);background:var(--p3)}.foot-hint{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px}.foot-hint svg{width:12px;height:12px;stroke:var(--muted);stroke-width:2;fill:none;flex-shrink:0}.foot-actions{display:flex;align-items:center;gap:10px}.btn-back{font-size:12px;font-weight:600;color:var(--muted);border:1px solid var(--b);border-radius:8px;padding:10px 20px;transition:all .2s;display:flex;align-items:center;gap:6px}.btn-back:hover{color:var(--white);border-color:var(--color-four);background:var(--color-three)}.btn-back svg{width:13px;height:13px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}.btn-create{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--p),var(--p2));border-radius:9px;padding:11px 28px;transition:all .25s}.btn-create:hover{transform:translateY(-2px)}.btn-create:active{transform:translateY(0)}.btn-create svg{width:15px;height:15px;stroke:#fff;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}.char-count{font-size:10px;color:var(--muted);text-align:right;margin-left:auto}.layout{display:grid;grid-template-columns:1fr 230px}.main{padding:28px 32px 28px 0px;min-width:0}.sort-row{display:flex;gap:4px;margin-bottom:32px}.sort-tab{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:7px 16px;color:var(--muted);border:1px solid var(--b);border-radius:4px;transition:all .2s;cursor:pointer}.sort-tab.active{color:var(--white);background:var(--p);border-color:var(--p)}.sort-tab:hover:not(.active){color:var(--white);border-color:rgba(240,234,255,.15)}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title{font-size:15px;font-weight:600;color:var(--white);letter-spacing:-.01em;user-select:none}.section-all{font-size:12px;font-weight:500;color:var(--muted);transition:color .2s}.section-all:hover{color:var(--white)}.carousel-outer{position:relative}.carousel-art-row{position:relative}.arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:34px;height:34px;border-radius:50%;background:var(--bg);border:1px solid var(--muted);display:flex;align-items:center;justify-content:center;color:var(--muted);transition:background .2s,border-color .2s,color .2s,transform .15s}.arrow:hover{background:black;border-color:var(--white);color:var(--white)}.arrow.left{left:-17px}.arrow.right{right:-6px}.arrow svg{width:14px;height:14px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.card-strip{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding-bottom:0}.card-strip::-webkit-scrollbar{display:none}.track-card{flex-shrink:0;width:172px}.play-ov{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);opacity:0}.play-ov svg{width:34px;height:34px;fill:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));transform:scale(.88);transition:transform .2s}.track-art:hover .play-ov{opacity:1;background:rgba(0,0,0,.38)}.track-art:hover .play-ov svg{transform:scale(1)}.t-meta{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px;user-select:none}.t-bpm{font-size:10px;font-weight:600;color:var(--p3)}.art-e{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:38px;pointer-events:none}.genre-card{flex-shrink:0;width:150px}.genre-art{width:150px;height:88px;border-radius:8px;margin-bottom:8px;position:relative;overflow:hidden;transition:box-shadow .22s;cursor:pointer}.genre-art:hover .play-ov{opacity:1;background:rgba(0,0,0,.32)}.genre-art:hover .play-ov svg{transform:scale(1)}.genre-art .play-ov svg{width:24px;height:24px}.g-e{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:28px;opacity:.5;pointer-events:none;border:1px solid var(--b)}.g-name{font-size:13px;font-weight:600;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.g-count{font-size:11px;color:var(--muted)}.a2{background:linear-gradient(135deg,#1a2d5c,#2f4a8a)}.a3{background:linear-gradient(135deg,#5c1a2d,#8a2f4a)}.a4{background:linear-gradient(135deg,#1a5c2d,#2f8a4a)}.a5{background:linear-gradient(135deg,#5c3d1a,#8a5f2f)}.a6{background:linear-gradient(135deg,#1a4a5c,#2f708a)}.a7{background:linear-gradient(135deg,#4a1a5c,#6f2f8a)}.a8{background:linear-gradient(135deg,#5c1a1a,#8a2f2f)}.a9{background:linear-gradient(135deg,#1a3d5c,#2f608a)}.a10{background:linear-gradient(135deg,#3d5c1a,#5e8a2f)}.a11{background:linear-gradient(135deg,#5c4d1a,#8a742f)}.a12{background:linear-gradient(135deg,#1a5c52,#2f8a7a)}.tli{display:flex;align-items:center;gap:14px;padding:12px 14px;background:var(--bg2);border:1px solid var(--b);border-radius:2px;cursor:pointer;transition:background .2s,border-color .2s;margin-bottom:10px}.tli-art{width:44px;height:44px;border-radius:6px;flex-shrink:0}.tli-info{flex:1;min-width:0}.tli-name{font-size:13px;font-weight:600;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}.tli-meta{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px}.tli-bpm{font-size:10px;font-weight:600;color:var(--p3)}.tli-user{display:flex;align-items:center;gap:5px}.tli-av{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--p),var(--p2));display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;flex-shrink:0}.tli-desc{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.tli-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.tli-plays{font-size:11px;color:var(--muted)}.tli-play{width:30px;height:30px;border-radius:50%;background:rgba(124,79,212,.14);border:1px solid var(--bp);display:flex;align-items:center;justify-content:center;transition:background .2s}.tli-play:hover{background:rgba(124,79,212,.3)}.tli-play svg{width:10px;height:10px;fill:var(--p3);margin-left:1px}.sidebar::-webkit-scrollbar{display:none}.sidebar-section{margin-bottom:28px}.sidebar-label{font-size:9px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:rgba(240,234,255,.24);margin-bottom:14px}.updates-card{background:var(--bg2);border:1px solid var(--b);border-radius:10px;padding:16px;margin-bottom:20px}.updates-title{font-size:12px;font-weight:600;color:var(--white);margin-bottom:12px}.upd-row{display:flex;align-items:flex-start;gap:8px;padding:4px 0;font-size:12px;color:var(--muted);line-height:1.5}.upd-dot{width:4px;height:4px;border-radius:50%;background:var(--white);flex-shrink:0;margin-top:7px}.random-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-top:12px;font-size:12px;font-weight:600;color:var(--white);padding:7px 14px;border:1px solid var(--muted);border-radius:6px;width:100%;transition:background .2s,color .2s}.random-btn:hover{border:1px solid var(--white);color:var(--white)}.random-btn svg{width:12px;height:12px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.genre-tags{display:flex;flex-wrap:wrap;gap:6px}.gtag{font-size:11px;font-weight:500;color:var(--muted);padding:5px 11px;border:1px solid var(--b);border-radius:100px;cursor:pointer;transition:all .18s;white-space:nowrap}.gtag:hover{color:var(--white);border-color:var(--muted)}.gtag.on{color:var(--white);border-color:var(--white)}.menu-btn{width:30px;height:30px;position:relative;display:inline-block;border:0;padding:0;background:transparent;cursor:pointer}.menu-btn .bar{position:absolute;left:3px;width:24px;height:3px;background:var(--white);border-radius:999px}.menu-lines{width:30px;height:30px;position:relative}.bar{position:absolute;left:3px;width:24px;height:2px;background:black;border-radius:999px;transform-origin:center;transition:transform 200ms ease,opacity 120ms ease}.bar-1{transform:translateY(7px)}.bar-2{transform:translateY(14px)}.bar-3{transform:translateY(21px)}.menu-btn.active .bar-1{transform:translateY(14px) rotate(45deg)}.menu-btn.active .bar-2{opacity:0}.menu-btn.active .bar-3{transform:translateY(14px) rotate(-45deg)}.breadcrumb{display:flex;align-items:center;gap:8px;padding:20px 0 14px;font-size:12px;color:var(--muted);width:100%}.sub-nothing-container{display:flex;flex-direction:column;align-items:center}.action-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;-ms-overflow-style:none;scrollbar-width:none;width:100%}.ab{font-size:12px;font-weight:600;letter-spacing:.03em;padding:8px 18px;border-radius:6px;border:1px solid var(--b);color:var(--muted);transition:all .2s;cursor:pointer}.ab:hover{color:var(--white);border-color:var(--color-four);transform:translateY(-1px)}.ab.primary{background:var(--p);color:var(--white);border-color:var(--p);display:flex;align-items:center;justify-content:center}.ab.primary:hover{transform:translateY(-1px)}.ab.danger{color:rgba(255,100,100,.65)}.ab.danger:hover{color:#ff7272;border-color:rgba(255,100,100,.3);background:rgba(255,100,100,.05)}.project-upload-zone{width:100%;border:1.5px dashed var(--muted);border-radius:5px;padding:48px 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;background:var(--bg2);cursor:pointer;margin-bottom:20px;transition:border-color .25s,background .25s;animation:fadeUp .4s ease .08s both}.project-upload-zone:hover{border-color:var(--white)}.project-upload-icon{width:48px;height:48px;border-radius:50%;background:var(--bg2);border:1px solid var(--muted);display:flex;align-items:center;justify-content:center;transition:background .2s}.project-upload-zone:hover .upload-icon{background:rgba(124,79,212,.22)}.upload-icon svg{width:20px;height:20px;stroke:var(--p3);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.upload-title{font-size:15px;font-weight:600;color:var(--white)}.upload-sub{font-size:13px;color:var(--muted)}.upload-cta{font-size:12px;font-weight:600;color:var(--muted);border:1px solid var(--muted);border-radius:6px;padding:8px 20px;background:var(--bg2);transition:background .2s}.upload-cta:hover{color:var(--white);transform:translateY(-1px)}.song-hero{width:100%;position:relative;overflow:hidden;display:flex;align-items:center}.player-section-div{display:flex;border-bottom:1px solid var(--b)}#pixelCanvas{position:absolute;inset:0;z-index:0;border-radius:5px}.song-hero-overlay{position:absolute;inset:0;z-index:1;border-radius:5px}.song-hero-body{position:relative;z-index:2;width:100%;padding:1.5rem;display:flex;align-items:center;gap:28px;border:1px solid var(--b);background:var(--bg2);border-radius:5px}.sh-art{width:200px;height:200px;border-radius:5px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:38px}.sh-info{flex:1;min-width:0}.sh-title{font-size:clamp(22px,3.5vw,36px);font-weight:700;letter-spacing:-.02em;color:var(--white);margin-bottom:6px;line-height:1.1}.sh-title .char{display:inline-block;opacity:0;transform:translateY(10px);animation:charIn .4s ease forwards}.sh-artist{font-size:15px;color:var(--muted);margin-bottom:14px;font-weight:400}.sh-badges{display:flex;gap:8px;flex-wrap:wrap}.bdg{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:100px}.bdg-pub{background:rgba(45,158,107,.12);color:#4dd4a0;border:1px solid rgba(45,158,107,.3)}.bdg-no{background:rgba(158,45,45,.12);color:#f08080;border:1px solid rgba(158,45,45,.3)}.bdg-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.content-grid{display:grid;grid-template-columns:1fr 280px;gap:20px;align-items:start;width:100%}.col-left{display:flex;flex-direction:column;gap:16px;min-width:0}.ti-top{padding:18px 22px 14px;border-bottom:1px solid var(--b);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ti-name{font-size:17px;font-weight:700;color:var(--white);letter-spacing:-.01em;flex-shrink:0}.ti-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1}.ti-date{font-size:12px;color:var(--muted);margin-left:auto}.ti-actions{display:flex;align-items:center;gap:6px;padding:14px 22px;flex-wrap:wrap;border-bottom:1px solid var(--b)}.ti-btn{font-size:12px;font-weight:600;padding:7px 15px;border:1px solid var(--b);border-radius:6px;color:var(--muted);transition:all .2s}.ti-btn:hover{color:var(--white);border-color:var(--color-four);transform:translateY(-1px)}.ti-btn.dl{color:var(--p3);border-color:var(--bp);background:rgba(124,79,212,.08)}.ti-btn.dl:hover{background:rgba(124,79,212,.2);color:var(--white)}.ti-tag-row{display:flex;gap:6px;margin-left:auto}.ti-tag-in{font-size:12px;padding:7px 13px;background:var(--color-three);border:1px solid var(--b);border-radius:6px;color:var(--white);outline:none;width:140px;transition:border-color .2s}.ti-tag-in::placeholder{color:var(--muted)}.ti-tag-in:focus{border-color:var(--white)}.ti-tag-add{font-size:12px;font-weight:600;padding:7px 13px;border:1px solid var(--b);border-radius:6px;color:var(--muted);transition:all .2s}.ti-tag-add:hover{color:var(--white);border-color:var(--color-four)}.ti-import{padding:12px 22px}.ti-import-btn{font-size:12px;font-weight:600;padding:7px 15px;border:1px solid var(--b);border-radius:6px;color:var(--muted);transition:all .2s}.ti-import-btn:hover{color:var(--white);border-color:var(--color-four);transform:translateY(-1px);cursor:pointer}.stats-row{display:flex;background:var(--bg2);border:1px solid var(--b);border-radius:5px;overflow:hidden}.sc{flex:1;padding:18px 22px;border-right:1px solid var(--b)}.sc:last-child{border-right:none}.sc-label{font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}.sc-val{font-size:26px;font-weight:700;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;color:var(--white)}.player-section{overflow:hidden}.player-header{padding:14px 20px;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.stem{padding:16px 20px;border-bottom:1px solid var(--b);position:relative}.stem:last-child{border-bottom:none}.stem-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.stem-dot{width:36px;height:36px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.sd-m{background:linear-gradient(135deg,var(--p),var(--p2));color:#fff}.sd-1{background:linear-gradient(135deg,#1a2d5c,#2f4a8a);color:#8eb4f8}.sd-2{background:linear-gradient(135deg,#5c1a2d,#8a2f4a);color:#f88eb4}.sd-3{background:linear-gradient(135deg,#1a5c2d,#2f8a4a);color:#8ef8b4}.sd-4{background:linear-gradient(135deg,#5c3d1a,#8a5f2f);color:#f8c88e}.stem-info{flex:1;min-width:0}.stem-name{font-size:14px;font-weight:600;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.stem-sub{font-size:11px;color:var(--muted)}.dd-wrap{position:relative}.dd-trigger{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:all .2s}.dd-trigger:hover{background:rgba(240,234,255,.06);color:var(--white)}.dd-trigger svg{width:14px;height:14px;fill:currentColor}.dd-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:168px;background:var(--bg3);border:1px solid var(--b);border-radius:8px;overflow:hidden;z-index:100;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease;box-shadow:0 8px 32px rgba(0,0,0,.55)}.dd-menu.open{opacity:1;pointer-events:all;transform:translateY(0)}.dd-item{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;transition:background .15s,color .15s}.dd-item:hover{background:rgba(124,79,212,.1);color:var(--white)}.dd-item svg{width:13px;height:13px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.dd-item.red{color:rgba(255,100,100,.65)}.dd-item.red:hover{background:rgba(255,100,100,.08);color:#ff7272}.dd-sep{height:1px;background:var(--b)}.wf{height:44px;border-radius:6px;background:var(--color-three);position:relative;overflow:hidden;cursor:pointer;margin-bottom:10px}.wf-bars{position:absolute;inset:0;display:flex;align-items:center;gap:2px;padding:4px}.wvb{flex:1;border-radius:1px;background:rgba(196,160,255,.22);animation:wvAnim 1.5s ease-in-out infinite}.wvb.played{background:var(--p3)}.stem-ctrls{display:flex;align-items:center;gap:4px}.skip-btn{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:all .2s}.skip-btn:hover{color:var(--white);background:rgba(240,234,255,.06)}.skip-btn svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.play-btn{width:34px;height:34px;border-radius:50%;background:var(--p);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .15s}.play-btn:hover{background:var(--p2);transform:scale(1.06)}.play-btn svg{width:12px;height:12px;fill:#fff;margin-left:1px}.stem-time{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto}.audio-options-btn{display:flex;flex-direction:row}.vol{display:flex;align-items:center;gap:2px;margin-left:10px;margin-right:10px;flex-shrink:0}.vol svg{width:12px;height:12px;stroke:var(--muted);stroke-width:1.8;fill:none;stroke-linecap:round}.vol svg:hover{stroke:var(--white);cursor:pointer}.vol-slider{cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;width:60px;background:transparent;border-radius:2px;outline:none}.vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:6px;height:6px;border-radius:50%;background:var(--white);cursor:pointer;margin-top:-2px}.vol-slider::-moz-range-track{height:2px;background:rgba(240,234,255,.1);border-radius:999px}.vol-slider::-moz-range-thumb{width:6px;height:6px;border:none;border-radius:50%;background:var(--white);cursor:pointer}.vol-slider::-webkit-slider-runnable-track{background-color:rgba(240,234,255,.1);height:3px}.vol-slider:hover::-webkit-slider-thumb{height:6px}.vol-slider:hover::-moz-range-track{height:2px}.vol-slider:hover::-moz-range-thumb{height:8px;width:8px}.audio-seek-slider{display:flex;flex-direction:column}.audio-seek-slider{cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;width:400px;background:transparent;border-radius:2px;outline:none;margin:0 2px}.audio-seek-slider::-webkit-slider-thumb{-webkit-appearance:none;width:6px;height:6px;border-radius:50%;background:var(--white);cursor:pointer;margin-top:-2px}.audio-seek-slider::-moz-range-track{height:2px;background:rgba(240,234,255,.1);border-radius:999px}.audio-seek-slider::-webkit-slider-runnable-track{height:2px;background:rgba(240,234,255,.1);border-radius:999px}.audio-seek-slider::-moz-range-thumb{width:6px;height:6px;border:none;border-radius:50%;background:var(--white);cursor:pointer}.audio-seek-slider:hover::-webkit-slider-thumb{height:6px}.audio-seek-slider:hover::-moz-range-track{height:2px}.audio-seek-slider:hover::-moz-range-thumb{height:8px;width:8px;transform:translateX(-1px)}.player-queue-btn{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .18s}.player-queue-btn svg{width:15px;height:15px;stroke:var(--muted);stroke-width:2;fill:none;stroke-linecap:round}#global-audio-play-button{width:24px;height:fit-content}.player-queue-btn svg:hover{stroke:var(--white);cursor:pointer}.player-like{flex-shrink:0;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .18s}.player-like svg{width:16px;height:16px;stroke:var(--muted);stroke-width:2;fill:none;stroke-linecap:round;transition:stroke .18s,fill .18s}.player-like svg:hover{stroke:var(--white);cursor:pointer}.player-like.liked svg{stroke:var(--p3);fill:var(--p3)}#global-audio-loop-button path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#global-audio-infinity-button path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.col-right{display:flex;flex-direction:column;gap:16px}.side-card{background:var(--bg2);border:1px solid var(--b);border-radius:5px;overflow:hidden}.sc-head{padding:15px 20px 13px;border-bottom:1px solid var(--b);display:flex;align-items:center;justify-content:space-between}.sc-title{font-size:13px;font-weight:600;color:var(--white)}.invite-btn{font-size:11px;font-weight:600;color:var(--p3);border:1px solid var(--bp);border-radius:6px;padding:5px 12px;background:rgba(124,79,212,.08);transition:background .2s,color .2s}.invite-btn:hover{background:rgba(124,79,212,.2);color:var(--white)}.sc-body{padding:14px 20px}.member-row{display:flex;align-items:center;gap:10px;padding:5px 0}.m-av{width:40px;height:40px;border-radius:50%;background:var(--b);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.m-name{font-size:13px;font-weight:600;color:var(--white);flex:1}.m-role{font-size:13px;font-weight:600;color:var(--muted);cursor:default}.branches-body{padding:22px 20px;display:flex;flex-direction:column;align-items:center;gap:12px}.branch-top{display:flex;flex-direction:row;align-items:center;gap:10px}.branch-icon{width:42px;height:42px;border-radius:50%;background:var(--bg2);border:1px solid var(--muted);display:flex;align-items:center;justify-content:center}.branch-icon svg{width:18px;height:18px;stroke:var(--muted);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.branch-btn{font-size:12px;font-weight:600;color:var(--white);background:var(--p);border-radius:6px;padding:8px 20px;transition:background .2s,transform .15s}.branch-btn:hover{transform:translateY(-1px)}.branch-empty{font-size:12px;color:var(--muted);text-align:center}.info-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--b)}.info-row:last-child{border-bottom:none}.info-lbl{font-size:12px;color:var(--white)}.info-val{font-size:12px;font-weight:600;color:var(--muted)}.about-page{padding-top:62px;max-width:860px;margin:0 auto;padding-left:32px;padding-right:32px;padding-bottom:100px}.hero{padding:120px 24px 90px;border-bottom:1px solid var(--b);animation:fadeUp .6s ease .1s both;position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden}.landing-hero{padding:0px 24px 90px;animation:fadeUp .6s ease .1s both;position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden}.about-hero{padding:120px 0px 0px 0px;animation:fadeUp .6s ease .1s both;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}.about-hero-eyebrow{font-size:10px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:10px;margin-bottom:20px}.about-hero-eyebrow::before{content:'';width:18px;height:1px;background:var(--muted)}.about-hero-eyebrow::after{content:'';width:18px;height:1px;background:var(--muted)}.about-hero-sub{font-size:16px;color:var(--muted);font-weight:300;line-height:1.85;margin-bottom:32px}.goals{display:flex;flex-direction:column;gap:10px;width:100%}.goal{display:flex;align-items:flex-start;gap:14px;background:var(--bg2);border:1px solid var(--b);border-radius:10px;padding:14px 18px;transition:border-color .2s,background .2s}.goal:hover{border-color:var(--muted)}.goal-num{font-size:11px;font-weight:800;color:var(--muted);border:1px solid var(--muted);border-radius:6px;padding:2px 8px;flex-shrink:0;margin-top:1px}.goal-text{font-size:14px;color:var(--muted);font-weight:400;line-height:1.6}.about-section{border-bottom:1px solid var(--b);transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.section-tag{font-size:10px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:10px;margin-bottom:12px}.section-tag::before{content:'';width:14px;height:1px;background:var(--muted);flex-shrink:0}.about-section-title{font-size:clamp(24px,3.5vw,36px);font-weight:700;letter-spacing:-.02em;color:var(--white);margin-bottom:20px;line-height:1.05}.section-body{display:flex;flex-direction:column;gap:14px}.section-p{font-size:14px;color:var(--muted);font-weight:300;line-height:1.85}.callout{background:var(--bg2);border:1px solid var(--b);border-radius:10px;padding:18px 22px;border-left:3px solid var(--b)}.callout p{font-size:14px;color:rgba(240,234,255,.62);font-weight:300;line-height:1.8}.kw-block{background:var(--bg2);padding:18px 22px;transition:border-color .2s;margin-top:6px;border:1px solid var(--b);border-radius:10px;border-left:3px solid var(--b)}.kw-label{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);background:var(--bg2);border:1px solid var(--b);border-radius:6px;padding:3px 10px;margin-bottom:10px}.kw-block p{font-size:14px;color:rgba(240,234,255,.62);font-weight:300;line-height:1.8}.info-strip{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--bg2);border-radius:10px;overflow:hidden;margin-top:6px;border:1px solid var(--b);border-radius:10px;border-left:3px solid var(--b)}.info-cell{padding:18px 22px}.info-cell-label{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.info-cell-val{font-size:22px;font-weight:700;color:var(--white);letter-spacing:-.02em}.info-cell-sub{font-size:12px;color:var(--muted);font-weight:300;margin-top:3px}.dev-note{background:var(--bg2);border:1px solid var(--b);border-radius:10px;padding:22px 24px}.dev-note-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.dev-note-icon{width:28px;height:28px;border-radius:6px;background:rgba(124,79,212,.2);display:flex;align-items:center;justify-content:center}.dev-note-icon svg{width:14px;height:14px;stroke:var(--p3);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.dev-note-title{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--white)}.dev-note p{font-size:13px;color:var(--muted);font-weight:300;line-height:1.8}.dev-note a{color:var(--muted);transition:opacity .2s}.dev-note a:hover{opacity:.7}.contact-link{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--b);padding-bottom:2px;transition:gap .3s,border-color .2s}.contact-link:hover{gap:14px;border-color:var(--white)}.contact-link::after{content:'→'}code{font-family:source-code-pro,Menlo,Monaco,Consolas,'Courier New',monospace}.stripe-button{margin-top:1rem;background:var(--accent-color);border-radius:var(--radius);color:white;border:0;padding:12px 16px;width:100%;font-weight:600;cursor:pointer;transition:all 0.2s ease;display:block}.stripe-button:hover{filter:contrast(115%)}.stripe-button:active{transform:translateY(0px) scale(0.98);filter:brightness(0.9)}.stripe-button:disabled{opacity:0.5;cursor:none}.pocket-hero{width:100%;padding:64px 32px 48px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden}.pocket-hero::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:600px;height:300px;background:radial-gradient(ellipse,rgba(124,79,212,.10) 0%,transparent 68%);pointer-events:none}.pocket-wrap{width:100%;max-width:680px;padding:0 32px 0;animation:fadeUp .65s ease .18s both}.pocket-card{background:var(--bg2);border:1px solid var(--b);border-radius:5px;overflow:hidden;margin-top:28px}.pocket-card-header{padding:32px 32px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;border-bottom:1px solid var(--b);position:relative}.pocket-logo{margin-bottom:6px}.pocket-logo img{height:36px;display:block;margin:0 auto}.pocket-subtitle{font-size:10px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--white);margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:6px}.pocket-subtitle::before{content:'★';font-size:8px;color:var(--white)}.pocket-subtitle::after{content:'★';font-size:8px;color:var(--white)}.pocket-desc{font-size:13px;color:var(--muted);font-weight:300;line-height:1.6;max-width:380px}.deletion-badge{display:inline-flex;align-items:center;gap:7px;background:var(--red);color:#fff;font-size:12px;font-weight:600;padding:8px 18px;border-radius:100px;margin-top:18px;animation:pulseBadge 2.5s ease infinite}.deletion-badge svg{width:13px;height:13px;stroke:#fff;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.pocket-card-body{padding:24px 32px 28px;display:flex;flex-direction:column;align-items:center;gap:14px}.create-pocket-btn{font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--white);background:var(--p);padding:12px 32px;border-radius:8px;display:inline-flex;align-items:center;gap:8px;transition:background .2s,transform .15s,box-shadow .2s}.create-pocket-btn:hover{background:var(--p2);transform:translateY(-1px)}.create-pocket-btn svg{width:15px;height:15px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.create-note{font-size:11px;color:var(--dim);text-align:center}.active-pocket{display:flex;flex-direction:column;gap:0}.active-pocket.show{display:flex}.pocket-id-bar{padding:14px 20px;background:var(--bg2);border-bottom:1px solid var(--b);display:flex;align-items:center;justify-content:space-between;gap:12px}.pid-label{font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.pid-val{font-size:12px;font-weight:600;color:var(--p3);font-variant-numeric:tabular-nums}.pid-copy{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--p3);border:1px solid var(--bp);border-radius:6px;padding:5px 12px;background:rgba(124,79,212,.08);transition:background .2s}.pid-copy:hover{background:rgba(124,79,212,.2);color:var(--white)}.pid-copy svg{width:11px;height:11px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}.pocket-upload{border:1.5px dashed var(--muted);border-radius:10px;padding:32px 20px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;cursor:pointer;background:var(--bg2);transition:border-color .25s,background .25s}.pocket-upload:hover{border-color:var(--white)}.pu-icon{width:40px;height:40px;border-radius:50%;border:1px solid var(--muted);display:flex;align-items:center;justify-content:center}.pu-icon svg{width:18px;height:18px;stroke:var(--muted);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.pu-title{font-size:13px;font-weight:600;color:var(--white)}.pu-sub{font-size:11px;color:var(--muted)}.pu-btn{font-size:11px;font-weight:600;color:var(--p3);border:1px solid var(--bp);border-radius:6px;padding:6px 16px;background:rgba(124,79,212,.08);transition:background .2s}.pu-btn:hover{background:rgba(124,79,212,.2)}.files-list{display:flex;flex-direction:column;gap:1px;margin:0 0 16px}.file-item{margin:0 20px;background:rgba(240,234,255,.03);border:1px solid var(--b);border-radius:8px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;animation:fadeUp .4s ease both;position:relative;margin-bottom:8px}.fi-header{display:flex;align-items:center;gap:12px}.fi-icon{width:34px;height:34px;border-radius:7px;background:linear-gradient(135deg,var(--p),var(--p2));display:flex;align-items:center;justify-content:center;flex-shrink:0}.fi-icon svg{width:14px;height:14px;stroke:#fff;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.fi-info{flex:1;min-width:0}.fi-name{font-size:13px;font-weight:600;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.fi-meta{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px}.fi-size{font-size:10px;color:var(--muted)}.fi-timer{font-size:10px;font-weight:600;color:var(--red2);display:flex;align-items:center;gap:4px}.fi-timer svg{width:10px;height:10px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}.fi-del{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:all .2s;flex-shrink:0}.fi-del:hover{background:rgba(212,79,79,.12);color:var(--red2)}.fi-del svg{width:13px;height:13px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}.fi-player{display:flex;flex-direction:column;gap:8px}.fi-waveform{height:40px;border-radius:6px;background:var(--color-three);position:relative;overflow:hidden;cursor:pointer}.fi-wf-bars{position:absolute;inset:0;display:flex;align-items:center;gap:2px;padding:4px}.fi-controls{display:flex;align-items:center;gap:8px}.fi-play{width:28px;height:28px;border-radius:50%;background:var(--p);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,transform .15s}.fi-play:hover{background:var(--p2);transform:scale(1.07)}.fi-play svg{width:10px;height:10px;fill:#fff;margin-left:1px}.fi-time{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto}.pocket-share-row{margin-top:10px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.share-btn svg{width:13px;height:13px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}.del-pocket-btn-two{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:rgba(212,79,79,.7);border:1px solid rgba(212,79,79,.2);border-radius:8px;padding:10px 16px;background:rgba(212,79,79,.06)}.del-pocket-btn{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:rgba(212,79,79,.7);border:1px solid rgba(212,79,79,.2);border-radius:8px;padding:10px 16px;background:rgba(212,79,79,.06)}.del-pocket-btn:hover{background:rgba(212,79,79,.12);border-color:rgba(212,79,79,.35)}.del-pocket-btn svg{width:13px;height:13px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}#px{position:fixed;inset:0;z-index:0;pointer-events:none}nav.solid{background:rgba(8,6,14,.95);backdrop-filter:blur(24px);border-bottom:1px solid var(--b)}.nav-links a:hover::after{width:100%}.nav-cta{font-size:12px;font-weight:600;letter-spacing:.05em;color:var(--white);background:var(--p);padding:10px 24px;transition:background .25s,transform .2s,box-shadow .25s}.nav-cta:hover{background:var(--p2);transform:translateY(-1px);box-shadow:0 8px 24px rgba(124,79,212,.35)}.hero::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:65vw;height:65vw;max-width:720px;max-height:720px;pointer-events:none;animation:bgPulse 6s ease-in-out infinite}.hero-logo{position:relative;z-index:1;margin-bottom:44px;animation:fadeUp .9s ease .1s both}.hero-logo img{height:clamp(52px,9vw,92px)}.hero-h1{position:relative;z-index:1;font-size:clamp(48px,8.5vw,108px);font-weight:700;letter-spacing:-.03em;line-height:.93;color:var(--white);margin-bottom:22px;animation:fadeUp .9s cubic-bezier(.16,1,.3,1) .38s both}.hero-h1 em{font-style:italic;font-weight:300;color:var(--p3)}.hero-p{position:relative;z-index:1;font-size:clamp(15px,1.8vw,18px);color:var(--muted);line-height:1.75;max-width:520px;margin:0 auto 44px;font-weight:300;animation:fadeUp .9s ease .52s both}.hero-btns{position:relative;z-index:1;display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;animation:fadeUp .9s ease .66s both}.btn-fill{font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--white);background:var(--p);padding:14px 34px;transition:background .25s,transform .2s,box-shadow .25s;display:inline-block}.btn-fill:hover{background:var(--p2);transform:translateY(-2px)}.btn-out{font-size:13px;font-weight:500;color:var(--muted);padding:13px 30px;border:1px solid var(--b);transition:color .2s,border-color .2s,transform .2s;display:inline-block}.btn-out:hover{color:var(--white);border-color:rgba(196,160,255,.3);transform:translateY(-2px)}.scroll-hint{transform:translateX(-50%);z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;animation:fadeUp 1s ease 1s both;margin-top:1rem}.scroll-hint span{font-size:9px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--dim);white-space:nowrap}.scroll-bar{width:1px;height:40px;background:linear-gradient(to bottom,var(--p3),transparent);animation:scrollPulse 2s ease infinite}.stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--b);border-bottom:1px solid var(--b);margin-top:5rem}.stat{padding:48px 36px;text-align:center;border-right:1px solid var(--b);transition:background .25s}.stat:last-child{border-right:none}.stat:hover{background:rgba(124,79,212,.04)}.stat-val{font-size:clamp(30px,5vw,52px);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:8px;background:linear-gradient(135deg,var(--p3) 0%,var(--white) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.stat-lbl{font-size:12px;color:var(--muted);font-weight:400;letter-spacing:.06em}.sec{position:relative;z-index:1;padding:50px 60px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--p3);display:flex;align-items:center;gap:12px;margin-bottom:16px}.eyebrow::before{content:'';width:18px;height:1px;background:var(--p3)}.sec-h{font-size:clamp(32px,4.5vw,58px);font-weight:700;letter-spacing:-.025em;line-height:.95;color:var(--white);margin-bottom:18px}.sec-h em{font-style:italic;font-weight:300;color:var(--p3)}.sec-p{font-size:15px;color:var(--muted);line-height:1.8;max-width:525px;font-weight:300}.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:60px}.feat{padding:44px 36px;border:1px solid var(--b);position:relative;overflow:hidden;transition:background .3s,border-color .3s,transform .3s}.feat::before{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--p),var(--p3));transition:width .4s ease}.landing-end-title{font-size:80px;text-align:center;margin:0 auto 16px;background:linear-gradient(180deg,var(--white) 0%,var(--p3) 100%);-webkit-text-fill-color:transparent;background-clip:text;margin-top:200px;margin-bottom:60px}.feat:hover{background:rgba(124,79,212,.07);border-color:var(--bp);transform:translateY(-4px)}.feat:hover::before{width:100%}.feat-n{font-size:56px;font-weight:700;color:rgba(124,79,212,.08);line-height:1;margin-bottom:16px}.feat-n-text{background:linear-gradient(180deg,var(--white) 0%,var(--p3) 100%);background-clip:text;font-size:30px;-webkit-text-fill-color:transparent}.feat-name{font-size:18px;font-weight:600;color:var(--white);margin-bottom:10px}.feat-desc{font-size:13px;color:var(--muted);line-height:1.8;font-weight:300}.platform{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--b);border-bottom:1px solid var(--b)}.plat-left{padding:88px 60px;display:flex;flex-direction:column;justify-content:center}.plat-right{border-left:1px solid var(--b);display:flex;align-items:center;justify-content:center;padding:60px}.player{width:100%;background:rgba(124,79,212,.06);border:1px solid var(--bp);border-radius:16px;padding:28px 28px 28px 28px}.player-label{font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--p3);margin-bottom:14px}.player-track{font-size:18px;font-weight:600;color:var(--white);margin-bottom:4px}.player-artist{font-size:13px;color:var(--muted);margin-bottom:22px}.waveform{display:flex;align-items:flex-end;gap:3px;height:60px;margin-bottom:12px}.wv{flex:1;border-radius:2px 2px 0 0;background:linear-gradient(to top,var(--p),var(--p3));animation:wvBounce 1.5s ease-in-out infinite}.player-time{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:20px}.player-btns{display:flex;gap:10px}.player-main{flex:1;padding:12px 16px;background:rgba(124,79,212,.18);border:1px solid var(--bp);border-radius:8px;font-size:12px;font-weight:600;color:var(--p3);text-align:center;cursor:pointer;transition:background .2s;line-height:1.4}.player-main:hover{background:rgba(124,79,212,.3)}.player-sm{padding:12px 14px;background:var(--color-three);border:1px solid var(--b);border-radius:8px;font-size:16px;color:var(--muted);cursor:pointer;transition:color .2s,border-color .2s;line-height:1.4;display:flex;align-items:center;justify-content:center}.player-sm:hover{color:var(--white);border-color:var(--color-four)}.btn-join{display:inline-flex;align-items:center;justify-content:center;margin-top:32px;font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--white);background:var(--p);padding:14px 36px;transition:background .25s,transform .2s,box-shadow .25s}.btn-join:hover{background:var(--p2);transform:translateY(-2px);box-shadow:0 12px 32px rgba(124,79,212,.38)}.updates{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:88px 60px;border-bottom:1px solid var(--b)}.update-row{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--b)}.update-row:last-child{border-bottom:none}.update-dot{width:6px;height:6px;border-radius:50%;background:var(--p3);flex-shrink:0}.update-text{font-size:14px;color:var(--muted);font-weight:300;line-height:1.5}.landing-footer-link{color:var(--gray-color);font-size:11px;transition:transform .2s}.landing-footer-link:hover{transform:translateY(-2px);color:var(--white)}.cta{position:relative;z-index:1;text-align:center;overflow:hidden}.cta::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:400px;pointer-events:none}.cta-btns{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px;padding-bottom:44px;border-bottom:1px solid var(--b);display:flex;justify-content:space-between;grid-template-columns:1.6fr 1fr 1fr 1fr;padding-bottom:20px;padding-top:20px;border-bottom:1px solid var(--b);border-top:1px solid var(--b)}.f-logo{display:flex;justify-content:center}.f-logo img{height:22px;opacity:.30;filter:brightness(0) invert(1)}.f-tag{font-size:13px;color:var(--muted);line-height:1.8;font-weight:300;max-width:220px;text-align:left}.f-col-h-landing{font-size:9px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:rgba(240,234,255,.22);margin-bottom:16px;text-align:left}.f-col-h{font-size:9px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:rgba(240,234,255,.22);margin-bottom:16px}.f-links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.f-list-landing{list-style:none;display:flex;flex-direction:column;gap:10px;text-align:left}.f-list-landing a{font-size:13px;color:var(--muted);transition:color .2s}.f-list-landing a:hover{color:var(--white)}.f-list{list-style:none;display:flex;flex-direction:column;gap:10px}.f-list a{font-size:13px;color:var(--muted);transition:color .2s}.f-list a:hover{color:var(--white)}.footer-bot{display:flex;justify-content:center;align-items:center;margin-top:28px;flex-wrap:wrap;gap:2.5rem;animation:fadeUp .6s ease .07s both;flex-direction:row}.f-copy{font-size:11px;color:var(--gray-color);text-align:center;line-height:1.5;font-weight:bold}.f-slogan{font-size:13px;font-style:italic;color:var(--gray-color);line-height:1.5;font-weight:bold}.r{opacity:0;transform:translateY(26px);transition:opacity .85s ease,transform .85s ease}.r.on{opacity:1;transform:none}.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}@keyframes gradient-move{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes cd_spin{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes panelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes charIn{to{opacity:1;transform:translateY(0)}}@keyframes wvAnim{0%,100%{height:15%}50%{height:88%}}@keyframes artPop{0%{transform:scale(.7) rotate(-6deg);opacity:0}60%{transform:scale(1.05) rotate(1deg);opacity:1}100%{transform:scale(1) rotate(0deg);opacity:1}}@keyframes orbDrift{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(24px) scale(1.03)}}@keyframes cardIn{from{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes artPan{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes pulseBadge{0%,100%{box-shadow:0 0 0 0 rgba(212,79,79,0)}50%{box-shadow:0 0 0 6px rgba(212,79,79,0.2)}}@keyframes wvAnim{0%,100%{height:15%}50%{height:85%}}@import url('https://fonts.googleapis.com/css?family=Raleway&display=swap');@keyframes bgPulse{0%,100%{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}@keyframes scrollPulse{0%,100%{opacity:1;transform:scaleY(1);transform-origin:top}50%{opacity:.3;transform:scaleY(.5);transform-origin:top}}@keyframes wvBounce{0%,100%{height:12%}50%{height:100%}}@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (max-width:900px){nav{padding:0 24px}.nav-links{display:none}.hero{padding:100px 24px 80px;min-height:100svh}.scroll-hint{display:none}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:none}.stat:nth-child(3){border-top:1px solid var(--b);border-right:1px solid var(--b)}.stat:nth-child(4){border-top:1px solid var(--b);border-right:none}.sec{padding:64px 24px}.feat-grid{grid-template-columns:1fr}.feat{transform:none!important}.platform{grid-template-columns:1fr}.plat-left{padding:52px 24px}.plat-right{border-left:none;border-top:1px solid var(--b);padding:36px 24px}.updates{grid-template-columns:1fr;padding:56px 24px;gap:40px}.cta{padding:80px 24px}footer{padding:48px 24px 32px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-bot{flex-direction:column;align-items:flex-start;gap:2rem}.badge{font-size:8px;padding:6px 12px}}.overlay{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,0);pointer-events:none;transition:background .3s}.overlay.active{background:rgba(0,0,0,.55);pointer-events:auto}.drawer{position:fixed;top:0;right:0;width:300px;height:100vh;z-index:400;background:var(--bg2);backdrop-filter:blur(32px) saturate(1.8);border-left:1px solid var(--bp);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .32s cubic-bezier(.22,.68,0,1);overflow-y:auto}.drawer.open{transform:translateX(0)}.drawer-close{position:absolute;top:18px;right:20px;width:32px;height:32px;border-radius:50%;border:1px solid var(--b);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:background .18s,color .18s}.drawer-close:hover{background:rgba(240,234,255,.07);color:var(--white)}.drawer-close svg{width:15px;height:15px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}.dd-header{padding:28px 24px 20px;border-bottom:1px solid var(--b);display:flex;align-items:center;gap:14px;margin-top:0}.dd-header-avatar{width:42px;height:42px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#fff;cursor:pointer}.dd-header-name{font-size:14px;font-weight:700;color:var(--white);margin-bottom:3px}.dd-header-handle{font-size:11px;color:var(--muted)}.dd-section{padding:8px 0;border-bottom:1px solid var(--b)}.dd-section:last-child{border-bottom:none}.dd-item{display:flex;align-items:center;gap:14px;padding:13px 24px;font-size:14px;font-weight:500;color:var(--muted);text-decoration:none;cursor:pointer;position:relative;opacity:0;transform:translateX(12px)}.drawer.open .dd-item{opacity:1;transform:translateX(0)}.dd-item:hover{color:var(--white);background:var(--b)}.dd-item:hover .dd-icon{stroke:var(--white);opacity:1}.dd-item::before{content:'';position:absolute;left:0;top:20%;bottom:20%;width:2px;border-radius:1px;background:var(--white);transform:scaleY(0)}.dd-item:hover::before{transform:scaleY(1)}.dd-icon{width:17px;height:17px;flex-shrink:0;stroke:var(--muted);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:.65;transition:stroke .15s,opacity .15s}.dd-item-text{flex:1}.dd-badge{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:rgba(124,79,212,.25);color:var(--white);border:1px solid var(--bp);border-radius:100px;padding:2px 7px}.dd-item.logout{color:rgba(255,100,100,.7)}.dd-item.logout .dd-icon{stroke:rgba(255,100,100,.6)}.dd-item.logout:hover{color:#ff8080;background:rgba(255,80,80,.08)}.dd-item.logout:hover .dd-icon{stroke:#ff8080;opacity:1}.dd-item.logout::before{background:#ff7070}.demo-stage{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:80px 24px;padding-top:120px}.kbd{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;letter-spacing:.08em;color:rgba(240,234,255,.3);border:1px solid rgba(240,234,255,.12);border-radius:5px;padding:3px 7px;background:rgba(240,234,255,.03)}.badge{position:fixed;bottom:20px;right:20px;z-index:600;background:var(--p);color:#fff;padding:6px 13px;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border-radius:3px}.standalone-demo{background:var(--bg2);border:1px solid var(--b);border-radius:14px;padding:28px 32px;max-width:340px;width:100%;display:flex;flex-direction:column;align-items:center;gap:14px;position:relative}.standalone-demo::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--p),var(--white),transparent);opacity:.5;border-radius:14px 14px 0 0}.sd-title{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}@media(max-width:600px){.nav-links{display:none}.drawer{width:100%}}@media (max-width:900px){body{min-height:100dvh}a,button{-webkit-tap-highlight-color:transparent;text-decoration:none}a:hover,a:focus-visible{text-decoration:visible}h2{font-size:2rem}.phone-nav{display:flex;align-items:center;gap:1rem;margin:0rem 1rem 0rem auto}.landing-page-center{flex-direction:column}.info-content-container-listen{margin:0rem 0rem 1rem 0rem}.landing-page-title{padding-bottom:2.5rem;width:auto;margin-left:0}.about-section{padding:20px 18px 60px}.toolbar{padding:0px 20px 0px 20px;margin-top:1rem}.projects-grid{padding:20px 18px 60px}.breadcrumb{padding:0px 20px}.f-links{justify-content:left}.f-logo{justify-content:center}.action-bar{padding:0px 20px;margin-bottom:0;overflow:auto;flex-wrap:nowrap}.song-hero{padding:0px 20px}.content-grid{padding:0px 20px}.player-section-div{width:100%}.project-tag-content{display:flex;margin-left:auto;align-items:center}.search-form{width:100%}.page-header{width:100%;padding:0px 20px 0px 20px}.links{flex-direction:column}.image-parallax{display:flex;justify-content:center}.container{display:none}.footer{flex-direction:column}.footer-bot{flex-direction:column}.line-break{display:none}.split-display{flex-direction:column;padding-top:5rem;padding-bottom:5rem}.split-display-right-text{width:100%;text-align:center}.split-display-left-text{width:100%}.split-content-text{padding-left:0rem;padding-right:0rem;font-size:3rem;text-align:center}.split-display-left-image{width:100%}.split-display-right-image{width:100%}::-webkit-scrollbar-thumb{background-color:white;border-radius:6px}*{scrollbar-color:whitesmoke}#progress-bar-container{justify-content:center}#file-upload-progress-bar{width:90%}.hamburger-nav-flex{display:flex;flex-direction:row;align-items:center;background-color:rgba(255,255,255,0.55);border-bottom:1px solid gray}#hidden-page-load{margin-top:1rem}.drag-button{display:none}#results{width:90%;padding:0;margin-bottom:1rem}.audio-information-div{margin-right:0}.hamburger-title-div{display:flex;justify-content:center;align-items:center}.content-right-inner{flex-direction:column;gap:0.5rem;padding:1rem;background-color:rgba(0,0,0,0.65);margin-top:1rem;border-radius:var(--border-radius)}.add-tag-div{margin-left:0}.hamburger-nav-content{width:100%}.hamburger-nav-toggle{padding:3% 2% 2% 2%}.navigation-bar-list{display:flex;flex-direction:row;gap:0;flex-basis:auto;height:100%}.project-head-container{flex-direction:column;align-items:center}.profile-stats{flex-wrap:wrap;justify-content:center}.profile-middle-content{margin:0.5rem 1rem 0.5rem 1rem}.navigation-bar-element{background-color:whitesmoke;opacity:60%;flex:1;text-align:center;display:flex;justify-content:center;align-items:center;height:2.5em;margin:0;border-bottom:1px solid gray}.navigation-bar-element:hover{background-color:black}.navigation-link-selected{text-decoration:none;color:white;font-size:1em;display:flex;height:100%;width:100%;text-align:center;justify-content:center;align-items:center;font-family:'TT Neoris';font-display:swap}.navigation-link{text-decoration:none;color:black;font-size:1em;display:flex;height:100%;width:100%;text-align:center;justify-content:center;align-items:center;font-family:'TT Neoris';font-display:swap}.nav-link:hover{color:var(--light-text)}.navigation{display:none}hr{color:var(--light-text);align-items:center}.button-div-phone{background-color:#311B92;height:1rem;width:auto;padding:0.5rem 1rem 0.5rem 1rem;display:flex;justify-content:center;align-items:center;border-radius:1rem;margin:0.25rem}.text-font{font-size:0.8rem}.view-project-head{width:100%}.login-footer{width:90%}.view-project-icon{width:70vw}.project-icon-container{width:auto}.project-head-container{height:auto}.pocket-container{width:90%}#branched-content{display:none}#audio-content{margin-right:0rem;width:100%}.individual-audio-div{width:100%}.trail-main{display:none}.content-area{margin:0;padding:0}.contact-form{width:90%;padding-bottom:1rem;margin-bottom:1rem}.contact-container{width:90%;margin:1rem 0rem 1rem 0rem}.content-container{margin-bottom:2.5rem}.create-account-back-button{width:85%}.create-account-container{width:85%}.subscribe-prices{min-width:0;width:auto}.history-container{width:95%}.subscribe-container{flex-direction:column;align-items:center;min-width:0}.payment-container{min-width:0}.big-title-two{font-size:3rem;white-space:inherit}.nav-link{font-size:1rem;font-family:var(--font-family);color:black;text-decoration:none}.edit-project-container{width:95%}.edit-project-title{flex-direction:column}.login-container{width:85%}.published-project-icon{width:80%;height:auto}.reset-password-container{width:85%}.create-account-container-div{margin:1rem}.audio-content{flex-direction:row;height:auto;margin:0 2rem 0 2rem}.text-content-item{padding:0.25rem 0.25rem 0.25rem 0.25rem;margin:0rem 0.5rem 0rem 0.5rem}.listen-image{height:75px;width:75px}.overlay-content{transform:translate(45%,-55%);left:0}.overlay-content-playing{transform:translate(55%,-55%);left:0}.landing-content{justify-content:center;padding:0.5rem 0rem 0.5rem 0rem}.project-container-div{padding:0}.playbar-container{margin:0;margin-left:0.5rem}.text-content{margin:0.5rem 0 0.5rem 0}.text-content-aranged{justify-content:left;margin-left:1rem}.about-container{width:85%;padding:2.5rem 1rem 2.5rem 1rem}.footer{align-items:left;gap:0;padding-bottom:2.5rem;width:80%}.listen-container{width:100%}.listen-container-right{display:none}.listen-container-left{width:95%}.listen-options{display:none}.animated-background{height:100%}.profile-top{flex-direction:column}.profile-link-div{width:90%}.user-icon-image{margin-right:0;margin-top:1rem}.profile-text{font-size:1rem}.link-icon{height:35px;width:35px}.main-page-two{padding-top:2.5rem}.video-container-two{border-top:2px solid black;border-bottom:2px solid black}.view-project-content-right{flex-direction:column}.contact-submit{width:100%}.big-title{font-size:4rem;text-align:center;overflow-wrap:break-word;width:100%;white-space:normal}.split-content-text-smaller{padding-left:0;padding-right:0;text-align:center;margin-top:.05rem}#phone-worked-on{display:flex;justify-content:center;flex-direction:column}.view-project-title-text{font-size:1rem}.view-project-right-container{flex-direction:column;background-color:rgba(0,0,0,0.65);padding:1rem;border-radius:var(--border-radius)}.view-project-content-left{margin:0rem;background-color:none;border-radius:var(--border-radius);width:100%;margin-top:1rem}.audio-music-button{margin:1rem}.hr-lines{display:none}#loader{width:75px;height:75px;aspect-ratio:1;--c:no-repeat linear-gradient(#000 0 0);background:var(--c) 0 0,var(--c) 0 100%,var(--c) 50% 50%,var(--c) 100% 0,var(--c) 100% 100%;animation:l13 1s infinite alternate}@keyframes l13{0%,10%{background-size:20% 100%}50%{background-size:20% 20%}90%,100%{background-size:100% 20%}}#loading-div{display:flex;justify-content:center;align-items:center;height:80vh}.content-container-listen{flex-direction:column;margin-top:0}.trail{display:none}.view-info-item{flex-direction:row;flex-wrap:wrap}.stripe-content{display:none}.owner-project-tag-content{margin:0}.projects-container{width:95%}.profile-container{width:95%}.profile-container-div{width:auto;padding:0}.settings-container{flex-direction:column;width:95%}.settings-sidebar{margin:0px 20px 0px 20px;position:unset}.settings-section{margin:0px 20px 44px 20px;width:auto}.settings-container-item{width:auto}.settings-image{flex-direction:column;gap:1rem}.projects-nav{flex-wrap:wrap}.search-container{width:95%}.create-project{width:95%}.create-project-title{flex-direction:column;gap:0rem}.create-project-div{width:100%}.search-results{display:flex;flex-direction:column;padding:0px 20px 0px 20px}.search-item{width:auto;flex-direction:column;align-items:center}.view-container{width:90%}.search-main{display:flex;flex-direction:column;align-items:center}.content-listen-info{max-width:100%;margin-top:1rem;margin-left:0}.content-text{font-size:1.25rem}.user-icon-listen{margin-right:0}.magazine-picture{width:90%}.login-div{width:90%}.contact-input{margin-bottom:0.5rem}.upload-song-div{width:95%;padding:0}.upload-song-form{width:100%;margin:0rem 0.5rem 0rem 0.5rem}.audio-content-display{justify-content:left}.team-div{width:85%}.form-item{margin-left:1rem;margin-right:1rem}.audio-submit{background-color:whitesmoke;border:none;color:black}.audio-submit:hover{cursor:pointer}.settings-main{flex-direction:column}}@media (max-width:860px){nav{padding:0 18px}.nav-links{display:none}.page{padding-left:0;padding-right:0;padding-bottom:72px;max-width:100%}.hero{padding:52px 0 40px}.info-strip{grid-template-columns:1fr}.badge{font-size:8px;padding:5px 10px;bottom:14px;right:14px}.pocket-hero{padding:44px 20px 32px}.pocket-wrap{padding:0 18px 0}.pocket-card-header{padding:24px 20px}.pocket-card-body{padding:24px 20px}.projects-info{margin:0px 20px 0px 20px}.audio-seek-slider{display:none;position:absolute;width:100%;background-color:var(--bg2);left:0;border:1px solid var(--b);margin:0 0 200px 0}#global-audio-seek-slider{background:var(--bg2);padding:1rem}.vol{display:none}.global-audio-navigation{position:fixed;z-index:9999;bottom:0;left:0;width:100%;margin-bottom:1rem;border:none;background:none;height:90px;transition:height 0.05s cubic-bezier(.45,.05,.55,.95)}.global-audio-navigation-div{background-color:var(--bg2);margin-left:1rem;margin-right:1rem;margin-bottom:10px;border-radius:30px;border:1px solid var(--b);transition:margin 0.05s cubic-bezier(.02,1.06,.94,.02)}.global-audio-navigation-div.expanded{transform:scale(1.075);transition:margin 0.15s ease}.stem-ctrls{flex-direction:row;width:100%;margin:0rem 1rem 0rem 1rem;justify-content:space-between}#global-album-cover-container{width:40px;height:40px;overflow:hidden}.global-audio-album-cover-class{height:100%;width:100%}.player-queue-btn{margin-left:7px}.player-queue-btn svg{height:20px;width:20px}.player-like svg{height:20px;width:20px}#global-audio-play-button{width:38px}.skip-btn svg{width:20px;height:20px}#global-audio-completed-time{display:none}#global-audio-total-time{display:none}.pocket-id-bar{flex-wrap:wrap;gap:10px}.player-section{display:flex;justify-content:center;flex-direction:column;align-items:center}.pocket-share-row{flex-direction:column}.share-btn{width:100%}footer{padding:40px 20px 32px}.tools-hero{padding:0px 20px 32px}.tool-panel{margin:20px 20px 0}.panel-body{padding:22px 20px 24px}.panel-header{padding:20px 20px 18px}.meta-row{grid-template-columns:1fr;justify-content:center}.settings-wrap{grid-template-columns:1fr}.sidebar{position:static;border-radius:12px}.sb-item{border-left:none}.sb-item.active{border-left:none}.form-row{grid-template-columns:1fr}.projects-grid{grid-template-columns:1fr}.search-wrap{max-width:none;width:100%}.search-hero{padding:0px 20px 0px 20px}.divider{margin:0 20px}.browse{padding:32px 20px 0}.genre-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.col-right{order:2}.song-hero-body{padding:28px 20px;gap:18px}.sh-art{width:80px;height:80px;font-size:28px}.ti-tag-row{margin-left:0}.ti-tag-in{flex:1;width:auto}.create-card{margin:0 20px}.card-body{padding:22px 20px}.card-foot{flex-direction:column;align-items:stretch}.foot-actions{justify-content:flex-end}}@media (max-width:480px){.ti-actions{gap:5px}.ti-btn{padding:7px 11px;font-size:11px}.sh-title{font-size:20px}}@media (max-width:900px){nav{padding:0 18px}.layout{grid-template-columns:1fr}.sidebar{display:none}.main{padding:0px 20px 0px 20px}.track-card{width:148px}.track-art{width:148px;height:148px}.genre-card{width:130px}.genre-art{width:130px;height:78px}.arrow{display:none}.tli-desc{display:none}}@media (max-width:540px){.stats{grid-template-columns:1fr}.stat{border-right:none!important;border-bottom:1px solid var(--b)}.stat:last-child{border-bottom:none}.hero-btns,.cta-btns{align-items:center}.footer-grid{grid-template-columns:1fr}.f-logo{justify-content:center}.landing-end-title{font-size:50px}}@media (max-width:480px){.tabs-row{gap:6px;flex-wrap:wrap;justify-content:center}.convert-row{flex-direction:column;align-items:flex-start}}@media (max-width:480px){.track-plays{display:none}.genre-grid{grid-template-columns:repeat(2,1fr)}.genre-tile{height:86px}}.loader{height:50px;width:50px;aspect-ratio:1;--c:linear-gradient(#FFF 0 0);--m:radial-gradient(farthest-side,#FFF 92%,#0000);background:var(--m) center /12px 12px,var(--c) left 50% top -20px/8px 16px,var(--c) left 50% bottom -20px/8px 16px,var(--c) top 50% left -20px/16px 8px,var(--c) top 50% right -20px/16px 8px;background-repeat:no-repeat;animation:l18-1 1.5s infinite,l18-2 1.5s infinite}.loader-white{height:50px;width:50px;aspect-ratio:1;--c:linear-gradient(#FFF 0 0);--m:radial-gradient(farthest-side,#FFF 92%,#0000);background:var(--m) center /12px 12px,var(--c) left 50% top -20px/8px 16px,var(--c) left 50% bottom -20px/8px 16px,var(--c) top 50% left -20px/16px 8px,var(--c) top 50% right -20px/16px 8px;background-repeat:no-repeat;animation:l18-1 1.5s infinite,l18-2 1.5s infinite}.loader-page{display:flex;height:100vh;width:100%;justify-content:center;align-items:center}.subscription-loader{display:flex;justify-content:center;align-items:center}.loader-secondary{display:flex;justify-content:center;align-items:center}.loader-item{height:1rem;width:100%;display:flex;justify-content:center;align-items:center;margin-top:2.5rem}@keyframes l18-1{30%,70%{background-position:center,left 50% top calc(50% - 8px),left 50% bottom calc(50% - 8px),top 50% left calc(50% - 8px),top 50% right calc(50% - 8px)}}@keyframes l18-2{0%,40%{transform:rotate(0)}60%,100%{transform:rotate(90deg)}}.loader-two{font-weight:bold;font-family:sans-serif;font-size:30px;animation:l1 1s linear infinite alternate}.loader-two:before{content:"Loading..."}@keyframes l1{to{opacity:0}}.loader-three{width:fit-content;font-weight:bold;font-family:monospace;white-space:pre;font-size:30px}.loader-three:before{content:"Loading...";animation:l34 1s infinite alternate}.error-loader{display:flex;justify-content:center;align-items:center}@keyframes l34{0%,15%,75%,100%{content:"Loading..."}20%{content:"Loading..."}25%{content:"Lo ding..."}30%{content:"Load ng..."}35%{content:" oading..."}40%{content:"L ading..."}45%{content:"Loadin ..."}50%{content:"Loa ing..."}55%{content:"Loading  ."}60%{content:" oa ing..."}65%{content:"L ading..."}70%{content:"Load n ..."}}.loader-four{width:fit-content;font-weight:bold;font-family:monospace;white-space:pre;font-size:30px;margin-left:0.5rem;color:white}.loader-four:before{content:"Error...";animation:error 1s infinite alternate}@keyframes error{0%,15%,75%,100%{content:"Error..."}20%{content:"Error..."}25%{content:"Er or..."}30%{content:"Erro ..."}35%{content:" rr r..."}40%{content:"E ror .."}45%{content:"Erro ..."}50%{content:"Error. ."}55%{content:"E ror..."}60%{content:"Er or.. "}65%{content:"Err r..."}70%{content:"E ror. ."}}