@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary: #6366f1;--color-primary-light: #818cf8;--color-primary-dark: #4f46e5;--color-primary-soft: #eef2ff;--color-secondary: #8b5cf6;--color-secondary-light: #a78bfa;--color-secondary-soft: #f5f3ff;--color-danger: #f87171;--color-danger-dark: #ef4444;--color-danger-soft: #fef2f2;--color-success: #34d399;--color-success-dark: #10b981;--color-success-soft: #f0fdf4;--color-warning: #fbbf24;--color-warning-soft: #fffbeb;--color-text: #374151;--color-text-light: #6b7280;--color-text-lighter: #9ca3af;--color-bg: #ffffff;--color-bg-secondary: #f9fafb;--color-bg-tertiary: #f3f4f6;--color-bg-soft: #fafafa;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--color-border-dark: #d1d5db;--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .06), 0 1px 2px -1px rgb(0 0 0 / .04);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .08), 0 2px 4px -2px rgb(0 0 0 / .06);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .06);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .08), 0 8px 10px -6px rgb(0 0 0 / .06);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--font-size-base);line-height:1.65;color:var(--color-text);background-color:var(--color-bg-soft);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{min-height:100vh;display:flex;position:relative}.sidebar{width:260px;min-width:260px;background-color:var(--color-bg);border-right:1px solid var(--color-border-light);display:flex;flex-direction:column;box-shadow:var(--shadow-sm);position:fixed;left:0;top:0;bottom:0;z-index:1000;transition:transform var(--transition-base)}.sidebar__header{padding:var(--spacing-xl);border-bottom:1px solid var(--color-border-light);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.sidebar__title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);letter-spacing:-.025em;margin:0;flex:1}.sidebar__toggle{display:none;background:none;border:none;font-size:var(--font-size-xl);cursor:pointer;color:var(--color-text);padding:var(--spacing-xs);border-radius:var(--radius-md);transition:all var(--transition-base);width:36px;height:36px;align-items:center;justify-content:center}.sidebar__toggle:hover{background-color:var(--color-primary-soft);color:var(--color-primary-dark)}.sidebar__nav{flex:1;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-xs)}.sidebar__footer{padding:var(--spacing-lg);border-top:1px solid var(--color-border-light)}.sidebar__overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;opacity:0;transition:opacity var(--transition-base)}.sidebar__overlay.active{display:block;opacity:1}.main{flex:1;padding:var(--spacing-xl);max-width:1400px;width:100%;margin-left:260px;transition:margin-left var(--transition-base);position:relative}.mobile-menu-toggle{display:none;position:fixed;top:var(--spacing-md);left:var(--spacing-md);z-index:1001;background-color:var(--color-bg);border:1px solid var(--color-border-light);font-size:var(--font-size-xl);cursor:pointer;color:var(--color-text);padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-base);width:44px;height:44px;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.mobile-menu-toggle:hover{background-color:var(--color-primary-soft);color:var(--color-primary-dark)}.filters{background-color:var(--color-bg);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light)}.filters__controls{display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.filters__search{flex:1;min-width:200px}.filters__type{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.filters__columns,.filters__group,.filters__sort{display:flex;align-items:center;gap:var(--spacing-xs)}.filters__columns-label{font-size:var(--font-size-xs);color:var(--color-text);font-weight:500;white-space:nowrap}.input--columns{width:auto;min-width:60px;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.input--search{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.filter-btn{padding:var(--spacing-xs) var(--spacing-md);border:1.5px solid var(--color-border);background-color:var(--color-bg);border-radius:var(--radius-full);cursor:pointer;font-size:var(--font-size-xs);font-weight:500;color:var(--color-text);transition:all var(--transition-base)}.filter-btn:hover{background-color:var(--color-primary-soft);border-color:var(--color-primary-light);color:var(--color-primary-dark);transform:translateY(-1px)}.filter-btn.active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;border-color:var(--color-primary);box-shadow:0 4px 12px #6366f140}.items-grid{display:grid;gap:calc(var(--spacing-lg) * .4);grid-template-columns:repeat(8,1fr)}.items-grid.columns-4{grid-template-columns:repeat(4,1fr)}.items-grid.columns-6{grid-template-columns:repeat(6,1fr)}.items-grid.columns-8{grid-template-columns:repeat(8,1fr)}.items-grid.columns-10{grid-template-columns:repeat(10,1fr)}.items-grid.columns-12{grid-template-columns:repeat(12,1fr)}.items-grid--grouped{grid-template-columns:repeat(8,1fr);gap:calc(var(--spacing-lg) * .4)}.items-group__title-wrapper{grid-column:1 / -1;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md)}.items-group__title-wrapper:first-child{margin-top:0}.items-group__title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text);margin:0;letter-spacing:-.025em;padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-border)}.items-group__title-link{color:var(--color-primary);text-decoration:none;transition:all var(--transition-base)}.items-group__title-link:hover{color:var(--color-primary-dark);border-bottom:2px solid var(--color-primary)}.items-group__title-text{color:var(--color-text)}.item-card{background-color:var(--color-bg);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);transition:all var(--transition-base);cursor:pointer}.item-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-light)}.item-card__cover-wrapper{position:relative;width:100%;aspect-ratio:1;background-color:var(--color-bg-tertiary);overflow:hidden}.item-card__cover{width:100%;height:100%;object-fit:cover;background-color:var(--color-bg-tertiary)}.item-card__cover-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-primary-soft) 0%,var(--color-secondary-soft) 100%);display:flex;align-items:center;justify-content:center;color:var(--color-text-lighter);font-size:var(--font-size-3xl);opacity:.7}.item-card__cover-placeholder.hidden{display:none}.item-card__search-cover-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fffffffa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid var(--color-primary);border-radius:var(--radius-full);padding:var(--spacing-sm);font-size:var(--font-size-lg);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-lg);z-index:10;display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px}.item-card__search-cover-btn:hover{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;transform:translate(-50%,-50%) scale(1.1);box-shadow:0 8px 20px #6366f166}.item-card__search-cover-btn:active{transform:translate(-50%,-50%) scale(.95)}.item-card__search-cover-btn:disabled{opacity:.7;cursor:not-allowed;transform:translate(-50%,-50%)}.item-card__body{padding:var(--spacing-md)}.item-card__type{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background:linear-gradient(135deg,var(--color-primary-soft) 0%,var(--color-secondary-soft) 100%);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;color:var(--color-primary-dark);margin-bottom:var(--spacing-xs);text-transform:capitalize;letter-spacing:.025em}.item-card__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-xs);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-card__subtitle{font-size:var(--font-size-sm);color:var(--color-text-light);margin-bottom:var(--spacing-xs);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.item-card__meta{font-size:var(--font-size-sm);color:var(--color-text-lighter);display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-light);font-size:var(--font-size-lg)}.empty-state:before{content:"📚";display:block;font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.5}.btn{padding:var(--spacing-sm) var(--spacing-xl);border:none;border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);letter-spacing:.01em}.btn__icon{font-size:var(--font-size-lg);line-height:1}.btn__text{flex:1}.btn--full{width:100%}.btn--primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;box-shadow:0 4px 12px #6366f14d}.btn--primary:hover{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.btn--primary:active{transform:translateY(0)}.btn--secondary{background-color:var(--color-bg);color:var(--color-text);border:2px solid var(--color-border);box-shadow:var(--shadow-sm)}.btn--secondary:hover{background-color:var(--color-bg-secondary);border-color:var(--color-primary-light);color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn--danger{background:linear-gradient(135deg,var(--color-danger) 0%,#f87171 100%);color:#fff;box-shadow:0 4px 12px #f871714d}.btn--danger:hover{background:linear-gradient(135deg,var(--color-danger-dark) 0%,var(--color-danger) 100%);transform:translateY(-2px);box-shadow:0 6px 20px #f8717166}.input{width:100%;padding:var(--spacing-sm) var(--spacing-lg);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-family:inherit;color:var(--color-text);background-color:var(--color-bg);transition:all var(--transition-base)}.input:hover{border-color:var(--color-border-dark)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-soft);background-color:var(--color-bg)}.input--search{width:100%}textarea.input{resize:vertical;min-height:100px}.cover-url-container{display:flex;gap:var(--spacing-sm);align-items:stretch}.cover-url-container .input{flex:1}.btn--search-cover{white-space:nowrap;min-width:120px;position:relative}.btn--search-cover:disabled{opacity:.6;cursor:not-allowed}.btn-search-cover__loader,.btn--search-cover.loading .btn-search-cover__text{display:none}.btn--search-cover.loading .btn-search-cover__loader{display:inline}.modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}.modal.active{display:flex;align-items:center;justify-content:center}.modal__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal__content{position:relative;background-color:var(--color-bg);border-radius:var(--radius-xl);max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);border:1px solid var(--color-border-light);z-index:1001;animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1)}.modal__content--large{max-width:900px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal__header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background-color:var(--color-bg);z-index:10}.modal__header h2{font-size:var(--font-size-xl);font-weight:600}.modal__close{background:none;border:none;font-size:var(--font-size-2xl);color:var(--color-text-light);cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all var(--transition-base)}.modal__close:hover{background-color:var(--color-danger-soft);color:var(--color-danger-dark);transform:rotate(90deg)}.modal__body{padding:var(--spacing-lg)}.modal__footer{padding:var(--spacing-lg);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:var(--spacing-md);position:sticky;bottom:0;background-color:var(--color-bg)}.form-group{margin-bottom:var(--spacing-lg)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.form-label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--color-text);font-size:var(--font-size-sm)}.multiselect-container{position:relative}.multiselect-dropdown{position:absolute;top:100%;left:0;right:0;background-color:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);margin-top:var(--spacing-xs);max-height:200px;overflow-y:auto;z-index:100;box-shadow:var(--shadow-lg);display:none}.multiselect-dropdown.active{display:block;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.multiselect-option{padding:var(--spacing-sm) var(--spacing-lg);cursor:pointer;transition:all var(--transition-base);border-radius:var(--radius-md);margin:var(--spacing-xs)}.multiselect-option:hover{background-color:var(--color-primary-soft);color:var(--color-primary-dark);transform:translate(4px)}.multiselect-option.selected{background-color:var(--color-primary);color:#fff}.multiselect-selected{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.multiselect-tag{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;box-shadow:0 2px 6px #6366f140}.multiselect-tag__remove{background:none;border:none;color:#fff;cursor:pointer;font-size:var(--font-size-lg);line-height:1;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.genres-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.genre-tag{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-bg-secondary);color:var(--color-text);border:2px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-base)}.genre-tag:hover{border-color:var(--color-primary-light);background-color:var(--color-primary-soft);color:var(--color-primary-dark)}.genre-tag__remove{background:none;border:none;color:var(--color-text-light);cursor:pointer;font-size:var(--font-size-base);line-height:1;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.genre-tag__remove:hover{color:var(--color-danger)}.detail-content{display:grid;grid-template-columns:300px 1fr;gap:var(--spacing-xl)}.detail-cover{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-xl);background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light)}.detail-cover-placeholder{width:100%;aspect-ratio:1;background:linear-gradient(135deg,var(--color-primary-soft) 0%,var(--color-secondary-soft) 100%);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--color-text-lighter);font-size:var(--font-size-3xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light)}.detail-info h3{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-text)}.detail-info__section{margin-bottom:var(--spacing-lg)}.detail-info__label{font-weight:600;color:var(--color-text-light);font-size:.75rem;margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.05em}.detail-info__value{color:var(--color-text);margin-bottom:var(--spacing-md)}.detail-creators,.detail-genres{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.detail-creator,.detail-genre{padding:var(--spacing-xs) var(--spacing-md);background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-primary-soft) 100%);border:1.5px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-base)}.detail-creator:hover,.detail-genre:hover{border-color:var(--color-primary-light);background:var(--color-primary-soft);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.creator-link{color:var(--color-primary);text-decoration:none;transition:all var(--transition-base);font-weight:600;border-bottom:2px solid transparent}.creator-link:hover{color:var(--color-primary-dark);border-bottom-color:var(--color-primary)}.item-card__creators .creator-link{color:var(--color-text)}.item-card__creators .creator-link:hover{color:var(--color-primary);text-decoration:underline}.detail-creator .creator-link{color:var(--color-text);font-weight:600}.detail-creator .creator-link:hover{color:var(--color-primary)}.nav-link{color:var(--color-text);text-decoration:none;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);transition:all var(--transition-base);font-size:var(--font-size-base);font-weight:500;display:flex;align-items:center;gap:var(--spacing-md);position:relative}.nav-link__icon{font-size:var(--font-size-lg);flex-shrink:0;width:24px;text-align:center}.nav-link__text{flex:1}.nav-link:hover{background-color:var(--color-primary-soft);color:var(--color-primary-dark);transform:translate(4px)}.nav-link.active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;box-shadow:0 4px 12px #6366f14d}.nav-link.active:hover{transform:translate(4px);color:#fff}.nav-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background-color:#fff;border-radius:0 var(--radius-md) var(--radius-md) 0}.page-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.page-title{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text);margin:0}.artists-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md)}.artist-card{background-color:var(--color-bg);border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;transition:all var(--transition-base);border:2px solid var(--color-border-light);box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.artist-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-light)}.artist-card__image-wrapper{position:relative;width:100%;aspect-ratio:1;background-color:var(--color-bg-tertiary);overflow:hidden}.artist-card__image{width:100%;height:100%;object-fit:cover;background-color:var(--color-bg-tertiary)}.artist-card__image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-primary-soft) 0%,var(--color-secondary-soft) 100%);display:flex;align-items:center;justify-content:center;color:var(--color-text-lighter);font-size:var(--font-size-3xl);opacity:.7}.artist-card__image-placeholder.hidden{display:none}.artist-card__info{padding:var(--spacing-md)}.artist-card__name{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-xs)}.artist-card__count{font-size:var(--font-size-sm);color:var(--color-text-lighter)}.discography-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:calc(var(--spacing-lg) * .4)}.discography-album{background-color:var(--color-bg);border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;transition:all var(--transition-base);border:2px solid var(--color-border-light);box-shadow:var(--shadow-sm)}.discography-album:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-lg);border-color:var(--color-primary-light)}.discography-album.album-owned{border-color:var(--color-success);background:linear-gradient(135deg,var(--color-bg) 0%,var(--color-success-soft) 100%)}.discography-album.album-missing{opacity:.85}.discography-album.album-missing:hover{opacity:1}.discography-album__cover-wrapper{position:relative;width:100%;aspect-ratio:1;background-color:var(--color-bg-tertiary);overflow:hidden}.discography-album__cover{width:100%;height:100%;object-fit:cover}.discography-album__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--color-text-lighter)}.discography-album__placeholder.hidden{display:none}.album-owned-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.05em;z-index:2;box-shadow:0 4px 12px #34d39966;text-transform:uppercase}.album-add-btn{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-sm);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;border:none;border-radius:var(--radius-full);width:44px;height:44px;font-size:var(--font-size-xl);font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #6366f166;transition:all var(--transition-base);z-index:2;line-height:1}.album-add-btn:hover{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);transform:scale(1.15) rotate(90deg);box-shadow:0 6px 24px #6366f180}.album-add-btn:active{transform:scale(.95) rotate(90deg)}.discography-album__info{padding:var(--spacing-md)}.discography-album__title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-xs) 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.discography-album__year,.discography-album__format{display:block;font-size:var(--font-size-sm);color:var(--color-text-lighter);margin-top:var(--spacing-xs)}.discography-loading{text-align:center;padding:var(--spacing-xl);color:var(--color-text-lighter);font-size:var(--font-size-lg)}.discography-loading:before{content:"🎵";display:block;font-size:3rem;margin-bottom:var(--spacing-md);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@media (max-width: 768px){.mobile-menu-toggle{display:flex}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar__toggle{display:flex}.sidebar__title{font-size:var(--font-size-lg)}.main{margin-left:0;padding:var(--spacing-md);padding-top:calc(var(--spacing-md) + 44px + var(--spacing-sm))}.items-grid{grid-template-columns:repeat(2,1fr)!important;gap:calc(var(--spacing-md) * .4)}.filters__controls{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.filters__search{min-width:100%}.modal__content{width:95%;max-height:95vh}.form-row,.detail-content{grid-template-columns:1fr}.modal__footer{flex-direction:column-reverse}.modal__footer .btn{width:100%}.artists-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.discography-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:calc(var(--spacing-md) * .4)}.login-modal__content{width:90%;max-width:400px}}.login-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.login-modal__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.login-modal__content{position:relative;background-color:var(--color-bg);border-radius:var(--radius-xl);padding:var(--spacing-2xl);width:100%;max-width:400px;box-shadow:var(--shadow-xl);border:1px solid var(--color-border-light);z-index:10001}.login-modal__header{text-align:center;margin-bottom:var(--spacing-2xl)}.login-modal__title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text);margin:0 0 var(--spacing-sm) 0;letter-spacing:-.025em}.login-modal__subtitle{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.login-form__error{padding:var(--spacing-md);background-color:var(--color-danger-soft);color:var(--color-danger);border-radius:var(--radius-md);font-size:var(--font-size-sm);border:1px solid var(--color-danger-light)}.login-form #loginPassword{font-size:var(--font-size-md);padding:var(--spacing-md)}.login-form .btn{margin-top:var(--spacing-sm);padding:var(--spacing-md);font-size:var(--font-size-md);font-weight:600}