:root{--color-primary:#6366f1;--color-primary-hover:#4f46e5;--color-primary-light:#eef2ff;--color-bg:#ffffff;--color-bg-secondary:#f8fafc;--color-bg-tertiary:#f1f5f9;--color-surface:#ffffff;--color-surface-hover:#f8fafc;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-text:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-success:#22c55e;--color-danger:#ef4444;--color-warning:#f59e0b;--color-spotify:#1DB954;--color-youtube:#FF0000;--font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--container-max:1280px;--header-height:64px;--border-radius:8px;--border-radius-lg:12px;--border-radius-xl:16px;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);--transition:150ms ease}[data-theme=dark]{--color-primary:#818cf8;--color-primary-hover:#6366f1;--color-primary-light:#1e1b4b;--color-bg:#0f172a;--color-bg-secondary:#1e293b;--color-bg-tertiary:#334155;--color-surface:#1e293b;--color-surface-hover:#334155;--color-border:#334155;--color-border-light:#1e293b;--color-text:#f1f5f9;--color-text-secondary:#cbd5e1;--color-text-muted:#64748b;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 6px rgba(0,0,0,0.4);--shadow-lg:0 10px 15px rgba(0,0,0,0.5)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-primary-hover)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;background:0 0;font-family:inherit}table{border-collapse:collapse;width:100%}ul,ol{list-style:none}.skip-link{position:absolute;top:-100%;left:var(--space-4);background:var(--color-primary);color:#fff;padding:var(--space-2)var(--space-4);border-radius:var(--border-radius);z-index:1000;font-weight:600}.skip-link:focus{top:var(--space-4)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-4)}@media(min-width:768px){.container{padding:0 var(--space-6)}}.header{position:sticky;top:0;z-index:100;background:var(--color-bg);border-bottom:1px solid var(--color-border);height:var(--header-height);backdrop-filter:blur(8px);background:color-mix(in srgb,var(--color-bg) 90%,transparent)}.header__inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);gap:var(--space-4)}.header__logo{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text);font-size:var(--font-size-lg);font-weight:400;white-space:nowrap;flex-shrink:0}.header__logo strong{font-weight:700}.header__logo:hover{color:var(--color-primary)}.header__nav{flex:1;overflow-x:auto}.header__nav-list{display:flex;align-items:center;gap:var(--space-1)}.nav-link{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2)var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--border-radius);white-space:nowrap;transition:all var(--transition)}.nav-link:hover{color:var(--color-text);background:var(--color-bg-tertiary)}.nav-link.active{color:var(--color-primary);background:var(--color-primary-light)}.nav-icon{flex-shrink:0}.header__controls{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.lang-switcher{position:relative}.lang-switcher__btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2)var(--space-3);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);transition:all var(--transition)}.lang-switcher__btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.lang-switcher__list{display:none;position:absolute;top:calc(100% + 4px);right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);min-width:150px;z-index:200;overflow:hidden}.lang-switcher__list.open{display:block}.lang-switcher__list li a{display:block;padding:var(--space-2)var(--space-4);color:var(--color-text);font-size:var(--font-size-sm);transition:background var(--transition)}.lang-switcher__list li a:hover{background:var(--color-bg-tertiary)}.lang-switcher__list li[aria-selected=true] a{color:var(--color-primary);font-weight:600}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--color-text-secondary);border-radius:var(--border-radius);transition:all var(--transition)}.theme-toggle:hover{color:var(--color-text);background:var(--color-bg-tertiary)}[data-theme=dark] .theme-toggle__sun{display:block}[data-theme=dark] .theme-toggle__moon{display:none}.theme-toggle__sun{display:none}.theme-toggle__moon{display:block}.header__menu-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px}.header__menu-toggle span{display:block;width:100%;height:2px;background:var(--color-text);border-radius:2px;transition:all var(--transition)}.header__menu-toggle[aria-expanded=true] span:nth-child(1){transform:rotate(45deg)translate(5px,5px)}.header__menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.header__menu-toggle[aria-expanded=true] span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}@media(max-width:1024px){.header__menu-toggle{display:flex}.header__nav{display:none;position:absolute;top:var(--header-height);left:0;right:0;background:var(--color-bg);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-lg);padding:var(--space-4)}.header__nav.open{display:block}.header__nav-list{flex-direction:column;align-items:stretch}.nav-link{padding:var(--space-3)var(--space-4);font-size:var(--font-size-base)}}main{min-height:calc(100vh - var(--header-height) - 300px);padding:var(--space-8)0}.page-header{margin-bottom:var(--space-8)}.page-header__title{font-size:var(--font-size-3xl);font-weight:700;line-height:1.2;margin-bottom:var(--space-2)}.page-header__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.page-header__breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.page-header__breadcrumb a{color:var(--color-text-secondary)}.page-header__breadcrumb a:hover{color:var(--color-primary)}.grid{display:grid;gap:var(--space-6)}.grid--2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid--4{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-6);transition:all var(--transition)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.card__title{font-size:var(--font-size-lg);font-weight:600}.card__badge{display:inline-flex;align-items:center;padding:var(--space-1)var(--space-2);font-size:var(--font-size-xs);font-weight:600;border-radius:999px}.card__badge--spotify{background:rgba(29,185,84,.1);color:var(--color-spotify)}.card__badge--youtube{background:rgba(255,0,0,.1);color:var(--color-youtube)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.stat-card__label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:500}.stat-card__value{font-size:var(--font-size-2xl);font-weight:700}.stat-card__change{font-size:var(--font-size-sm);font-weight:600;display:inline-flex;align-items:center;gap:var(--space-1)}.stat-card__change--up{color:var(--color-success)}.stat-card__change--down{color:var(--color-danger)}.chart-table-wrapper{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);background:var(--color-surface)}.chart-table{width:100%;font-size:var(--font-size-sm)}.chart-table thead{background:var(--color-bg-secondary);position:sticky;top:0}.chart-table th{padding:var(--space-3)var(--space-4);text-align:left;font-weight:600;color:var(--color-text-secondary);border-bottom:2px solid var(--color-border);white-space:nowrap}.chart-table td{padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--color-border-light);vertical-align:middle}.chart-table tbody tr{transition:background var(--transition)}.chart-table tbody tr:hover{background:var(--color-surface-hover)}.chart-table tbody tr:last-child td{border-bottom:none}.chart-table__rank{font-weight:700;color:var(--color-text-muted);width:50px;text-align:center}.chart-table__rank--top3{color:var(--color-primary);font-size:var(--font-size-lg)}.chart-table__change{font-weight:600;white-space:nowrap}.chart-table__change--up{color:var(--color-success)}.chart-table__change--down{color:var(--color-danger)}.chart-table__change--same{color:var(--color-text-muted)}.chart-table__change--new{color:var(--color-primary);font-size:var(--font-size-xs);background:var(--color-primary-light);padding:2px 6px;border-radius:4px}.chart-table__song{display:flex;align-items:center;gap:var(--space-3)}.chart-table__art{width:40px;height:40px;border-radius:6px;object-fit:cover;flex-shrink:0;background:var(--color-bg-tertiary)}.chart-table__song-info{min-width:0}.chart-table__song-title{font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px;display:block}.chart-table__song-artist{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px;display:block}.chart-table__streams{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.platform-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);overflow-x:auto;padding-bottom:var(--space-2)}.platform-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);white-space:nowrap;transition:all var(--transition)}.platform-tab:hover{border-color:var(--color-text-muted)}.platform-tab--active{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.platform-tab--spotify.platform-tab--active{border-color:var(--color-spotify);color:var(--color-spotify);background:rgba(29,185,84,.1)}.platform-tab--youtube.platform-tab--active{border-color:var(--color-youtube);color:var(--color-youtube);background:rgba(255,0,0,.1)}.country-selector{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap}.country-selector__select{padding:var(--space-2)var(--space-4);padding-right:var(--space-8);font-size:var(--font-size-sm);font-family:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 5l3 3 3-3' stroke='%2394a3b8' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.ad-slot{text-align:center;padding:var(--space-4)0;min-height:90px}.ad-slot--header{border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6)}.ad-slot--sidebar{margin-bottom:var(--space-6)}.ad-slot--in-content{margin:var(--space-6)0;padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--border-radius)}.ad-slot--footer{margin-bottom:var(--space-8)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-3)}.section-header__title{font-size:var(--font-size-xl);font-weight:700}.section-header__link{font-size:var(--font-size-sm);font-weight:500;display:flex;align-items:center;gap:var(--space-1)}.last-updated{font-size:var(--font-size-xs);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-1);margin-bottom:var(--space-4)}.last-updated__dot{width:6px;height:6px;background:var(--color-success);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--space-12)0 var(--space-8);margin-top:var(--space-16)}.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-8)}.footer__logo{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text);font-size:var(--font-size-lg);margin-bottom:var(--space-4)}.footer__logo strong{font-weight:700}.footer__about{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.7}.footer__heading{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-4)}.footer__links li{margin-bottom:var(--space-2)}.footer__links a{color:var(--color-text-secondary);font-size:var(--font-size-sm);transition:color var(--transition)}.footer__links a:hover{color:var(--color-primary)}.footer__bottom{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center}@media(max-width:768px){.footer__grid{grid-template-columns:1fr 1fr;gap:var(--space-6)}}@media(max-width:480px){.footer__grid{grid-template-columns:1fr}}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.font-bold{font-weight:700}.font-mono{font-variant-numeric:tabular-nums}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-8{margin-bottom:var(--space-8)}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.hidden{display:none}@media(max-width:768px){.page-header__title{font-size:var(--font-size-2xl)}main{padding:var(--space-4)0}}