.app-container{margin-top:32px;margin-bottom:32px;display:flex;flex-direction:column;align-items:center;gap:48px;padding:0 24px}.app-title{margin-bottom:16px}.app-subtitle{margin-bottom:32px}.app-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.login-form-container{display:flex;flex-direction:column;align-items:flex-start;width:100%}.login-form{display:flex;flex-direction:column;gap:16px}.login-form-field .MuiOutlinedInput-root{background-color:transparent;border-radius:4px}.login-form-field .MuiOutlinedInput-root fieldset{border-color:#ffffff0d}.login-form-field .MuiOutlinedInput-root:hover fieldset{border-color:#ffffff1a}.login-form-field .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#b388ff!important}.login-form-field.light .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#651fff!important}.login-form-field .MuiInputLabel-root{font-family:Mulish,sans-serif;font-size:16px;color:#ffffffb3}.login-form-field .MuiInputLabel-root.Mui-focused{color:#b388ff!important}.login-form-field .MuiOutlinedInput-input{font-family:Mulish,sans-serif;font-size:16px;color:#ffffffde;padding:16px 12px}.login-form-field.light .MuiOutlinedInput-root fieldset{border-color:#0000003b}.login-form-field.light .MuiOutlinedInput-root:hover fieldset{border-color:#000000de}.login-form-field.light .MuiInputLabel-root{color:#0009}.login-form-field.light .MuiInputLabel-root.Mui-focused{color:#651fff!important}.login-form-field.light .MuiOutlinedInput-input{color:#000000de}.login-form-field .MuiOutlinedInput-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px transparent inset!important;-webkit-text-fill-color:rgba(255,255,255,.87)!important;background-color:transparent!important;transition:background-color 5000s ease-in-out 0s}.login-form-field.light .MuiOutlinedInput-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px transparent inset!important;-webkit-text-fill-color:rgba(0,0,0,.87)!important;background-color:transparent!important;transition:background-color 5000s ease-in-out 0s}.login-form-field .MuiOutlinedInput-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px transparent inset!important;-webkit-text-fill-color:rgba(255,255,255,.87)!important;background-color:transparent!important}.login-form-field.light .MuiOutlinedInput-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px transparent inset!important;-webkit-text-fill-color:rgba(0,0,0,.87)!important;background-color:transparent!important}.links-row{display:flex;gap:4px;align-items:center}.forgot-password-text{font-family:Mulish,sans-serif;font-size:16px;color:#ffffffb3}.forgot-password-text.light{color:#0009}.contact-support-link{font-family:Mulish,sans-serif;font-size:16px;color:#00796b;text-decoration-color:#00796b40}.login-button{background-color:#1976d2;color:#fff;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:500;line-height:26px;letter-spacing:.46px;text-transform:none;border-radius:8px;padding:8px 22px;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.login-button:hover{background-color:#1565c0}.error-alert{margin-top:16px;background-color:#d32f2f!important;color:#fff!important;border-radius:4px;padding:6px 16px;width:100%;box-sizing:border-box}.MuiAlert-root.error-alert{background-color:#d32f2f!important}.error-alert.light{background-color:#d32f2f!important;color:#fff!important}.MuiAlert-root.error-alert.light{background-color:#d32f2f!important}.error-alert .MuiAlert-root{padding:6px 16px}.error-alert .MuiAlert-icon{color:#fff!important;font-size:22px;margin-right:12px;margin-top:8px;margin-bottom:8px;padding:0}.error-alert .MuiAlert-icon svg{font-size:22px;width:22px;height:22px;color:#fff!important;fill:#fff!important}.error-alert .MuiAlert-message{display:flex;flex-direction:column;gap:4px;padding:8px 0;flex-grow:1}.error-title{font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:500;line-height:1.5;color:#fff;margin:0}.error-message{font-family:Mulish,sans-serif;font-size:14px;font-weight:500;line-height:1.43;color:#fff;margin:0}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;position:relative}.auth-page__theme-toggle{position:fixed;top:16px;right:16px}.auth-page__container{display:flex;flex-direction:column;align-items:flex-start;max-width:552px;margin:0 auto}.auth-page__logo{display:flex;justify-content:flex-start;margin-bottom:24px;width:100%}.expired-signup-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:32px 16px}.expired-signup-page__content{display:flex;flex-direction:column;align-items:flex-start;max-width:396px;width:100%;text-align:left}.expired-signup-page__logo{margin-bottom:32px;display:flex;justify-content:flex-start;width:100%}.expired-signup-page__title{margin-bottom:12px!important}.expired-signup-page__subtitle{margin-bottom:32px!important}.expired-signup-page__button{align-self:flex-start}@media(max-width:768px){.expired-signup-page__content{align-items:center;text-align:center}.expired-signup-page__button{align-self:center}}.signup-form-container{display:flex;flex-direction:column;align-items:flex-start;width:100%}.signup-form-description{font-family:Mulish,sans-serif;font-size:16px;color:var(--mui-palette-text-secondary);text-align:flex-start}.signup-form-form-container{display:flex;flex-direction:column;gap:16px}.signup-form-textfield .MuiOutlinedInput-root{background-color:transparent;border-radius:4px}.signup-form-textfield .MuiOutlinedInput-root fieldset{border-color:var(--mui-palette-divider)!important}.signup-form-textfield .MuiOutlinedInput-root:hover fieldset{border-color:var(--mui-palette-action-active)!important}.signup-form-textfield .MuiOutlinedInput-root.Mui-focused fieldset{border-color:var(--mui-palette-primary-main)!important}.signup-form-textfield .MuiOutlinedInput-root.Mui-disabled fieldset{border-color:var(--mui-palette-action-disabled)!important}.signup-form-textfield .MuiInputLabel-root{font-family:Mulish,sans-serif;font-size:16px;color:var(--mui-palette-text-secondary)}.signup-form-textfield .MuiOutlinedInput-input{font-family:Mulish,sans-serif;font-size:16px;color:var(--mui-palette-text-primary);padding:16px 12px}[data-mui-color-scheme=dark] .signup-form-textfield .MuiOutlinedInput-root fieldset{border-color:#ffffff0d!important}[data-mui-color-scheme=dark] .signup-form-textfield .MuiOutlinedInput-root:hover fieldset{border-color:#ffffff1a!important}[data-mui-color-scheme=dark] .signup-form-textfield .MuiOutlinedInput-root.Mui-focused fieldset{border-color:var(--mui-palette-primary-main)!important}[data-mui-color-scheme=dark] .signup-form-textfield .MuiOutlinedInput-root.Mui-disabled fieldset{border-color:var(--mui-palette-action-disabled)!important}.signup-form-password-requirements{font-family:Mulish,sans-serif;font-size:14px;color:var(--mui-palette-text-secondary);line-height:1.43;margin-top:-8px}.signup-form-create-account-button{background-color:var(--mui-palette-primary-main);color:var(--mui-palette-primary-contrastText);font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:500;line-height:26px;letter-spacing:.46px;text-transform:none;border-radius:8px;padding:8px 22px;box-shadow:var(--mui-shadows-3);margin-top:8px}.signup-form-create-account-button:hover{background-color:var(--mui-palette-primary-dark)}.signup-form-signin-row{display:flex;gap:16px;align-items:center;justify-content:center;margin-top:8px}.signup-form-already-member-text{font-family:Mulish,sans-serif;font-size:16px;color:var(--mui-palette-text-secondary)}.signup-form-signin-link{font-family:Mulish,sans-serif;font-size:16px;color:var(--mui-palette-primary-main);text-decoration-color:var(--mui-palette-primary-main-40);background:none;border:none;cursor:pointer}.signup-form-error-alert{margin-top:16px;background-color:#f44336;color:#fff;border-radius:8px}.signup-form-error-alert .MuiAlert-icon{color:#fff}.signup-form-error-alert .MuiAlert-message{display:flex;flex-direction:column;gap:4px}.signup-form-error-title{font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:500;line-height:1.5;color:#fff;margin:0}.signup-form-error-message{font-family:Mulish,sans-serif;font-size:14px;font-weight:500;line-height:1.43;color:#fff;margin:0}._container_1nlnw_1{padding:0 16px}._label_1nlnw_5{color:#ffffffb3;margin-bottom:8px;display:block;font-weight:500}._formControl_1nlnw_12{width:100%}._select_1nlnw_16{color:#ffffffde;background-color:#ffffff0d;border-radius:4px}._select_1nlnw_16 .MuiSelect-select{padding:8px 12px;font-size:14px}._select_1nlnw_16 .MuiOutlinedInput-notchedOutline{border-color:#ffffff3b}._select_1nlnw_16:hover .MuiOutlinedInput-notchedOutline{border-color:#fff6}._select_1nlnw_16.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#1976d2}._menuPaper_1nlnw_39{background-color:#424242;color:#ffffffde}._menuItem_1nlnw_44{font-size:14px;padding:8px 16px}._menuItem_1nlnw_44:hover{background-color:#ffffff14}._menuItem_1nlnw_44.Mui-selected{background-color:#1976d229}._menuItem_1nlnw_44.Mui-selected:hover{background-color:#1976d23d}._navigationDrawer_1ught_1{width:256px;flex-shrink:0}._navigationDrawerPaper_1ught_6{width:256px;box-sizing:border-box;background-color:var(--mui-palette-background-paper);border-right:1px solid var(--mui-palette-divider)}._logoSection_1ught_13{padding:24px;display:flex;align-items:center}._logoImage_1ught_19{width:120px;height:31px}._navigationMenu_1ught_24{flex-grow:1;padding-left:8px;padding-right:8px}._navigationItem_1ught_30{border-radius:4px;margin-left:8px;margin-right:8px}._navigationItemText_1ught_36{font-size:1rem;color:inherit}._externalIcon_1ught_41{margin-left:auto;font-size:20px}._userProfileSection_1ught_46{padding:16px}._userProfileDivider_1ught_50{margin-bottom:16px}._userProfileContainer_1ught_54{display:flex;align-items:center;gap:12px;margin-bottom:16px}._userAvatar_1ught_61{width:40px;height:40px}._userInfo_1ught_66{flex-grow:1}._userName_1ught_70{color:var(--mui-palette-text-primary)}._userRole_1ught_74{color:var(--mui-palette-text-secondary)}._logoutButton_1ught_78{color:var(--mui-palette-mode-dark-white, #512da8);border-color:var(--mui-palette-mode-dark-border, rgba(81, 45, 168, .5));background-color:transparent;text-transform:none;font-weight:500;font-size:.875rem;line-height:24px;letter-spacing:.4px;padding:6px 16px;border-radius:8px}._logoutButton_1ught_78:hover{background-color:var( --mui-palette-mode-dark-hover-bg, rgba(81, 45, 168, .04) );border-color:var( --mui-palette-mode-dark-hover-border, rgba(81, 45, 168, .5) )}._logoutButton_1ught_78:focus{border-color:var( --mui-palette-mode-dark-focus-border, rgba(81, 45, 168, .5) )}[data-mui-color-scheme=dark] ._logoutButton_1ught_78{color:#fff;border-color:#ffffff80}[data-mui-color-scheme=dark] ._logoutButton_1ught_78:hover{background-color:#ffffff0a;border-color:#ffffff80}[data-mui-color-scheme=dark] ._logoutButton_1ught_78:focus{border-color:#ffffff80}.clip-list{padding:0!important;margin-top:1rem}.clip-item{padding:12px 72px 12px 0;border-bottom:1px solid #eee;display:flex;align-items:center;gap:16px}.clip-item:last-child{border-bottom:none}.clip-details{display:flex;flex-direction:column;gap:4px;margin-top:4px}.clip-artist{color:#008d96;font-weight:500}.clip-album{color:#666;font-size:.875rem}.clip-duration{color:#666;font-size:.875rem;margin-top:4px}.clip-id,.track-id{color:#999;font-size:.75rem;margin-top:2px}.clip-artwork{position:relative;width:60px;height:60px;flex-shrink:0;cursor:pointer}.artwork-image{width:100%;height:100%;object-fit:cover;border-radius:4px}.no-artwork{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;border-radius:4px}.play-button-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease-in-out}.clip-artwork:hover .play-button-container{opacity:1}.play-button{color:#000c!important;transition:all .2s ease-in-out;padding:0!important;width:40px!important;height:40px!important;margin-right:4px!important;background:none!important;border-radius:0!important}.play-button:hover{background:none!important}.play-button .MuiSvgIcon-root{width:40px!important;height:40px!important}.clip-artwork:hover .play-button{transform:scale(1.1)}.clip-artwork:hover .artwork-image{filter:brightness(.8)}