:root{--color-primary-100:#a5e8ff;--color-primary-200:#65d5f7;--color-primary-300:#00c2f0;--color-primary-400:#0096b2;--color-primary-500:#006c82;--color-secondary-100:#f7e5a6;--color-secondary-200:#f9d553;--color-secondary-300:#f7c107;--color-secondary-400:#b19410;--color-neutral-100:#f0f7fa;--color-neutral-200:#c2d6e3;--color-neutral-500:#5f92b0;--color-neutral-700:#355550;--color-neutral-800:#2a272c;--color-neutral-900:#1f1a1b;--color-neutral-1000:#0a0a0a;--color-primary:var(--color-primary-400);--color-primary-hover:var(--color-primary-500);--color-secondary:var(--color-secondary-300);--color-background:#1f1a1b;--color-surface:#2a2526;--color-surface-hover:#353031;--color-text:#ffffff;--color-text-secondary:var(--color-neutral-200);--color-text-tertiary:var(--color-neutral-500);--color-border:var(--color-neutral-700);--color-type-single:#e63946;--color-type-album:#1db954;--color-type-compilation:#7b2cbf;--color-success:#00bf60;--color-error:#e6001e;--color-warning:#f7c107;--font-main:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--radius-small:4px;--radius-medium:8px;--radius-large:16px;--radius-full:9999px;--shadow-card:0 4px 12px rgba(0,0,0,0.2);--shadow-card-hover:0 8px 24px rgba(0,0,0,0.3);--sidebar-width:240px;--bottom-nav-height:56px;--max-content-width:1200px;--gradient-body:radial-gradient(ellipse at 80% 100%,var(--color-neutral-800) 0%,transparent 50%)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-main);background-color:var(--color-background);background-image:var(--gradient-body);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;color:var(--color-text);line-height:1.5;min-height:100vh;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}::-webkit-scrollbar{display:none;width:0;height:0}*{scrollbar-width:none;-ms-overflow-style:none}::selection{background:var(--color-primary);color:var(--color-text)}a{color:var(--color-primary);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.8}img{max-width:100%;display:block}button{cursor:pointer;background:none;color:inherit}button,input,textarea{font-family:var(--font-main);border:none}input,textarea{color:var(--color-text-secondary);background-color:var(--color-surface);border-radius:var(--radius-medium);padding:var(--spacing-sm) var(--spacing-md);outline:none;transition:color .2s ease,background-color .2s ease}input:focus,textarea:focus{color:var(--color-text);background-color:var(--color-surface-hover)}ol,ul{list-style:none}h1{font-size:24px;font-weight:700;line-height:1.3}h2{font-size:18px}h2,h3{font-weight:600;line-height:1.4}h3{font-size:16px}.body-text{font-size:14px;font-weight:400}.label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.page-container{padding:var(--spacing-xl) 0;padding-left:calc(var(--sidebar-width) + var(--spacing-xl));min-height:100vh;overflow-x:hidden}@media (max-width:768px){.page-container{padding:20px 0 0;padding-bottom:calc(var(--bottom-nav-height) + 20px)}}.grid-releases{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}@media (max-width:600px){.grid-releases{grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);row-gap:var(--spacing-md)}}.grid-artists{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:var(--spacing-lg) var(--spacing-lg);gap:var(--spacing-lg) var(--spacing-lg);grid-row-gap:var(--spacing-md);row-gap:var(--spacing-md)}@media (max-width:600px){.grid-artists{grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);row-gap:var(--spacing-md);padding:0}}@media (max-width:400px){.grid-artists{gap:var(--spacing-xs)}}.card{background-color:var(--color-surface);border-radius:var(--radius-medium);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.card__image{width:100%;aspect-ratio:1;object-fit:cover;display:block}.card__body{padding:var(--spacing-sm) var(--spacing-md)}.card__title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card__subtitle{font-size:12px;color:var(--color-text-secondary)}.badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-small);background-color:var(--color-primary-500);color:var(--color-text)}.badge--secondary{background-color:var(--color-secondary-400)}.skeleton{background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-hover) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-medium)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);border:1px dashed var(--color-border);text-align:center;border-radius:var(--radius-large);color:var(--color-text-secondary)}.empty-state__icon{font-size:48px;margin-bottom:var(--spacing-md);opacity:.5}.empty-state__text{font-size:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}