body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.add-to-playlist-modal--overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.add-to-playlist-modal__dialog{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:85vh;max-width:420px;min-width:320px;padding:1.25rem}.add-to-playlist-modal__title{color:#333;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.add-to-playlist-modal__track{color:#666;font-weight:400}.add-to-playlist-modal__create-wrap{margin-bottom:1rem}.add-to-playlist-modal__create-label{color:#666;display:block;font-size:.8rem;margin-bottom:.25rem}.add-to-playlist-modal__create-row{align-items:stretch;display:flex;gap:.5rem}.add-to-playlist-modal__create-input{border:1px solid #e0e0e0;border-radius:6px;flex:1 1;font-size:.9rem;min-width:0;padding:.5rem .6rem}.add-to-playlist-modal__create-input:focus{border-color:#333;outline:none}.add-to-playlist-modal__create-input:disabled{cursor:not-allowed;opacity:.7}.add-to-playlist-modal__create-error{color:#c00;font-size:.8rem;margin:.35rem 0 0}.add-to-playlist-modal__search-wrap{margin-bottom:.75rem}.add-to-playlist-modal__search-label{color:#666;display:block;font-size:.8rem;margin-bottom:.25rem}.add-to-playlist-modal__search{border:1px solid #e0e0e0;border-radius:6px;font-size:.9rem;padding:.5rem .6rem;width:100%}.add-to-playlist-modal__search:focus{border-color:#333;outline:none}.add-to-playlist-modal__list-wrap{flex:1 1;margin-bottom:1rem;min-height:120px;overflow-y:auto}.add-to-playlist-modal__message{color:#666;font-size:.9rem;margin:0}.add-to-playlist-modal__message--error{color:#c00}.add-to-playlist-modal__list{list-style:none;margin:0;padding:0}.add-to-playlist-modal__item{background:#0000;border:none;border-radius:6px;cursor:pointer;display:block;font-size:.9rem;padding:.5rem .6rem;text-align:left;width:100%}.add-to-playlist-modal__item:hover:not(:disabled){background:#f0f0f0}.add-to-playlist-modal__item:disabled{cursor:not-allowed;opacity:.8}.add-to-playlist-modal__actions{display:flex;gap:.5rem;justify-content:flex-end}.add-to-playlist-modal__btn{background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.add-to-playlist-modal__btn:hover{background:#f5f5f5}.add-to-playlist-modal__btn--primary{background:#222;border-color:#222;color:#fff;flex-shrink:0}.add-to-playlist-modal__btn--primary:hover:not(:disabled){background:#444;border-color:#444}.add-to-playlist-modal__btn--primary:disabled{cursor:not-allowed;opacity:.65}.playlist-detail-panel-overlay{background:#0006;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:9998}.playlist-detail-panel{background:#fff;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;height:100%;max-width:420px;min-width:280px;padding:0;width:100%}.playlist-detail-panel__header{align-items:flex-start;display:flex;flex-shrink:0;gap:1rem;justify-content:space-between;padding:1.25rem 1.25rem 0}.playlist-detail-panel__title{color:#333;font-size:1.25rem;font-weight:600;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-detail-panel__close{background:#f5f5f5;border:1px solid #ccc;border-radius:4px;cursor:pointer;flex-shrink:0;font-size:.875rem;padding:.4rem .75rem}.playlist-detail-panel__close:hover{background:#eee}.playlist-detail-panel__actions{display:flex;flex-shrink:0;gap:.5rem;padding:1rem 1.25rem 0}.playlist-detail-panel__btn{background:#f5f5f5;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.playlist-detail-panel__btn:hover:not(:disabled){background:#eee}.playlist-detail-panel__btn:disabled{cursor:not-allowed;opacity:.6}.playlist-detail-panel__body{flex:1 1;min-height:0;overflow-y:auto;padding:1rem 1.25rem 1.25rem}.playlist-detail-panel__message{color:#666;font-size:.95rem;margin:0}.playlist-detail-panel__message--error{color:#c00}.playlist-detail-panel__track-list{list-style:none;margin:0;padding:0}.playlist-detail-panel__track{border-bottom:1px solid #eee;display:flex;flex-direction:column;gap:.5rem;min-width:0;padding:.75rem 0}.playlist-detail-panel__track:last-child{border-bottom:none}.playlist-detail-panel__track-title{color:#333;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-detail-panel__track-actions{display:flex;flex-wrap:wrap;gap:.5rem}.playlist-detail-panel__track-btn{background:#f5f5f5;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:.8rem;padding:.35rem .6rem}.playlist-detail-panel__track-btn:hover{background:#eee}.queue-sidebar-overlay{background:#0006;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:9998}.queue-sidebar{background:#fff;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;height:100%;max-width:420px;min-width:280px;padding:0;width:100%}.queue-sidebar__header{align-items:flex-start;display:flex;flex-shrink:0;gap:1rem;justify-content:space-between;padding:1.25rem 1.25rem 0}.queue-sidebar__title{color:#333;font-size:1.25rem;font-weight:600;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-sidebar__header-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.queue-sidebar__close{background:#f5f5f5;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:.875rem;padding:.4rem .75rem}.queue-sidebar__close:hover{background:#eee}.queue-sidebar__btn{background:#f5f5f5;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.queue-sidebar__btn:hover:not(:disabled){background:#eee}.queue-sidebar__btn:disabled{cursor:not-allowed;opacity:.6}.queue-sidebar__btn--clear{font-size:.85rem}.queue-sidebar__body{flex:1 1;min-height:0;overflow-y:auto;padding:1rem 1.25rem 1.25rem}.queue-sidebar__message{color:#666;font-size:.95rem;margin:0}.queue-sidebar__message--error{color:#c00}.queue-sidebar__list{list-style:none;margin:0;padding:0}.queue-sidebar__row{border-bottom:1px solid #eee;display:flex;flex-direction:column;gap:.5rem;min-width:0;padding:.75rem 0}.queue-sidebar__row:last-child{border-bottom:none}.queue-sidebar__row--current{background:#f0f4fa;margin:0 -1.25rem;padding:.75rem 1.25rem}.queue-sidebar__track-title{align-items:center;color:#333;display:flex;font-weight:500;gap:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-sidebar__now-playing{color:#1e3a5f;flex-shrink:0;font-size:.75rem;font-weight:600}.queue-sidebar__row-actions{display:flex;flex-wrap:wrap;gap:.5rem}.queue-sidebar__row-btn{background:#f5f5f5;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:.8rem;padding:.35rem .6rem}.queue-sidebar__row-btn:hover:not(:disabled){background:#eee}.queue-sidebar__row-btn:disabled{cursor:not-allowed;opacity:.6}.queue-sidebar__row-btn--remove{background:#fff5f5;border-color:#e0a0a0;color:#c00}.queue-sidebar__row-btn--remove:hover:not(:disabled){background:#ffe0e0}.header{background-color:#fff;box-shadow:0 2px 8px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:12px 40px}.logo-image{cursor:pointer;height:40px;object-fit:contain;transition:opacity .3s ease;width:auto}.logo-image:hover{opacity:.8}.nav{align-items:center;display:flex;gap:30px}.nav-link{color:#333;cursor:pointer;font-size:16px;font-weight:500;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#a855b4}.nav-link.login-link{background-color:#1e3a5f;border-radius:6px;color:#fff;padding:10px 24px;transition:all .3s ease}.nav-link.login-link:hover{background-color:#2c5aa0;box-shadow:0 4px 12px #1e3a5f33;color:#fff;transform:translateY(-2px)}.menu-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:6px;padding:10px}.menu-toggle span{background-color:#1e3a5f;border-radius:2px;height:3px;transition:all .3s ease;width:25px}.menu-toggle.active span:first-child{transform:rotate(45deg) translate(8px,8px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}@media (max-width:768px){.header-container{padding:15px 20px}.logo h1{font-size:24px}.menu-toggle{display:flex}.nav{background-color:#fff;box-shadow:0 4px 8px #0000001a;flex-direction:column;gap:15px;left:0;max-height:0;overflow:hidden;padding:20px;position:absolute;right:0;top:70px;transition:max-height .3s ease}.nav.active{max-height:200px}.nav-link{border-bottom:1px solid #f0f0f0;padding:10px 0}.nav-link:last-child{border-bottom:none}.nav-link.login-link{border-bottom:none;text-align:center}}.dashboard-header{background-color:#fff;border-bottom:1px solid #e0e0e0;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1.5rem}.header-content h1{color:#333;font-size:1.5rem;margin:0}.dashboard-header__nav{align-items:center;display:flex;gap:1.25rem}.dashboard-header__link{color:#333;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.dashboard-header__link:hover{color:#1e3a5f}.header-profile{position:relative}.profile-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:.5rem;transition:background-color .2s}.profile-button:hover{background-color:#f5f5f5}.profile-avatar{display:inline-block}.dropdown-menu{background-color:#fff;border:1px solid #e0e0e0;border-radius:.5rem;box-shadow:0 2px 8px #0000001a;margin-top:.5rem;min-width:150px;overflow:hidden;position:absolute;right:0;top:100%}.dropdown-item{background:none;border:none;color:#333;cursor:pointer;display:block;font-size:.95rem;padding:.75rem 1rem;text-align:left;transition:background-color .2s;width:100%}.dropdown-item:hover{background-color:#f5f5f5}.logout-btn{color:#d32f2f}.logout-btn:hover{background-color:#ffebee}.now-playing-bar{align-items:center;background:#f5f5f5;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;gap:1rem;min-height:52px;padding:.5rem 1.5rem}.now-playing-bar--empty,.now-playing-bar--loading,.now-playing-bar--placeholder{justify-content:center}.now-playing-bar__btn--queue{margin-left:.5rem}.now-playing-bar__placeholder-text{color:#666;font-size:.9rem}.now-playing-bar__track{flex:0 1 200px;min-width:0}.now-playing-bar__title{color:#333;display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-playing-bar__controls{align-items:center;display:flex;gap:.5rem}.now-playing-bar__btn{background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:.85rem;padding:.35rem .75rem}.now-playing-bar__btn:hover:not(:disabled){background:#eee}.now-playing-bar__btn:disabled{cursor:not-allowed;opacity:.5}.now-playing-bar__btn--primary{background:#1e3a5f;border-color:#1e3a5f;color:#fff}.now-playing-bar__btn--primary:hover:not(:disabled){background:#2c5aa0}.now-playing-bar__progress{align-items:center;display:flex;flex:1 1;gap:.5rem;max-width:280px;min-width:0}.now-playing-bar__time{color:#666;flex-shrink:0;font-size:.75rem}.now-playing-bar__progress-track{background:#ddd;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.now-playing-bar__progress-fill{background:#1e3a5f;border-radius:3px;height:100%;transition:width .1s linear}.now-playing-bar__volume{align-items:center;display:flex;flex:0 0 120px;gap:.5rem}.now-playing-bar__volume-slider{-webkit-appearance:none;appearance:none;background:#ddd;border-radius:3px;height:6px;width:80px}.now-playing-bar__volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#1e3a5f;border-radius:50%;cursor:pointer;height:14px;width:14px}.now-playing-bar__volume-slider::-moz-range-thumb{background:#1e3a5f;border:none;border-radius:50%;cursor:pointer;height:14px;width:14px}@media (max-width:768px){.now-playing-bar{flex-wrap:wrap;gap:.5rem;padding:.5rem 1rem}.now-playing-bar__track{flex:1 1 100%}.now-playing-bar__progress{flex-basis:100%;max-width:none;order:3}.now-playing-bar__volume{flex:1 1 auto}}.hero{align-items:center;background:linear-gradient(135deg,#1e3a5f,#2c5aa0 50%,#a855b4);color:#fff;display:flex;justify-content:center;min-height:500px;padding:100px 40px;text-align:center}.hero-content{margin:0 auto;max-width:600px}.hero h1{font-size:56px;font-weight:700;line-height:1.2;margin:10px 0}.hero p{font-size:18px;line-height:1.6;margin:30px 0;opacity:.95}.hero-buttons{display:flex;gap:15px;justify-content:center;margin-top:40px}.btn{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;padding:12px 30px;text-decoration:none;transition:all .3s ease}.btn-primary{background-color:#fff;color:#1e3a5f}.btn-primary:hover{background-color:#f0f0f0;box-shadow:0 8px 16px #0003;transform:translateY(-2px)}.btn-secondary{background-color:initial;border:2px solid #fff;color:#fff}.btn-secondary:hover{background-color:#ffffff1a;transform:translateY(-2px)}@media (max-width:768px){.hero{padding:60px 20px}.hero h1{font-size:36px}.hero p{font-size:16px}.hero-buttons{flex-direction:column}}.why-audibin{background-color:#f8f8f8;padding:80px 40px;text-align:center}.why-audibin h2{color:#1e3a5f;font-size:42px;font-weight:700;margin-bottom:20px}.why-audibin .subtitle{color:#555;font-size:16px;line-height:1.6;margin:0 auto 60px;max-width:700px}.features-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1000px}.feature-card{background:#fff;border-radius:10px;box-shadow:0 4px 12px #00000014;padding:40px;text-align:left}.feature-card h3{color:#1e3a5f;font-size:24px;font-weight:700;margin-bottom:20px}.feature-card ul{list-style:none;margin:0;padding:0}.feature-card li{color:#555;font-size:16px;margin-bottom:15px;padding-left:25px;position:relative}.feature-card li:before{color:#a855b4;content:"✓";font-weight:700;left:0;position:absolute}.feature-card p{color:#555;font-size:16px;line-height:1.6;margin-bottom:15px}.feature-card strong{color:#a855b4;font-weight:700}@media (max-width:768px){.why-audibin{padding:60px 20px}.why-audibin h2{font-size:32px}.features-grid{gap:30px;grid-template-columns:1fr}}.why-choose{background-color:#fff;padding:80px 40px;text-align:center}.why-choose h2{color:#1e3a5f;font-size:42px;font-weight:700;margin-bottom:60px}.features-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.feature-box{background:linear-gradient(135deg,#f8f8ff,#f0e6ff);border-radius:10px;padding:40px;transition:all .3s ease}.feature-box:hover{box-shadow:0 12px 30px #a855b426;transform:translateY(-10px)}.feature-icon{font-size:48px;margin-bottom:20px}.feature-box h3{color:#1e3a5f;font-size:24px;font-weight:700;margin-bottom:15px}.feature-box p{color:#555;font-size:16px;line-height:1.6;margin:0}@media (max-width:1024px){.features-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.why-choose{padding:60px 20px}.why-choose h2{font-size:32px;margin-bottom:40px}.features-container{gap:30px;grid-template-columns:1fr}}.landing-page{margin:0;overflow-x:hidden;padding:0;width:100%}.login-page{align-items:center;background:linear-gradient(135deg,#0f2240,#1e3a5f 60%,#2c3e70);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:420px;padding:48px 40px;width:100%}.login-logo{display:block;margin-bottom:32px;text-align:center}.login-logo img{height:36px;width:auto}.login-title{color:#1e3a5f;font-size:26px;font-weight:700;margin:0 0 8px;text-align:center}.login-subtitle{color:#666;font-size:15px;margin:0 0 32px;text-align:center}.login-error{background-color:#fff0f0;border:1px solid #fcc;border-radius:6px;color:#c0392b;font-size:14px;margin-bottom:20px;padding:12px 14px}.login-field-row{display:flex;gap:12px}.login-field-row .login-field{flex:1 1;min-width:0}.login-field{margin-bottom:20px}.login-field label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:6px}.login-field input{background:#fafafa;border:1px solid #d0d7de;border-radius:6px;box-sizing:border-box;color:#1a1a1a;font-size:15px;outline:none;padding:12px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.login-field input:focus{background:#fff;border-color:#2c5aa0;box-shadow:0 0 0 3px #2c5aa026}.login-field input:disabled{cursor:not-allowed;opacity:.6}.login-button{background-color:#1e3a5f;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:13px;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease;width:100%}.login-button:hover:not(:disabled){background-color:#2c5aa0;box-shadow:0 4px 14px #1e3a5f40;transform:translateY(-1px)}.login-button:disabled{cursor:not-allowed;opacity:.7}.login-footer{color:#666;font-size:14px;margin:24px 0 0;text-align:center}.login-link{color:#a855b4;font-weight:600;text-decoration:none;transition:color .2s ease}.login-link:hover{color:#9333a0;text-decoration:underline}@media (max-width:480px){.login-card{padding:36px 24px}.login-title{font-size:22px}}.dashboard{background-color:#fafafa;display:flex;flex-direction:column;min-height:100vh}.dashboard-content{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem 1.5rem;width:100%}.artist-section{margin-top:2rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.section-header button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem}.albums-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.album-card{border:1px solid #ddd;border-radius:4px;padding:1rem}.album-card h3{margin:0 0 .5rem}.album-card .status{color:#666;font-size:.875rem}.listening-vibe-sidebar{background:#f5f5f5;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;flex-shrink:0;height:100%;width:280px}.listening-vibe-sidebar--collapsed{align-items:center;padding:.5rem 0;width:48px}.listening-vibe-sidebar__toggle{background:#0000;border:none;border-radius:4px;color:#555;cursor:pointer;flex-shrink:0;padding:.5rem}.listening-vibe-sidebar__toggle:hover{background:#e8e8e8;color:#333}.listening-vibe-sidebar__content{flex:1 1;min-width:0;overflow-y:auto;padding:1rem}.listening-vibe-sidebar__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.listening-vibe-sidebar__title{color:#333;font-size:1rem;font-weight:600;margin:0}.listening-vibe-sidebar__section{margin-bottom:1.25rem}.listening-vibe-sidebar__section-title{color:#666;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin:0 0 .5rem;text-transform:uppercase}.listening-vibe-sidebar__options{list-style:none;margin:0;padding:0}.listening-vibe-sidebar__option{align-items:center;cursor:pointer;display:flex;gap:.5rem;padding:.35rem 0}.listening-vibe-sidebar__option:hover{color:#333}.listening-vibe-sidebar__option input{cursor:pointer;margin:0}.listening-vibe-sidebar__option label{cursor:pointer;font-size:.9rem}.listening-vibe-sidebar__update{background:#333;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;margin-top:1rem;padding:.5rem 1rem}.listening-vibe-sidebar__update:hover:not(:disabled){background:#222}.listening-vibe-sidebar__update:disabled{cursor:not-allowed;opacity:.6}.listening-vibe-sidebar__message{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#555;font-size:.9rem;padding:.75rem}.listening-vibe-sidebar__message a{color:#333;font-weight:500}.listening-vibe-sidebar__error{background:#ffebee;border-radius:4px;color:#b71c1c;font-size:.85rem;margin-top:.75rem;padding:.5rem}.listening-vibe-sidebar__success{color:#2e7d32;font-size:.85rem;margin-top:.75rem}.listening-vibe-sidebar__loading{color:#666;font-size:.9rem}.discover-page{display:flex;flex-direction:column;min-height:100vh}.discover-page__content{display:flex;flex:1 1;min-height:0}.discover-page__main{flex:1 1;margin:0 auto;max-width:1400px;min-width:0;padding:2rem 1.5rem;width:100%}.discover-page__heading{color:#333;font-size:2rem;font-weight:600;margin:0}.discover-section{margin-top:2rem}.discover-section__heading{color:#333;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.discover-section__message{color:#666;font-size:.95rem;margin:0}.discover-section__grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.discover-section__strip{-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;gap:1rem;overflow-x:auto;padding-bottom:.5rem}.discover-section__strip::-webkit-scrollbar{height:6px}.discover-section__strip::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.discover-section__card-wrap{flex:0 0 auto}.discover-track-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;gap:.75rem;max-width:260px;min-width:200px;padding:1rem}.discover-track-card__info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.discover-track-card__title{color:#333;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discover-track-card__meta{color:#666;font-size:.8rem}.discover-track-card__actions{display:flex;flex-wrap:wrap;gap:.5rem}.discover-track-card__btn{background:#f5f5f5;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:.875rem;padding:.4rem .75rem}.discover-track-card__btn:hover{background:#eee}.discover-playlist-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;gap:.75rem;min-width:0;padding:1rem}.discover-playlist-card__info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.discover-playlist-card__title{color:#333;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discover-playlist-card__meta{color:#666;font-size:.8rem}.discover-playlist-card__actions{display:flex;flex-wrap:wrap;gap:.5rem}.discover-playlist-card__btn{background:#f5f5f5;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:.875rem;padding:.4rem .75rem}.discover-playlist-card__btn:hover:not(:disabled){background:#eee}.discover-playlist-card__btn:disabled{cursor:not-allowed;opacity:.6}.discover-playlist-card--clickable{cursor:pointer}.discover-playlist-card--clickable:hover{background:#fafafa;border-color:#ccc}.discover-artist-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;gap:.75rem;min-width:0;padding:1rem}.discover-artist-card__info{align-items:center;display:flex;flex-direction:column;gap:.5rem;min-width:0}.discover-artist-card__avatar-wrap{flex-shrink:0}.discover-artist-card__avatar,.discover-artist-card__avatar-placeholder{border-radius:50%;display:block;height:80px;object-fit:cover;width:80px}.discover-artist-card__avatar-placeholder{background:#e0e0e0;color:#666;font-size:2rem;font-weight:600;line-height:80px;text-align:center}.discover-artist-card__title{color:#333;font-weight:600;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.discover-artist-card__verified{color:#666;font-size:.75rem}.discover-artist-card__actions{display:flex;justify-content:center}.discover-artist-card__btn{background:#f5f5f5;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:.875rem;padding:.4rem .75rem}.discover-artist-card__btn:hover:not(:disabled){background:#eee}.discover-artist-card__btn:disabled{cursor:not-allowed;opacity:.6}.discover-event-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;min-width:0;padding:1rem}.discover-event-card__info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.discover-event-card__title{color:#333;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discover-event-card__meta{color:#555;font-size:.875rem}.discover-event-card__venue{color:#666;font-size:.8rem}.create-album-page{align-items:center;background:#f5f5f5;display:flex;justify-content:center;min-height:100vh;padding:2rem}.create-album-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:600px;padding:2.5rem;width:100%}.create-album-title{font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.create-album-subtitle{color:#666;margin-bottom:2rem}.create-album-error{background:#fee;border-radius:4px;color:#c33;margin-bottom:1rem;padding:.75rem}.create-album-field{margin-bottom:1.5rem}.create-album-field label{display:block;font-weight:500;margin-bottom:.5rem}.create-album-field input,.create-album-field textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:1rem;padding:.75rem;width:100%}.create-album-actions{display:flex;gap:1rem;margin-top:2rem}.cancel-button,.create-button{border-radius:4px;cursor:pointer;flex:1 1;font-size:1rem;padding:.75rem}.cancel-button{background:#f5f5f5;border:1px solid #ddd}.create-button{background:#007bff;border:none;color:#fff}.create-button:disabled{cursor:not-allowed;opacity:.6}.track-upload-zone{background-color:#f9f9f9;border:2px dashed #ccc;border-radius:8px;padding:40px 20px;position:relative;text-align:center;transition:all .3s ease}.track-upload-zone.drag-over{background-color:#f0f8f0;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.track-upload-zone.uploading{opacity:.6;pointer-events:none}.upload-content{pointer-events:none}.upload-icon{font-size:48px;margin-bottom:16px}.track-upload-zone h3{color:#333;font-size:18px;margin:12px 0}.track-upload-zone p{color:#666;font-size:14px;margin:8px 0}.uploading-text{color:#4caf50;font-weight:500}.browse-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:20px;padding:10px 24px;transition:background-color .2s ease}.browse-button:hover:not(:disabled){background-color:#45a049}.browse-button:disabled{background-color:#ccc;cursor:not-allowed}.track-list-container{margin-top:32px}.track-list-container h3{color:#333;font-size:18px;margin-bottom:16px}.no-tracks{color:#999;font-style:italic;padding:20px;text-align:center}.track-list{background-color:#fff;border:1px solid #ddd;border-collapse:collapse;border-radius:4px;overflow:hidden;width:100%}.track-list thead{background-color:#f5f5f5;border-bottom:2px solid #ddd}.track-list th{color:#555;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.track-list td{border-bottom:1px solid #eee;color:#333;font-size:14px;padding:12px 16px}.track-list tbody tr{transition:background-color .2s ease}.track-list tbody tr:hover:not(.editing){background-color:#f9f9f9}.track-list tbody tr.editing{background-color:#fffbf0}.num-col{color:#999;text-align:center;width:60px}.title-col{flex:1 1}.duration-col{color:#666;font-family:monospace;text-align:center;width:100px}.actions-col{text-align:center;width:180px}.edit-input{border:1px solid #ccc;border-radius:3px;font-family:inherit;font-size:13px;padding:6px 8px;width:100%}.edit-input:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a;outline:none}.action-btn{border:none;border-radius:3px;cursor:pointer;font-size:12px;font-weight:500;margin:0 4px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.edit-btn{background-color:#2196f3;color:#fff}.edit-btn:hover{background-color:#1976d2}.delete-btn{background-color:#f44336;color:#fff}.delete-btn:hover{background-color:#da190b}.save-btn{background-color:#4caf50;color:#fff}.save-btn:hover{background-color:#45a049}.cancel-btn{background-color:#999;color:#fff}.cancel-btn:hover{background-color:#777}.album-edit-page{margin:0 auto;max-width:900px;padding:20px}.album-edit-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:32px}.album-header{align-items:center;border-bottom:2px solid #eee;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:16px}.album-header h1{color:#333;font-size:28px;margin:0}.album-status{display:flex;gap:12px}.status{border-radius:4px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status.published{background-color:#c8e6c9;color:#2e7d32}.status.draft{background-color:#fff9c4;color:#f57f17}.form-section{margin-bottom:40px}.form-section h2{border-bottom:1px solid #eee;color:#333;font-size:18px;padding-bottom:12px}.form-group,.form-section h2{margin-bottom:20px}.form-group label{color:#555;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a;outline:none}.form-group input:disabled,.form-group textarea:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.form-actions{margin-top:24px}.save-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:background-color .2s ease}.save-button:hover:not(:disabled){background-color:#45a049}.save-button:disabled{background-color:#ccc;cursor:not-allowed}.album-actions{background-color:#f9f9f9;border:1px solid #eee;border-radius:4px;padding:20px}.action-buttons{display:flex;flex-wrap:wrap;gap:12px}.action-buttons button{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s ease}.publish-button{background-color:#2196f3;color:#fff}.publish-button:hover{background-color:#1976d2}.delete-button{background-color:#f44336;color:#fff}.delete-button:hover{background-color:#da190b}.back-button{background-color:#999;color:#fff}.back-button:hover{background-color:#777}@media (max-width:768px){.album-edit-container{padding:20px}.album-header{align-items:flex-start;flex-direction:column;gap:12px}.album-header h1{font-size:22px}.action-buttons{flex-direction:column}.action-buttons button{width:100%}}.library-page__content{width:100%}.library-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.library-tab{background:#fafafa;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.4rem .9rem}.library-tab--active{background:#333;border-color:#333;color:#fff}.library-section{margin-top:2.5rem}.library-playlist-list,.library-saved-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.library-playlist-row,.library-saved-row{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;padding:.75rem 1rem}.library-saved-row__title{color:#333;flex:1 1;font-weight:600;min-width:0}.library-saved-row__actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.library-saved-row__link{color:#1a5fb4;font-size:.875rem;text-decoration:none}.library-saved-row__link:hover{text-decoration:underline}.library-create-form{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.library-create-form__input{border:1px solid #ccc;border-radius:4px;font-size:.9rem;min-width:200px;padding:.45rem .65rem}.library-create-form__error{color:#b3261e;font-size:.85rem;margin:0;width:100%}.library-playlist-row__link{color:#1a5fb4;flex:1 1;font-weight:600;min-width:0;text-decoration:none}.library-playlist-row__link:hover{text-decoration:underline}.library-playlist-row__actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.library-playlist-row__delete{flex-shrink:0}.library-pl-page .discover-page__main{max-width:720px}.library-pl-editor__toolbar{margin-bottom:.5rem}.library-pl-editor__back{color:#1a5fb4;font-size:.9rem;text-decoration:none}.library-pl-editor__back:hover{text-decoration:underline}.library-pl-editor__rename{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.library-pl-editor__rename-label{color:#555;font-size:.9rem}.library-pl-editor__rename-input{border:1px solid #ccc;border-radius:4px;flex:1 1;min-width:160px;padding:.45rem .65rem}.library-pl-editor__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.library-pl-editor__discover-link{align-items:center;box-sizing:border-box;color:inherit;display:inline-flex;justify-content:center;text-decoration:none}.library-pl-editor__delete{border-color:#c62828;color:#c62828}.library-pl-editor__hint{color:#666;font-size:.85rem;margin:0 0 1rem}.library-pl-editor__btn-primary{font-weight:600}.library-pl-editor__track-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-left:auto}.library-pl-editor__track-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.library-pl-editor__track{align-items:center;background:#fafafa;border:1px solid #e0e0e0;border-radius:6px;display:flex;flex-wrap:wrap;gap:.75rem;padding:.6rem .75rem;touch-action:none}.library-pl-editor__drag{background:#fff;border:1px solid #ccc;border-radius:4px;color:#666;cursor:grab;font-size:1rem;line-height:1;padding:.25rem .5rem}.library-pl-editor__drag:active{cursor:grabbing}.library-pl-editor__drag:disabled{cursor:not-allowed;opacity:.5}.library-pl-editor__track-title{color:#333;flex:1 1;font-weight:500;min-width:0}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{margin:0;padding:0;width:100%}.toast{background:#333;border-radius:6px;bottom:1.5rem;box-shadow:0 2px 8px #0003;color:#fff;font-size:.9rem;left:50%;padding:.6rem 1.2rem;position:fixed;transform:translateX(-50%);z-index:10000}
/*# sourceMappingURL=main.cfe94c01.css.map*/