:root{--mlfg-black:#000;--mlfg-grey:#222529;--mlfg-blue-steel:#21409a;--mlfg-blueberry:#0170f3;--mlfg-electric-teal:#00e3ef;--mlfg-sky:#b9e9fa;--mlfg-slate:#e1f0fb;--mlfg-peony:#ff97cf;--mlfg-ultra-pink:#ef00a2;--gradient-blue-teal:linear-gradient(135deg,#0170f3 0%,#00e3ef 100%);--gradient-blue-teal-horizontal:linear-gradient(90deg,#0170f3 0%,#00e3ef 100%);--gradient-pink:linear-gradient(135deg,#ef00a2 0%,#ff97cf 100%);--gradient-pink-reverse:linear-gradient(135deg,#ff97cf 0%,#ef00a2 100%);--gradient-dark-header:linear-gradient(135deg,#000 0%,#222529 100%);--gradient-dark-surface:linear-gradient(180deg,#222529 0%,#1a1d21 100%);--bg-primary:#e1f0fb;--bg-secondary:#b9e9fa;--bg-tertiary:#fff;--bg-elevated:#fff;--text-primary:#000000e0;--text-secondary:#000000a6;--text-tertiary:#00000073;--border-color:#d9e8f2;--border-color-light:#e8f4fa;--accent-color:#0170f3;--accent-color-hover:#00e3ef;--accent-color-active:#21409a;--shadow-color:#00000014;--card-bg:#fff;--input-bg:#fff;--header-bg:linear-gradient(135deg,#000 0%,#222529 100%);--footer-bg:#222529;--link-color:#0170f3;--link-hover-color:#00e3ef;--button-primary-bg:#0170f3;--button-primary-hover:linear-gradient(135deg,#00e3ef 0%,#0170f3 100%);--button-accent-bg:#ef00a2;--button-accent-hover:linear-gradient(135deg,#ff97cf 0%,#ef00a2 100%);--save-heart-color:#ef00a2;--tag-bg:#b9e9fa4d;--tag-border:#b9e9fa80;--scrollbar-track:#0000000d;--scrollbar-thumb:#0170f34d;--scrollbar-thumb-hover:#0170f380}:root.dark,[data-theme=dark]{--bg-primary:#222529;--bg-secondary:#1a1d21;--bg-tertiary:#2a2e33;--bg-elevated:#2a2e33;--text-primary:#ffffffe0;--text-secondary:#ffffffa6;--text-tertiary:#ffffff73;--border-color:#3a3f47;--border-color-light:#ffffff1a;--accent-color:#0170f3;--accent-color-hover:#00e3ef;--accent-color-active:#21409a;--shadow-color:#00000073;--card-bg:#222529;--input-bg:#2a2e33;--header-bg:linear-gradient(135deg,#000 0%,#222529 100%);--footer-bg:#000;--tag-bg:#b9e9fa1a;--tag-border:#b9e9fa4d;--scrollbar-track:#ffffff0d;--scrollbar-thumb:#00e3ef4d;--scrollbar-thumb-hover:#00e3ef80}html,body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;transition:background-color .3s,color .3s}*{transition:background-color .3s,border-color .3s}[data-theme=dark] .ant-layout,:root.dark .ant-layout,[data-theme=dark] .ant-layout-content,:root.dark .ant-layout-content{background-color:#1a1d21!important}[data-theme=dark] .ant-layout-sider,:root.dark .ant-layout-sider{background-color:#222529!important}[data-theme=dark] .ant-layout-sider-trigger,:root.dark .ant-layout-sider-trigger,html.dark .ant-layout-sider-trigger,html[data-theme=dark] .ant-layout-sider-trigger{background-color:#1a1d21!important;border-top:1px solid #3a3f47!important}[data-theme=dark] .ant-layout-sider-zero-width-trigger,:root.dark .ant-layout-sider-zero-width-trigger,html.dark .ant-layout-sider-zero-width-trigger,html[data-theme=dark] .ant-layout-sider-zero-width-trigger,[data-theme=dark] .ant-layout-sider-children,:root.dark .ant-layout-sider-children,html.dark .ant-layout-sider-children,html[data-theme=dark] .ant-layout-sider-children,[data-theme=dark] .ant-layout-sider>div:last-child,:root.dark .ant-layout-sider>div:last-child,html.dark .ant-layout-sider>div:last-child,html[data-theme=dark] .ant-layout-sider>div:last-child,html.dark [class*=refine] [class*=sider],html[data-theme=dark] [class*=refine] [class*=sider],html.dark [class*=Sider],html[data-theme=dark] [class*=Sider]{background-color:#222529!important}html.dark .ant-layout-sider *,html[data-theme=dark] .ant-layout-sider *{background-color:inherit}html.dark .ant-layout-sider button,html[data-theme=dark] .ant-layout-sider button,html.dark .ant-layout-sider [class*=collapse],html[data-theme=dark] .ant-layout-sider [class*=collapse],html.dark .ant-layout-sider [class*=trigger],html[data-theme=dark] .ant-layout-sider [class*=trigger]{background-color:#1a1d21!important;border-color:#3a3f47!important}html.dark .ant-layout-sider-children>div:last-child,html[data-theme=dark] .ant-layout-sider-children>div:last-child,html.dark .ant-layout-sider div,html[data-theme=dark] .ant-layout-sider div,html.dark .ant-layout-sider-children>div:first-child,html[data-theme=dark] .ant-layout-sider-children>div:first-child{background-color:#222529!important}html.dark .ant-layout-sider a,html[data-theme=dark] .ant-layout-sider a{background-color:#0000!important}html.dark [class*=ant-layout-sider] [class*=title],html[data-theme=dark] [class*=ant-layout-sider] [class*=title],html.dark [class*=ant-layout-sider] [class*=Title],html[data-theme=dark] [class*=ant-layout-sider] [class*=Title],html.dark [class*=ant-layout-sider] [class*=logo],html[data-theme=dark] [class*=ant-layout-sider] [class*=logo],html.dark [class*=ant-layout-sider] [class*=Logo],html[data-theme=dark] [class*=ant-layout-sider] [class*=Logo],html.dark .ant-layout-sider,html.dark .ant-layout-sider *,html[data-theme=dark] .ant-layout-sider,html[data-theme=dark] .ant-layout-sider *{background-color:#222529!important}html.dark .ant-layout-sider a,html.dark .ant-layout-sider button,html[data-theme=dark] .ant-layout-sider a,html[data-theme=dark] .ant-layout-sider button{background-color:#0000!important}[data-theme=dark] .ant-card,:root.dark .ant-card{background-color:#222529!important;border-color:#3a3f47!important}[data-theme=dark] .ant-tabs-content,:root.dark .ant-tabs-content{background-color:#0000!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb)var(--scrollbar-track)}a{color:var(--link-color);text-decoration:none;transition:color .2s}a:hover{color:var(--link-hover-color)}a:active{color:var(--accent-color-active)}::selection{color:var(--text-primary);background-color:#00e3ef4d}::selection{color:var(--text-primary);background-color:#00e3ef4d}.ant-btn-primary{background:var(--mlfg-blueberry)!important;border-color:var(--mlfg-blueberry)!important;transition:all .3s!important}.ant-btn-primary:hover,.ant-btn-primary:focus{transform:translateY(-1px);background:var(--gradient-blue-teal)!important;border-color:var(--mlfg-electric-teal)!important;box-shadow:0 4px 12px #0170f366!important}.ant-btn-primary:active{transform:translateY(0);background:var(--mlfg-blue-steel)!important;border-color:var(--mlfg-blue-steel)!important}.wallet-connect-btn,.ant-btn.wallet-connect-btn{background:var(--mlfg-ultra-pink)!important;border-color:var(--mlfg-ultra-pink)!important;color:#fff!important;font-weight:600!important}.wallet-connect-btn:hover,.ant-btn.wallet-connect-btn:hover{transform:translateY(-1px);background:var(--gradient-pink)!important;border-color:var(--mlfg-peony)!important;box-shadow:0 4px 16px #ef00a266!important}.ant-btn-default:hover,.ant-btn-text:hover{color:var(--mlfg-electric-teal)!important;border-color:var(--mlfg-electric-teal)!important}.ant-card{background:var(--card-bg);border-color:var(--border-color);border-radius:12px;transition:all .3s}.ant-card:hover{box-shadow:0 8px 24px #00000026}[data-theme=dark] .ant-card:hover{border-color:#00e3ef33;box-shadow:0 8px 24px #00e3ef1a}.ant-input,.ant-input-affix-wrapper{background:var(--input-bg)!important;border-color:var(--border-color)!important;transition:all .3s!important}.ant-input:hover,.ant-input-affix-wrapper:hover{border-color:var(--mlfg-blueberry)!important}.ant-input:focus,.ant-input-affix-wrapper:focus,.ant-input-focused,.ant-input-affix-wrapper-focused{border-color:var(--mlfg-electric-teal)!important;box-shadow:0 0 0 2px #00e3ef33!important}.ant-slider{margin:0}.ant-slider-rail{background-color:#fff3!important}.ant-slider-track{background:var(--gradient-blue-teal-horizontal)!important}.ant-slider-handle{border-color:var(--mlfg-electric-teal)!important;background:var(--mlfg-electric-teal)!important}.ant-slider-handle:hover,.ant-slider-handle:focus{border-color:var(--mlfg-blueberry)!important;box-shadow:0 0 0 4px #00e3ef33!important}.volume-slider .ant-slider-track{background:var(--mlfg-electric-teal)!important}.ant-tag{background:var(--tag-bg)!important;border-color:var(--tag-border)!important;color:var(--mlfg-sky)!important;border-radius:16px!important;padding:2px 12px!important;font-weight:500!important}.tag-pill,.genre-tag{background:var(--tag-bg);border:1px solid var(--tag-border);color:var(--mlfg-sky);border-radius:16px;padding:4px 12px;font-size:12px;font-weight:500;transition:all .2s;display:inline-block}.tag-pill:hover,.genre-tag:hover{border-color:var(--mlfg-electric-teal);color:var(--mlfg-electric-teal);background:#00e3ef33}.save-button .ant-btn,.heart-button{transition:all .2s!important}.save-button .anticon-heart,.heart-icon{transition:all .2s}.save-button .anticon-heart-filled,.heart-icon.active{color:var(--mlfg-ultra-pink)!important}.save-button:hover .anticon-heart,.heart-button:hover .heart-icon{transform:scale(1.1);color:var(--mlfg-ultra-pink)!important}.ant-dropdown-menu{background:var(--bg-elevated)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;box-shadow:0 6px 16px #00000026!important}.ant-dropdown-menu-item:hover{color:var(--mlfg-electric-teal)!important;background:#0170f31a!important}.ant-modal-content{background:var(--bg-elevated)!important;border-radius:16px!important}.ant-modal-header{border-bottom-color:var(--border-color)!important;background:0 0!important}.ant-modal-footer{border-top-color:var(--border-color)!important}.ant-tabs-ink-bar{background:var(--gradient-blue-teal)!important;border-radius:2px!important;height:3px!important}.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--mlfg-electric-teal)!important}.ant-tabs-tab:hover .ant-tabs-tab-btn{color:var(--mlfg-blueberry)!important}.ant-table{background:var(--card-bg)!important}.ant-table-thead>tr>th{background:var(--bg-tertiary)!important;border-bottom-color:var(--border-color)!important}.ant-table-tbody>tr:hover>td{background:#0170f30d!important}.ant-switch-checked{background:var(--mlfg-blueberry)!important}.ant-switch-checked:hover{background:var(--mlfg-electric-teal)!important}.bg-gradient-blue-teal{background:var(--gradient-blue-teal)!important}.bg-gradient-pink{background:var(--gradient-pink)!important}.bg-gradient-dark{background:var(--gradient-dark-header)!important}.bg-gradient-surface{background:var(--gradient-dark-surface)!important}.text-blueberry{color:var(--mlfg-blueberry)!important}.text-electric-teal{color:var(--mlfg-electric-teal)!important}.text-ultra-pink{color:var(--mlfg-ultra-pink)!important}.text-peony{color:var(--mlfg-peony)!important}.text-sky{color:var(--mlfg-sky)!important}.hover-glow-blue:hover{box-shadow:0 0 20px #0170f34d}.hover-glow-teal:hover{box-shadow:0 0 20px #00e3ef4d}.hover-glow-pink:hover{box-shadow:0 0 20px #ef00a24d}.ant-badge-count{background:var(--mlfg-ultra-pink)!important;box-shadow:0 0 0 1px var(--bg-primary)!important}.ant-notification-notice{background:var(--bg-elevated)!important;border-radius:12px!important}.ant-tooltip-inner{color:#ffffffe0!important;background:#1f1f1f!important;border-radius:6px!important}.ant-tooltip-arrow:before{background:#1f1f1f!important}[data-theme=light] .ant-tooltip-inner,:root:not(.dark):not([data-theme=dark]) .ant-tooltip-inner{color:#ffffffe0!important;background:#1f1f1f!important}[data-theme=light] .ant-tooltip-arrow:before,:root:not(.dark):not([data-theme=dark]) .ant-tooltip-arrow:before{background:#1f1f1f!important}.dark-mode-drawer.ant-drawer .ant-drawer-content-wrapper .ant-drawer-content,.dark-mode-drawer .ant-drawer-content{background:#222529!important}.dark-mode-drawer .ant-drawer-header{background:#222529!important;border-bottom-color:#3a3f47!important}.dark-mode-drawer .ant-drawer-title{color:#fff!important}.dark-mode-drawer .ant-drawer-close{color:#ffffffa6!important}.dark-mode-drawer .ant-drawer-body{color:#ffffffe0!important;background:#222529!important}.dark-mode-drawer .ant-drawer-body .ant-btn-text{color:#ffffffe0!important}.dark-mode-drawer .ant-drawer-body .ant-btn-text:hover{color:#00e3ef!important;background:#00e3ef1a!important}html.dark .ant-drawer .ant-drawer-content-wrapper .ant-drawer-content,html[data-theme=dark] .ant-drawer .ant-drawer-content-wrapper .ant-drawer-content,html.dark .ant-drawer-content,html[data-theme=dark] .ant-drawer-content{background:#222529!important}html.dark .ant-drawer-header,html[data-theme=dark] .ant-drawer-header{background:#222529!important;border-bottom-color:#3a3f47!important}html.dark .ant-drawer-header-title,html[data-theme=dark] .ant-drawer-header-title,html.dark .ant-drawer-title,html[data-theme=dark] .ant-drawer-title{color:#fff!important}html.dark .ant-drawer-close,html[data-theme=dark] .ant-drawer-close{color:#ffffffa6!important}html.dark .ant-drawer-close:hover,html[data-theme=dark] .ant-drawer-close:hover{color:#fff!important}html.dark .ant-drawer-body,html[data-theme=dark] .ant-drawer-body{color:#ffffffe0!important;background:#222529!important}html.dark .ant-drawer-mask,html[data-theme=dark] .ant-drawer-mask{background:#0009!important}html.dark .ant-drawer-body .ant-btn-text,html[data-theme=dark] .ant-drawer-body .ant-btn-text{color:#ffffffe0!important}html.dark .ant-drawer-body .ant-btn-text:hover,html[data-theme=dark] .ant-drawer-body .ant-btn-text:hover{color:#00e3ef!important;background:#00e3ef1a!important}html.dark .ant-drawer-body a,html[data-theme=dark] .ant-drawer-body a{color:#ffffffe0!important}html.dark .ant-drawer-body a:hover,html[data-theme=dark] .ant-drawer-body a:hover{color:#00e3ef!important}html.dark .ant-drawer-wrapper-body,html[data-theme=dark] .ant-drawer-wrapper-body,html.dark .ant-drawer .ant-menu,html[data-theme=dark] .ant-drawer .ant-menu{background:#222529!important}html.dark .ant-drawer .ant-menu-item,html[data-theme=dark] .ant-drawer .ant-menu-item{color:#ffffffe0!important}html.dark .ant-drawer .ant-menu-item:hover,html[data-theme=dark] .ant-drawer .ant-menu-item:hover{color:#00e3ef!important;background:#00e3ef1a!important}html.dark .ant-drawer .ant-menu-item-selected,html[data-theme=dark] .ant-drawer .ant-menu-item-selected{color:#00e3ef!important;background:#00e3ef26!important}.ant-progress-bg{background:var(--gradient-blue-teal-horizontal)!important}.ant-progress-success-bg{background:var(--mlfg-electric-teal)!important}.ant-skeleton-content .ant-skeleton-title,.ant-skeleton-content .ant-skeleton-paragraph>li{background:linear-gradient(90deg,var(--bg-tertiary)25%,var(--border-color)50%,var(--bg-tertiary)75%);background-size:200% 100%;animation:1.4s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}:focus-visible{outline:2px solid var(--mlfg-electric-teal);outline-offset:2px}.album-art-container{border-radius:8px;position:relative;overflow:hidden}.album-art-container:after{content:"";opacity:0;background:linear-gradient(#0000 50%,#000000b3 100%);transition:opacity .3s;position:absolute;inset:0}.album-art-container:hover:after{opacity:1}[data-theme=dark] .ant-typography,:root.dark .ant-typography{color:#ffffffe0}[data-theme=dark] .ant-typography.ant-typography-secondary,:root.dark .ant-typography.ant-typography-secondary{color:#ffffffa6!important}[data-theme=dark] .ant-typography strong,:root.dark .ant-typography strong{color:#fff}[data-theme=dark] .ant-card .ant-typography,:root.dark .ant-card .ant-typography{color:#ffffffe0}[data-theme=dark] .ant-card .ant-typography.ant-typography-secondary,:root.dark .ant-card .ant-typography.ant-typography-secondary{color:#ffffffa6!important}[data-theme=dark] .ant-switch-inner-checked,[data-theme=dark] .ant-switch-inner-unchecked,:root.dark .ant-switch-inner-checked,:root.dark .ant-switch-inner-unchecked{color:#fff}[data-theme=dark] .ant-btn .ant-typography,:root.dark .ant-btn .ant-typography{color:inherit}[data-theme=dark] .ant-form-item-label>label,:root.dark .ant-form-item-label>label{color:#ffffffe0}[data-theme=dark] .ant-tabs-tab,:root.dark .ant-tabs-tab{color:#ffffffa6}[data-theme=dark] .ant-tabs-tab:hover,:root.dark .ant-tabs-tab:hover{color:#ffffffe0}[data-theme=dark] .ant-tabs-tab.ant-tabs-tab-active,:root.dark .ant-tabs-tab.ant-tabs-tab-active{color:var(--mlfg-electric-teal)}[data-theme=dark] .ant-divider,:root.dark .ant-divider{border-color:#ffffff1f}[data-theme=dark] .ant-alert-info,:root.dark .ant-alert-info{background-color:#0170f326;border-color:#0170f34d}[data-theme=dark] .ant-alert-info .ant-alert-message,[data-theme=dark] .ant-alert-info .ant-alert-description,:root.dark .ant-alert-info .ant-alert-message,:root.dark .ant-alert-info .ant-alert-description{color:#ffffffe0}@media (max-width:768px){:root{--button-height:40px}.ant-btn{border-radius:8px!important}}
