@font-face{font-family:'CustomFont';src:url("/static/fonts/Starbirl-gg96.ttf") format('truetype');font-display:swap}@font-face{font-family:'Font2';src:url("/static/fonts/MomcakeBold-WyonA.otf");font-display:swap}:root{--border-radius:5px;--font-family:sans-serif,system-ui;--font-family-bold:'Font2';--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(255,255,255,0.1);--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}.text-light{color:var(--light-text)}.text-dark{color:var(--dark-text)}.text-black{color:var(--black-text)}.text-red{color:var(--red-text)}.text-small{font-size:0.8rem}.text-bold{font-family:var(--font-family-bold)}*{padding:0;margin:0}html,hr{color:var(--light-text)}a p h1 h2 h3 h4 h5 h6{font-family:var(--font-family);font-display:optional}a{color:var(--href-color);font-weight:bold;font-display:optional}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}.main{}.main-nav{display:flex;align-items:center}.content{width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center}.about{display:flex;justify-content:center}.about-container{border-radius:var(--border-radius);background-color:var(--darker-background);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(--darker-background);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}.cancel-div{width:fit-content;padding:1rem;border-radius:var(--border-radius);background-color:var(--dark-background);display:flex;justify-content:center;flex-direction:column;margin:1rem 0rem 0rem 0rem;align-items:center}.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(--darker-background);border-radius:var(--border-radius);padding:1rem 0rem 1rem 0rem;gap:0.5rem}.create-account-container-div{display:flex;flex-direction:column;align-items:center;gap:var(--container-gap)}.login{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:30%;background-color:var(--darker-background);border-radius:var(--border-radius);padding:1rem;gap:0.5rem}.login-container-div{width:100%;align-items:center;display:flex;flex-direction:column}.contact{min-height:100vh;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;width:var(--small-inner-container);background-color:var(--darker-background);border-radius:var(--border-radius);gap:0.5rem;padding:1rem}.contact-div{display:flex;flex-direction:column;width:100%;align-items:center}.reset-password{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.reset-password-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:30%;background-color:var(--darker-background);border-radius:var(--border-radius);gap:0.5rem}.reset-password-container-div{display:flex;flex-direction:column;align-items:center;gap:var(--container-gap);margin:1rem}.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(--darker-background);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:'Font2'}.search-form{display:flex;justify-content:center;flex-direction:row;align-items:center;width:90%;gap:var(--container-gap)}.search-results{border-radius:var(--border-radius)}.search-item{display:flex;flex-direction:row;padding:1rem;border-radius:var(--border-radius);background-color:var(--darker-background);margin-top:1rem;width:100%}.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}.change-plan-div{display:flex;background-color:white;border-radius:10px;width:40rem;justify-content:center;align-items:center;flex-direction:column;height:fit-content;margin-bottom:5rem;padding:1rem}.change-plan-list{display:flex;flex-direction:column;width:100%;gap:var(--container-gap)}.change-plan-proration{margin:1rem 0rem 1rem 0rem;width:100%}.create-project{display:flex;justify-content:center;align-items:center;flex-direction:row;width:100%;min-height:90vh}.create-project-container{display:flex;flex-direction:column;width:var(--container-width);background-color:var(--darker-background);border-radius:var(--border-radius);margin:1rem 0rem 1rem 0rem;align-items:center}.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:0rem 0rem 1rem 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(--darker-background);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)}.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(--darker-background);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(--darker-background)}.info-content-container-listen{display:flex;flex-direction:row;border-radius:var(--border-radius);background-color:var(--darker-background);width:100%;margin:0rem 0rem 1rem 0rem}.listen-content-display{margin:0rem 0rem 1rem 0rem}.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:'Font2';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:1rem;font-weight:bold;font-size:var(--p-size);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(--darker-background);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:2px solid rgb(140,140,140);background-color:rgb(174,174,174);box-shadow:0 0 10px lightgray;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;border-radius:var(--border-radius);margin:1rem;height:10rem}.price-box:hover{border:2px solid rgb(119,92,182);cursor:pointer;background-color:rgb(119,92,182)}.price-box-selected{border:2px solid #684EA4;background-color:#684EA4;box-shadow:0 0 10px #684EA4;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}.price-box-selected:hover{border:2px solid #684EA4;background-color:#684EA4}.price-box-currently-active{border:2px solid rgb(100,100,100);background-color:rgb(82,82,82);box-shadow:0 0 10px rgb(131,131,131);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}.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}.project-content-display{margin:0rem 0rem 1rem 0rem}.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(--darker-background);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}.change-payment-method-div{background-color:whitesmoke;border-radius:10px;height:100%;flex-direction:column;display:flex;margin:1rem 0rem 0rem 0rem;justify-content:center;align-items:center;padding:1rem}.stripe-form{margin:0rem 1rem 0rem 1rem}.stripe-label{font-family:sans-serif;font-size:1rem;color:#30313D;font-family:system-ui;margin:0rem 0rem 0.25rem 0rem}.stripe-input{width:100%;border-radius:2.5px;border:none;box-shadow:1px 1px 1px 1px lightgray;box-sizing:border-box;padding:0.5rem;font-size:1rem;margin:0rem 0rem 0.5rem 0rem}.profile{display:flex;justify-content:center;height:100%}.profile-container{width:var(--container-width);display:flex;justify-content:left;align-items:center;height:100%}.profile-container-div{display:flex;flex-direction:column;width:100%;padding:1rem;border-radius:var(--border-radius);margin:1rem 0rem 1rem 0rem}.profile-info{width:100%;display:flex;flex-direction:column;align-items:center;box-shadow:5px 5px 10px rgba(255,255,255,0.2),-5px -5px 10px rgba(255,255,255,0.2);background-color:var(--darker-background);border-radius:var(--border-radius)}.profile-info:hover{box-shadow:5px 5px 10px rgba(49,27,146,0.2),-5px -5px 10px rgba(49,27,146,0.2)}.profile-info-container{margin:1rem}.profile-area{margin:2.5rem 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}.album-cover-back-button{}.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}.resubscribe-div{background-color:whitesmoke;border-radius:var(--border-radius);margin:1rem 0rem 1rem 0rem;display:flex;flex-direction:column;align-items:center;padding:1rem}.resubscribe-list{display:flex;flex-direction:column;width:100%}.proration-amount{width:100%}.children-main{background-color:var(--darker-background);padding:1rem;border-radius:10px;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(--darker-background);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(--darker-background);flex-direction:column;margin:1rem 0rem 0rem 0rem;border-radius:var(--border-radius)}.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}.view-project-import{margin:1rem 0rem 0rem 0rem;display:flex;align-items:center;gap:var(--container-gap)}.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:'Font2'}.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(--darker-background);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-bold)}.audio-content{display:flex;justify-content:center;flex-direction:column;margin-bottom:2.5rem;margin-right:2.5rem}.branched-main{border-radius:var(--border-radius);display:flex;flex-direction:column}.file-upload-progress-bar{width:50%;background-color:#ddd;border-radius:5px;border:2px white solid}.private-members-main{background-color:var(--darker-background);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;width:15rem}.stripe-content{background-color:var(--darker-background);border-radius:10px}.stripe-content-inner{margin:1rem;display:flex;flex-direction:column;align-items:center}.settings{display:flex;justify-content:center;flex-direction:row;align-items:flex-start;min-height:100vh}.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:whitesmoke;padding:1rem;border-radius:10px}.subscribe-form{display:flex;flex-direction:column;width:100%}.subscriptions-list{display:flex;flex-direction:column;border-radius:var(--border-radius)}.payment-container{flex-direction:column;background-color:whitesmoke;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(--darker-background);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(--darker-background);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,#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}#time{left:0}#duration{right:0}.profile-stats{display:flex;flex-direction:row}.tag-link{text-decoration:none;margin-right: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(--light-text);white-space:nowrap}.owner-tag-link:hover{color:#DDDDDD;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%}.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:#ccc;-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}.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}#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}.view-project-icon{height:100%}.view-project-icon:hover{opacity:75%}.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%}.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:column;padding:1rem;background-color:var(--darker-background);border-radius:var(--border-radius)}.audio-information{display:flex;align-items:center;margin-bottom:0.5rem}.audio-information-content{display:flex;flex-direction:column;margin-left:1rem}.audio-user-icon{height:50px;width:50px;border-radius:50%}.audio-content{display:flex;flex-direction:row;align-items:center;background-color:var(--darker-background);padding:1rem;border-radius:5px;width:75%;height:10rem}.audio-player{width:100%}.image-parallax{transform:translateZ(0);will-change:transform;display:flex;justify-content:center}.image-parallax{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:flex;justify-content:center;align-items:center;height:2em;margin:0;display:none}.hamburger-nav-flex{display:none;top:0;position:sticky}@keyframes gradient-move{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.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:30px;height:30px}.nav-username{font-size:var(--regular-p-size);color:var(--light-text);text-decoration:none;text-decoration:none;color:var(--light-text)}.nav-username:hover{color:#684EA4}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.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}.link-item-title-top{display:flex;flex-direction:row;justify-content:center;align-items:center}.link-item-text-smaller{font-family:'Font2';margin:0rem 0.25rem 0rem 0.25rem;font-size:1rem}.link-item-text-larger{font-family:'Font2';margin:0rem 0.25rem 0rem 0.25rem}.profile-middle-content{display:flex;flex-direction:column;margin-left:1rem;margin-right:1rem;background-color:var(--darker-background);padding:1rem;border-radius:var(--border-radius)}.profile-middle-text{color:black;font-family:'Font2';font-size:var(--regular-p-size);color:white}.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:none;position:absolute;top:100%;left:0;background-color:var(--black-background);padding:10px;border:2px solid #ccc;border-radius:8px}.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}@keyframes cd_spin{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}.phone-nav{display:flex;align-items:center;gap:1rem;margin:0rem 1rem 0rem auto}@media (max-width:900px){a,button{-webkit-tap-highlight-color:transparent;text-decoration:none}a:hover,a:focus-visible{text-decoration:visible}h2{font-size:2rem}.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}.links{flex-direction:column}.image-parallax{display:flex;justify-content:center}.container{display:none}.footer{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%}.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}.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:80%;margin:1rem 0rem 1rem 0rem}.content-container{margin-bottom:2.5rem}.create-account-container{width:95%}#reason{}.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%}.reset-password-container{width:auto}.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}.content{padding-top:1rem}.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%}#project-tag-content{margin-left:0}.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-container-item{width:auto}.settings-image{flex-direction:column;gap:1rem}.projects-nav{flex-wrap:wrap}.search-container{width:95%}.create-project-container{width:95%}.create-project-title{flex-direction:column;gap:0rem}.create-project-div{width:100%}.search-results{display:flex;flex-direction:column}.search-item{width:auto;flex-direction:column;align-items:center}.view-container{width:90%}.search-main{display:flex;flex-direction:column;align-items:center}#search-box{width:90%}.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}}.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}.form-input::placeholder{color:gray;font-family:'Font2'}.form-text-area{resize:vertical;height:15rem;font-size:1rem;margin-bottom:2.5rem;color:black;padding-top:0.5rem}.form-switch{display:flex;flex-direction:row;align-items:center;background-color:black;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:0.25rem;margin-left:1rem}.wave span{width:4px;height:0px;background:#684EA4;animation:wave 1.2s ease-in-out infinite}.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}}.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}.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. ."}}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:root{--bg:#08060e;--bg2:#0f0c1a;--bg3:#161220;--p:#7c4fd4;--p2:#9b6ee8;--p3:#c4a0ff;--white:#f0eaff;--muted:rgba(240,234,255,0.44);--dim:rgba(240,234,255,0.10);--b:rgba(240,234,255,0.07);--bp:rgba(124,79,212,0.22)}html{scroll-behavior:smooth}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}a{text-decoration:none;color:inherit}button{border:none;background:none;font-family:inherit;cursor:pointer}nav{position:fixed;top:0;left:0;right:0;z-index:200;height:62px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;background:rgba(8,6,14,0.98);backdrop-filter:blur(24px);border-bottom:1px solid var(--b)}.nav-left{display:flex;align-items:center;gap:40px}.nav-logo img{height:24px;display:block}.nav-links{display:flex;gap:2px;list-style:none}.nav-links a{font-size:13px;font-weight:500;color:var(--muted);padding:6px 13px;border-radius:6px;transition:color .2s,background .2s}.nav-links a.active{color:var(--white);background:rgba(124,79,212,.15)}.nav-links a:hover:not(.active){color:var(--white);background:rgba(240,234,255,.04)}.nav-right{display:flex;align-items:center;gap:10px}.nav-avatar{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}.nav-username{font-size:13px;font-weight:500;color:var(--muted)}.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)}.page{flex:1;padding-top:62px;display:flex;flex-direction:column;align-items:center;padding-bottom:0}.tools-hero{width:100%;padding:0px 32px 44px;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:10px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--p3);margin-bottom:14px;display:flex;align-items:center;gap:12px;animation:fadeUp .55s ease both}.hero-eyebrow::before,.hero-eyebrow::after{content:'';width:20px;height:1px;background:var(--p3);opacity:.5}.hero-title{font-size:clamp(32px,5.5vw,62px);font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--white);margin-bottom:10px;animation:fadeUp .6s ease .07s both}.hero-sub{font-size:15px;color:var(--muted);font-weight:300;animation:fadeUp .6s ease .13s both}.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:rgba(124,79,212,.16);border-color:rgba(124,79,212,.4)}.tab:hover:not(.active){color:var(--white);border-color:rgba(240,234,255,.15);background:rgba(240,234,255,.04)}.tab-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--p3);margin-right:6px;opacity:0;transition:opacity .2s;vertical-align:middle;margin-bottom:1px}.tab.active .tab-dot{opacity:1}.tool-panel{width:100%;max-width:760px;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:rgba(124,79,212,.14);border:1px solid var(--bp);display:flex;align-items:center;justify-content:center;flex-shrink:0}.panel-icon svg{width:20px;height:20px;stroke:var(--p3);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 rgba(124,79,212,.35);border-radius:10px;padding:40px 24px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;background:rgba(124,79,212,.03);cursor:pointer;transition:border-color .25s,background .25s;position:relative}.upload-zone:hover{border-color:rgba(124,79,212,.65);background:rgba(124,79,212,.07)}.upload-zone.has-file{border-color:rgba(124,79,212,.55);background:rgba(124,79,212,.08)}.uz-icon{width:44px;height:44px;border-radius:50%;background:rgba(124,79,212,.12);border:1px solid var(--bp);display:flex;align-items:center;justify-content:center;transition:background .2s}.upload-zone:hover .uz-icon{background:rgba(124,79,212,.22)}.uz-icon svg{width:20px;height:20px;stroke:var(--p3);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(--p3);border:1px solid var(--bp);border-radius:6px;padding:7px 18px;background:rgba(124,79,212,.08);transition:background .2s;margin-top:4px}.uz-btn:hover{background:rgba(124,79,212,.2)}.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(--p3);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.fc-name{font-size:13px;font-weight:600;color:var(--white);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-section{}.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}.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);box-shadow:0 8px 24px rgba(124,79,212,.35)}.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}.meta-form{display:flex;flex-direction:column;gap:16px}.meta-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.meta-field{display:flex;flex-direction:column;gap:6px}.meta-field.full{grid-column:1 / -1}.field-label{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.field-input{font-size:13px;font-weight:400;font-family:'Space Grotesk',sans-serif;background:rgba(240,234,255,.04);border:1px solid var(--b);border-radius:8px;padding:11px 14px;color:var(--white);outline:none;transition:border-color .2s,box-shadow .2s}.field-input::placeholder{color:var(--muted)}.field-input:focus{border-color:rgba(124,79,212,.5);box-shadow:0 0 0 2px rgba(124,79,212,.08)}.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}footer{text-align:center;padding:48px 32px 40px;border-top:1px solid var(--b);margin-top:40px;width:100%}.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:20px;right:20px;z-index:600;background:var(--p);color:#fff;padding:6px 13px;font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;border-radius:3px}@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes panelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width:860px){nav{padding:0 18px}.nav-links,.nav-username{display:none}.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}footer{padding:36px 20px 32px}}@media (max-width:480px){.tabs-row{gap:6px;flex-wrap:wrap;justify-content:center}.convert-row{flex-direction:column;align-items:flex-start}}.search-hero{padding:68px 32px 48px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden}.search-hero::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:700px;height:320px;pointer-events:none}.hero-eyebrow{font-size:10px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--p3);margin-bottom:14px;display:flex;align-items:center;gap:12px;animation:fadeUp .55s ease both}.hero-eyebrow::before,.hero-eyebrow::after{content:'';width:20px;height:1px;background:var(--p3);opacity:.5}.hero-title{font-size:clamp(36px,6vw,68px);font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--white);margin-bottom:10px;animation:fadeUp .6s ease .07s both}.hero-sub{font-size:15px;color:var(--muted);font-weight:300;margin-bottom:36px;animation:fadeUp .6s ease .13s both}.search-wrap{width:100%;max-width:640px;position:relative}.search-input{width:100%;background:var(--bg2);border:1.5px solid var(--b);border-radius:12px;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:rgba(124,79,212,.55);box-shadow:0 0 0 3px rgba(124,79,212,.09),0 8px 32px rgba(0,0,0,.3)}.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(--p3)}.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%);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}.search-go:hover{background:var(--p2);transform:translateY(-50%) scale(1.04)}.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{margin-top:26px;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}.f-pill:hover{color:var(--white);border-color:rgba(196,160,255,.35);background:rgba(124,79,212,.1)}.f-pill.on{color:var(--white);border-color:var(--p3);background:rgba(124,79,212,.16)}.divider{border:none;border-top:1px solid var(--b);margin:0 32px}.browse{flex:1;padding:40px 32px 0;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:1px}.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:44px;height:44px;border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.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-info{flex:1;min-width:0}.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{text-align:center;padding:48px 32px 40px;border-top:1px solid var(--b);margin-top:48px}.footer-logo img{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:20px;right:20px;z-index:600;background:var(--p);color:#fff;padding:6px 13px;font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;border-radius:3px}@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (max-width:860px){nav{padding:0 18px}.nav-links,.nav-username{display:none}.search-hero{padding:48px 20px 36px}.divider{margin:0 20px}.browse{padding:32px 20px 0}.genre-grid{grid-template-columns:repeat(2,1fr)}footer{padding:40px 20px 32px}}@media (max-width:480px){.track-plays{display:none}.genre-grid{grid-template-columns:repeat(2,1fr)}.genre-tile{height:86px}}.page{flex:1;padding-top:62px;max-width:1100px;margin:0 auto;width:100%;padding-left:32px;padding-right:32px;padding-bottom:100px}.page-header{padding:40px 0 32px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-title{font-size:26px;font-weight:700;color:var(--white);letter-spacing:-.03em;margin-bottom:5px}.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)}.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}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}.search-wrap-projects{position:relative;flex:1;min-width:180px;max-width:300px}.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:rgba(240,234,255,.04);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:rgba(240,234,255,.04);border:1px solid var(--b);border-radius:10px;padding:3px;gap:2px}.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:rgba(240,234,255,.04);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,.sort-sel:focus{border-color:rgba(240,234,255,.2);color:var(--white)}.sort-sel option{background:var(--bg3)}.view-toggle{display:flex;gap:2px;background:rgba(240,234,255,.04);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{}.vbtn.active svg{stroke:var(--p3)}.meta-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.meta-count{font-size:11px;color:var(--muted)}.meta-sync{font-size:11px;color:rgba(240,234,255,.2)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}.projects-list{display:flex;flex-direction:column;gap:8px}.g-card{background:var(--bg2);border:1px solid var(--b);border-radius:14px;overflow:hidden;cursor:pointer;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}@keyframes artPan{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.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:column;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;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.g-meta{display:flex;flex-wrap:wrap;gap:10px}.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,.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}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(80px);background:var(--bg3);border:1px solid var(--bp);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;transition:transform .4s cubic-bezier(.22,.68,0,1.2),opacity .3s;opacity:0;pointer-events:none;white-space:nowrap;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(--p3);stroke-width:2.2;fill:none;stroke-linecap:round}footer{text-align:center;padding:48px 32px 40px;border-top:1px solid var(--b)}.footer-logo{height:20px;margin:0 auto 12px;opacity:.45;display:block}.footer-slogan{font-size:13px;font-style:italic;color:rgba(240,234,255,.22);letter-spacing:.06em}.badge{position:fixed;bottom:20px;right:20px;z-index:600;background:var(--p);color:#fff;padding:6px 13px;font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;border-radius:3px}.orb-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.orb{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(124,79,212,.06) 0%,transparent 68%)}.orb1{width:800px;height:800px;top:-300px;right:-200px;animation:orbDrift 14s ease-in-out infinite}.orb2{width:600px;height:600px;bottom:-250px;left:-150px;animation:orbDrift 18s ease-in-out infinite;animation-delay:-9s}@keyframes orbDrift{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(24px) scale(1.03)}}@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes cardIn{from{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:860px){nav{padding:0 18px}.nav-links,.nav-username{display:none}.page{padding-left:18px;padding-right:18px}.projects-grid{grid-template-columns:1fr}.search-wrap{max-width:none;width:100%}}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:root{--bg:#08060e;--bg2:#0f0c1a;--bg3:#161220;--p:#7c4fd4;--p2:#9b6ee8;--p3:#c4a0ff;--white:#f0eaff;--muted:rgba(240,234,255,.44);--b:rgba(240,234,255,.07);--bp:rgba(124,79,212,.22)}html{scroll-behavior:smooth}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}a{text-decoration:none;color:inherit}button{border:none;background:none;font-family:inherit;cursor:pointer}nav{position:fixed;top:0;left:0;right:0;z-index:200;height:62px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;background:rgba(8,6,14,.98);backdrop-filter:blur(24px);border-bottom:1px solid var(--b)}.nav-left{display:flex;align-items:center;gap:40px}.nav-logo img{height:24px;display:block}.nav-links{display:flex;gap:2px;list-style:none}.nav-links a{font-size:13px;font-weight:500;color:var(--muted);padding:6px 13px;border-radius:6px;transition:color .2s,background .2s}.nav-links a:hover,.nav-links a.active{color:var(--white);background:rgba(240,234,255,.04)}.nav-links a.active{color:var(--white)}.nav-right{display:flex;align-items:center;gap:10px}.nav-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}.nav-username{font-size:13px;font-weight:500;color:var(--muted)}.page{flex:1;padding-top:62px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-bottom:80px}.page-hero{width:100%;padding:52px 32px 40px;text-align:center;position:relative;animation:fadeUp .45s ease both}.page-hero::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--p),transparent)}.hero-label{display:inline-flex;align-items:center;gap:8px;font-size:9px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--p3);margin-bottom:14px}.hero-label svg{width:13px;height:13px;stroke:var(--p3);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.hero-title{font-size:clamp(28px,4vw,46px);font-weight:700;letter-spacing:-.03em;color:var(--white);line-height:1.08;margin-bottom:10px}.hero-title .root-word{color:var(--p3)}.hero-sub{font-size:14px;color:var(--muted);font-weight:400;max-width:480px;margin:0 auto;line-height:1.65}.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)}.create-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--p) 30%,var(--p3) 60%,transparent 100%)}.card-head{padding:28px 32px 24px;border-bottom:1px solid var(--b);display:flex;align-items:center;gap:14px}.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-text{}.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}.card-body{padding:28px 32px;display:flex;flex-direction:column;gap:22px}.field{display:flex;flex-direction:column;gap:7px}.field-label{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:6px}.field-label svg{width:11px;height:11px;stroke:var(--muted);stroke-width:2;fill:none;stroke-linecap:round}.field-input{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;font-weight:400;color:var(--white);font-family:'Space Grotesk',sans-serif;outline:none;transition:border-color .25s,background .25s,box-shadow .25s}.field-input:focus{border-color:var(--p);background:rgba(124,79,212,.06);box-shadow:0 0 0 3px rgba(124,79,212,.12)}.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}.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(--p);background:rgba(124,79,212,.04)}.icon-preview{width:56px;height:56px;border-radius:10px;background:var(--bg3);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:rgba(240,234,255,.2);stroke-width:1.5;fill:none}.icon-preview img{width:100%;height:100%;object-fit:cover;display:none}.icon-upload-text{}.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;background:rgba(124,79,212,.1);border:1px solid var(--bp);display:flex;align-items:center;justify-content:center;flex-shrink:0}.option-icon svg{width:14px;height:14px;stroke:var(--p3);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;box-shadow:0 2px 10px rgba(124,79,212,.35)}.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);box-shadow:0 0 8px rgba(196,160,255,.6)}.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)}.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:rgba(240,234,255,.2);background:rgba(240,234,255,.04)}.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;box-shadow:0 4px 20px rgba(124,79,212,.25)}.btn-create:hover{background:linear-gradient(135deg,var(--p2),var(--p));transform:translateY(-2px);box-shadow:0 8px 32px rgba(124,79,212,.45)}.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-top:2px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(80px);background:var(--bg3);border:1px solid var(--bp);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;transition:transform .4s cubic-bezier(.22,.68,0,1.2),opacity .3s;opacity:0;pointer-events:none;white-space:nowrap;box-shadow:0 8px 32px rgba(0,0,0,.4)}.toast.show{transform:translateX(-50%) translateY(0);opacity:1}.toast svg{width:16px;height:16px;stroke:var(--p3);stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}footer{text-align:center;padding:48px 32px 40px;border-top:1px solid var(--b)}.footer-logo{height:20px;margin:0 auto 12px;opacity:.45;display:block}.footer-slogan{font-size:13px;font-style:italic;color:rgba(240,234,255,.22);letter-spacing:.06em}.badge{position:fixed;bottom:20px;right:20px;z-index:600;background:var(--p);color:#fff;padding:6px 13px;font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;border-radius:3px}.orb-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.orb{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(124,79,212,.07) 0%,transparent 70%);animation:orbDrift 10s ease-in-out infinite}.orb1{width:600px;height:600px;top:-200px;right:-100px;animation-delay:0s}.orb2{width:400px;height:400px;bottom:-100px;left:-80px;animation-delay:-5s;animation-duration:14s}@keyframes orbDrift{0%,100%{transform:translateY(0)}50%{transform:translateY(20px)}}@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(max-width:860px){nav{padding:0 18px}.nav-links,.nav-username{display:none}.page-hero{padding:36px 20px 28px}.create-card{margin:0 20px}.card-body{padding:22px 20px}.card-foot{flex-direction:column;align-items:stretch}.foot-actions{justify-content:flex-end}}