.charts-page{background:#f3f6ef;color:#1c261b}.charts-hero{position:relative;isolation:isolate;min-height:410px;display:flex;align-items:flex-end;overflow:hidden;background:#182517}.charts-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,17,10,.9),rgba(8,17,10,.58) 48%,rgba(8,17,10,.2)),linear-gradient(0deg,rgba(8,17,10,.78),transparent 65%)}.charts-wish-hero{background-image:url('/assets/charts-listener-hero-v1.png');background-position:center 54%;background-size:cover}.charts-schlager-hero,.charts-annual-hero{background-image:url('/assets/charts-schlager-hero-v1.png');background-position:center 50%;background-size:cover}.charts-docx-hero{background-image:linear-gradient(120deg,#0a1812,#1f4929 55%,#628d21)}.charts-hero-inner{padding-top:120px;padding-bottom:56px;color:#fff}.charts-kicker,.charts-section-heading span{display:block;color:#91ca2a;font-size:.75rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.charts-hero h1{max-width:900px;margin:10px 0 12px;font-size:clamp(2.8rem,7vw,5.6rem);line-height:.96}.charts-hero p{max-width:720px;margin:0;color:#e2eadf;font-size:clamp(1rem,2vw,1.22rem);line-height:1.7}.charts-release-note{display:inline-flex;margin-top:22px;padding:10px 14px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(0,0,0,.26);font-size:.86rem}.chart-year-picker{display:flex;gap:12px;align-items:center;width:max-content;margin-top:22px;padding:10px 12px;border-radius:14px;background:rgba(0,0,0,.38);border:1px solid rgba(255,255,255,.16)}.chart-year-picker label{font-weight:850}.chart-year-picker select{min-width:220px;border:0;border-radius:9px;padding:9px;background:#fff;color:#1a2819;font-weight:750}.charts-overview,.charts-ranking-section .page-shell,.charts-new-section .page-shell{padding-top:54px;padding-bottom:54px}.charts-section-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:26px}.charts-section-heading h2{margin:7px 0;font-size:clamp(1.8rem,4vw,3rem)}.charts-section-heading p{max-width:760px;margin:0;color:#667063}.charts-section-heading.compact{margin-bottom:20px}.charts-section-heading.compact h2{font-size:clamp(1.65rem,3vw,2.3rem)}.charts-section-heading>b,.charts-updated{padding:9px 12px;border:1px solid #d7e0d2;border-radius:999px;background:#fff;color:#597052;font-size:.82rem;white-space:nowrap}.charts-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.chart-podium-card{overflow:hidden;border:1px solid #d7e2d1;border-radius:24px;background:#fff;box-shadow:0 18px 45px rgba(35,57,29,.09)}.chart-podium-card.position-1{border-color:#8fbd3b;box-shadow:0 20px 54px rgba(92,139,29,.18)}.chart-podium-media{position:relative;aspect-ratio:16/10;max-height:255px;overflow:hidden;background:#e7eee2}.chart-podium-media img{width:100%;height:100%;object-fit:cover}.chart-position-badge{position:absolute;top:16px;left:16px;display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,#96d126,#5f9416);color:#fff;font-size:1.7rem;box-shadow:0 12px 25px rgba(61,100,12,.28)}.chart-podium-copy{padding:22px}.chart-artist,.chart-row-title span,.chart-new-card>div>span{color:#668f20;font-size:.75rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.chart-podium-copy h3,.chart-row-title h3,.chart-new-card h3{margin:5px 0 0}.chart-podium-copy h3{font-size:1.45rem}.chart-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:18px 0}.chart-facts>div{padding:10px;border-radius:13px;background:#f3f6f0}.chart-facts small,.chart-row-stat small{display:block;color:#7a8477;font-size:.67rem;text-transform:uppercase}.chart-facts strong{display:block;margin-top:2px}.chart-trend{display:inline-flex;align-items:center;justify-content:center;min-width:38px;font-weight:950}.chart-trend.is-up{color:#1f9b47}.chart-trend.is-down{color:#cc4038}.chart-trend.is-new{color:#6b9d1c;font-size:.74rem}.chart-card-actions,.chart-row-actions{display:flex;flex-wrap:wrap;gap:8px}.chart-preview-button,.chart-info-button{border:0;border-radius:999px;padding:9px 13px;background:#152015;color:#fff;font-weight:850;cursor:pointer}.chart-preview-button:hover{background:#2c3d29}.chart-info-button{background:#eaf4da;color:#527b16}.chart-info-button.has-info:hover{background:#dbeec2}.chart-info-button:disabled{opacity:.45;cursor:not-allowed}.chart-preview-missing{display:inline-flex;padding:9px 12px;border-radius:999px;background:#edf0eb;color:#8a9187;font-size:.75rem}.chart-vote-panel{margin-top:16px;padding:13px;border-radius:15px;background:#19251a;color:#fff}.chart-vote-panel>span{display:block;margin-bottom:8px;color:#d8e4d3;font-size:.75rem}.chart-vote-panel.compact{background:transparent;color:#1c261b;padding:12px 0 0}.chart-rating{display:flex;flex-wrap:wrap;gap:6px}.chart-rating button{width:35px;height:35px;border:1px solid #a9ba9f;border-radius:50%;background:#fff;color:#527a19;font-weight:900;cursor:pointer}.chart-rating button:hover,.chart-rating button.is-selected{border-color:#78ad1f;background:#78ad1f;color:#fff}.chart-rating.is-locked button:not(.is-selected){opacity:.4}.chart-vote-panel em,.chart-row-vote em{display:block;margin-top:8px;color:#a9d96d;font-size:.72rem;font-style:normal}.charts-ranking-section{background:#e9eee5}.charts-ranking-list{overflow:hidden;border:1px solid #d5dfcf;border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(33,51,29,.06)}.chart-ranking-row{display:grid;grid-template-columns:54px 64px minmax(180px,1fr) 88px 80px 90px 50px minmax(170px,.9fr) minmax(190px,auto);gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid #e5eae2}.chart-ranking-row:last-child{border-bottom:0}.chart-row-position{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#eef5e6;color:#4e7c15;font-size:1.1rem}.chart-ranking-row>img{width:58px;height:58px;border-radius:11px;object-fit:cover;background:#e8ede5}.chart-row-title{min-width:0}.chart-row-title h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem}.chart-row-stat{text-align:center}.chart-row-stat strong{font-size:.9rem}.chart-row-vote{display:grid;justify-items:end}.charts-new-section{background:#f8faf6}.charts-new-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.chart-new-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;padding:14px;border:1px solid #d9e1d4;border-radius:18px;background:#fff}.chart-new-media{position:relative}.chart-new-media img{width:112px;height:112px;border-radius:13px;object-fit:cover}.chart-new-media b{position:absolute;left:7px;top:7px;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#6fa517;color:#fff}.charts-empty{padding:42px;border:1px dashed #cbd7c4;border-radius:20px;background:#fff;text-align:center}.charts-empty>span{font-size:2rem;color:#74a91b}.chart-media-modal,.chart-info-modal{position:relative;width:min(590px,calc(100% - 26px));border:0;border-radius:24px;padding:28px;background:#172117;color:#fff;box-shadow:0 30px 90px rgba(0,0,0,.55)}.chart-media-modal::backdrop,.chart-info-modal::backdrop{background:rgba(0,0,0,.78)}.chart-modal-close{position:absolute;right:15px;top:12px;border:0;background:transparent;color:#fff;font-size:2rem;cursor:pointer}.chart-media-modal>span,.chart-info-modal>span{color:#9bd239;font-size:.72rem;font-weight:900;text-transform:uppercase}.chart-media-modal h2,.chart-info-modal h2{margin:8px 0 4px}.chart-media-modal p,.chart-info-artist{margin:0 0 16px;color:#cbd6c8}.chart-modal-cover{float:left;width:110px;height:110px;margin:0 18px 14px 0;border-radius:17px;overflow:hidden;background:#2b382a;display:grid;place-items:center}.chart-modal-cover img{width:100%;height:100%;object-fit:cover}.chart-modal-cover span{font-size:2rem}.chart-media-modal audio{width:100%;margin-top:15px}.chart-video-wrap{clear:both;aspect-ratio:16/9;margin-top:18px}.chart-video-wrap iframe{width:100%;height:100%;border:0;border-radius:14px}.chart-info-modal section{padding:14px 0;border-top:1px solid rgba(255,255,255,.1)}.chart-info-modal section h3{margin:0 0 7px;color:#9bd239}.chart-info-modal section p{margin:0;line-height:1.65;color:#edf3eb}.chart-info-modal dl{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.chart-info-modal dl div{padding:11px;border-radius:12px;background:rgba(255,255,255,.07)}.chart-info-modal dt{color:#9da99a;font-size:.68rem;text-transform:uppercase}.chart-info-modal dd{margin:5px 0 0;font-weight:800}.chart-info-error{padding:13px;border-radius:12px;background:#5f2323;color:#fff}.chart-info-loading{padding:18px 0;color:#cad5c7}
@media(max-width:1150px){.charts-podium{grid-template-columns:1fr 1fr}.chart-podium-card.position-1{grid-column:1/-1;display:grid;grid-template-columns:minmax(280px,.8fr) 1.2fr}.chart-ranking-row{grid-template-columns:48px 58px minmax(180px,1fr) 75px 75px 48px minmax(150px,1fr)}.chart-ranking-row .chart-row-stat:nth-of-type(3){display:none}.chart-row-vote{grid-column:3/-1;justify-items:start}.charts-new-grid{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.charts-podium{grid-template-columns:1fr}.chart-podium-card.position-1{grid-column:auto;display:block}.charts-section-heading{align-items:flex-start;flex-direction:column}.chart-ranking-row{grid-template-columns:42px 52px minmax(0,1fr) 44px}.chart-ranking-row .chart-row-stat,.chart-ranking-row>.chart-trend{display:none}.chart-row-actions{grid-column:3/5}.chart-row-vote{grid-column:1/5}.charts-new-grid{grid-template-columns:1fr}.chart-info-modal dl{grid-template-columns:1fr}}
@media(max-width:520px){.charts-hero-inner{padding-top:110px;padding-bottom:38px}.charts-hero{min-height:360px}.chart-year-picker{width:100%;align-items:stretch;flex-direction:column}.chart-year-picker select{min-width:0}.charts-overview,.charts-ranking-section .page-shell,.charts-new-section .page-shell{padding-top:38px;padding-bottom:38px}.chart-new-card{grid-template-columns:88px minmax(0,1fr)}.chart-new-media img{width:88px;height:88px}.chart-facts{grid-template-columns:1fr 1fr}}

/* v1.5.11 – eigenständige Landwelle-Chartwelten und klarer Voting-Zustand */
.charts-guide-card{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 28px;padding:20px 22px;border:1px solid #d4dfce;border-radius:20px;background:linear-gradient(135deg,#fff,#f2f7ed);box-shadow:0 14px 36px rgba(31,53,25,.07)}
.charts-guide-card>div{max-width:760px}.charts-guide-card span,.charts-archive-note>span{display:block;color:#6d9f23;font-size:.72rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.charts-guide-card h3{margin:5px 0 6px;font-size:1.35rem}.charts-guide-card p,.charts-archive-note p{margin:0;color:#637061;line-height:1.6}.charts-vote-mark,.charts-archive-seal{display:grid;place-items:center;flex:0 0 88px;width:88px;height:88px;border-radius:50%;background:#182318;color:#a9db55;text-align:center;font-size:1.25rem;line-height:1.05;box-shadow:inset 0 0 0 5px rgba(255,255,255,.08)}.charts-vote-mark small{font-size:.58rem;letter-spacing:.08em;text-transform:uppercase}.charts-archive-note{margin:-8px 0 28px;padding:18px 20px 18px 72px;border:1px solid #cbbd96;border-radius:8px;background:linear-gradient(90deg,rgba(116,82,36,.12),rgba(255,252,240,.92));position:relative}.charts-archive-note:before{content:'♫';position:absolute;left:22px;top:50%;transform:translateY(-50%);font-size:2rem;color:#8a642c}
.chart-vote-countdown{display:block!important;margin-top:0!important;padding:13px 15px;border:1px solid #39543b;border-radius:14px;background:#203422;color:#fff!important;font-style:normal;box-shadow:0 8px 20px rgba(21,43,23,.16)}.chart-vote-countdown[hidden]{display:none!important}.chart-vote-countdown strong,.chart-vote-countdown span{display:block}.chart-vote-countdown strong{font-size:.86rem}.chart-vote-countdown span{margin-top:4px;color:#e3ede0;font-size:.72rem}.chart-vote-countdown b{display:inline-block;min-width:74px;margin-left:4px;color:#c8ef8d;font-size:.92rem;font-variant-numeric:tabular-nums;letter-spacing:.04em}.chart-row-vote .chart-vote-countdown{min-width:185px;text-align:left;background:#203422}.chart-new-card .chart-vote-countdown{margin-top:10px!important}.chart-rating[hidden]{display:none!important}.is-vote-locked .chart-vote-panel>span{display:none}.is-vote-locked .chart-vote-panel{padding:0;background:transparent}.is-vote-locked.chart-ranking-row{background:linear-gradient(90deg,#fff,#f4f8f0)}

/* Zuhörer-Charts: norddeutsch, warm und radio-nah */
.chart-theme-listener .charts-ranking-section{background:linear-gradient(180deg,#e6eee0,#edf2e9)}.chart-theme-listener .chart-position-badge,.chart-theme-listener .chart-new-media b{background:linear-gradient(145deg,#96d126,#4f7d16)}.chart-theme-listener .charts-guide-card{border-left:6px solid #79b72a}

/* docX: dunkler, kantiger und alternativer */
.chart-theme-dockx .charts-page{background:#0d1110}.chart-theme-dockx .charts-docx-hero{background-image:radial-gradient(circle at 78% 30%,rgba(85,246,169,.2),transparent 30%),linear-gradient(120deg,#080b0a,#16241f 56%,#2c4d3f)}.chart-theme-dockx .charts-overview,.chart-theme-dockx .charts-new-section .page-shell{color:#edf5f0}.chart-theme-dockx .charts-section-heading p{color:#aebdb4}.chart-theme-dockx .charts-updated,.chart-theme-dockx .charts-section-heading>b{background:#151b18;border-color:#314139;color:#b7d7c5}.chart-theme-dockx .charts-guide-card{background:linear-gradient(135deg,#131a17,#202d27);border-color:#335244;color:#edf5f0}.chart-theme-dockx .charts-guide-card p{color:#b7c8bf}.chart-theme-dockx .charts-guide-card span,.chart-theme-dockx .chart-artist,.chart-theme-dockx .chart-row-title span,.chart-theme-dockx .chart-new-card>div>span{color:#75e0a5}.chart-theme-dockx .chart-podium-card,.chart-theme-dockx .chart-new-card{background:#151b18;border-color:#2d3b34;color:#f4faf6}.chart-theme-dockx .chart-facts>div{background:#202923}.chart-theme-dockx .chart-facts small{color:#9dac9f}.chart-theme-dockx .charts-ranking-section{background:#101512}.chart-theme-dockx .charts-ranking-list{background:#171d19;border-color:#2e3932}.chart-theme-dockx .chart-ranking-row{border-color:#2a332d;color:#eef5f0}.chart-theme-dockx .chart-row-position{background:#26342d;color:#73dfa4}.chart-theme-dockx .chart-row-stat small{color:#98a79d}.chart-theme-dockx .charts-new-section{background:#0d1110}.chart-theme-dockx .chart-preview-button{background:#74e0a5;color:#07110c}.chart-theme-dockx .chart-rating button{background:#0e1511;border-color:#4b6a5a;color:#7be5aa}.chart-theme-dockx .chart-rating button:hover{background:#65d799;color:#08110d}.chart-theme-dockx .chart-vote-panel{background:#0a0f0c}

/* Schlager: Bühne, Licht und warme Goldtöne */
.chart-theme-schlager .charts-schlager-hero{background-position:center 44%}.chart-theme-schlager .charts-kicker,.chart-theme-schlager .charts-section-heading span,.chart-theme-schlager .chart-artist,.chart-theme-schlager .chart-row-title span,.chart-theme-schlager .chart-new-card>div>span{color:#bd791e}.chart-theme-schlager .charts-guide-card{border-left:6px solid #c28628;background:linear-gradient(135deg,#fffaf2,#f9ead4)}.chart-theme-schlager .chart-position-badge,.chart-theme-schlager .chart-new-media b{background:linear-gradient(145deg,#d7a343,#8d4f18)}.chart-theme-schlager .chart-podium-card.position-1{border-color:#d2a352;box-shadow:0 20px 54px rgba(151,91,25,.18)}.chart-theme-schlager .charts-ranking-section{background:linear-gradient(180deg,#f5eadc,#f8f2e9)}.chart-theme-schlager .chart-row-position{background:#f7e7d1;color:#965c1d}.chart-theme-schlager .chart-preview-button{background:#6f2e27}.chart-theme-schlager .chart-rating button{color:#9d601b}.chart-theme-schlager .chart-rating button:hover{background:#bd791e;border-color:#bd791e}

/* Jahrescharts: vergilbtes Musikarchiv mit Jahrzehnte-Charakter */
.chart-theme-archive{background:#e8ddc5}.chart-theme-archive .charts-page{font-family:Georgia,'Times New Roman',serif;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.5),transparent 34%),repeating-linear-gradient(0deg,rgba(82,55,22,.025) 0,rgba(82,55,22,.025) 1px,transparent 1px,transparent 5px),#e9dfca}.chart-theme-archive .charts-annual-hero{background-image:linear-gradient(90deg,rgba(30,19,9,.88),rgba(45,27,11,.48)),url('/assets/charts-schlager-hero-v1.png');filter:sepia(.45)}.chart-theme-archive .charts-hero h1{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.04em}.chart-theme-archive .charts-kicker{color:#e6bd72}.chart-theme-archive .chart-year-picker{border-radius:4px;background:rgba(54,34,14,.74);border-color:rgba(255,236,199,.35)}.chart-theme-archive .chart-year-picker select{border-radius:2px;background:#f2e4c8;font-family:Georgia,'Times New Roman',serif}.chart-theme-archive .charts-guide-card{border-radius:5px;border:1px solid #bca77e;background:linear-gradient(135deg,#f8efd9,#e9d8b8);box-shadow:0 10px 20px rgba(74,48,20,.1)}.chart-theme-archive .charts-archive-seal{border-radius:50%;background:#7b2f22;color:#f4dfb0;font-family:Georgia,'Times New Roman',serif;transform:rotate(-6deg);box-shadow:inset 0 0 0 4px #d7b97a,0 4px 12px rgba(63,32,16,.25)}.chart-theme-archive .charts-section-heading span,.chart-theme-archive .chart-artist,.chart-theme-archive .chart-row-title span{color:#85572a}.chart-theme-archive .chart-podium-card,.chart-theme-archive .charts-ranking-list{border-radius:5px;border-color:#bda982;background:#f8efd9;box-shadow:0 10px 25px rgba(70,44,17,.12)}.chart-theme-archive .chart-podium-card.position-1{border-color:#8e6f3e}.chart-theme-archive .chart-position-badge{border-radius:50%;background:#7c4d26;color:#f6e6c5}.chart-theme-archive .chart-facts>div{border-radius:3px;background:#eadcc1}.chart-theme-archive .charts-ranking-section{background:rgba(123,91,47,.12);border-top:1px solid #c4ae84;border-bottom:1px solid #c4ae84}.chart-theme-archive .chart-ranking-row{border-color:#d8c7a7}.chart-theme-archive .chart-row-position{border-radius:50%;background:#e3d2b1;color:#6e4825}.chart-theme-archive .chart-preview-button{border-radius:4px;background:#52351e}.chart-theme-archive .chart-info-button{border-radius:4px;background:#e0c99f;color:#65451f}.chart-theme-archive .charts-updated,.chart-theme-archive .charts-section-heading>b{border-radius:3px;background:#f6ead1;border-color:#cbb58b;color:#6f5434}

@media(max-width:700px){.charts-guide-card{align-items:flex-start}.charts-vote-mark,.charts-archive-seal{flex-basis:68px;width:68px;height:68px;font-size:1rem}.charts-archive-note{padding-left:54px}.charts-archive-note:before{left:16px}.chart-row-vote .chart-vote-countdown{width:100%;min-width:0}}

/* v1.5.11 – kompaktere Top 3 und klarer Voting-Countdown */
.chart-podium-card.position-1{grid-template-columns:minmax(250px,.68fr) 1.32fr}
.chart-theme-dockx .chart-vote-countdown{border-color:#4d7c65;background:#17271f}.chart-theme-dockx .chart-vote-countdown b{color:#86edb3}
.chart-theme-schlager .chart-vote-countdown{border-color:#9e6b2f;background:#5a3923}.chart-theme-schlager .chart-vote-countdown b{color:#ffe09b}
.chart-theme-archive .chart-vote-countdown{border-color:#876b43;border-radius:4px;background:#503b27}.chart-theme-archive .chart-vote-countdown b{color:#f4dca8}
@media(max-width:920px){.chart-podium-media{max-height:230px}.chart-podium-card.position-1{grid-template-columns:1fr}}
@media(max-width:700px){.chart-podium-media{aspect-ratio:16/9;max-height:210px}}
/* v1.5.24 – KI-Transparenz in den Jahrescharts */
.chart-ai-disclosure{margin:14px 0;padding:12px;border:1px solid rgba(190,164,224,.42);border-radius:13px;background:rgba(112,80,156,.2)}.chart-ai-disclosure strong{display:block;color:#d9c1f5;font-size:.8rem}.chart-ai-disclosure p{margin:5px 0;color:#eef0ec;font-size:.78rem;line-height:1.5}.chart-ai-disclosure a{color:#caa8ef;font-size:.75rem;font-weight:850;text-decoration:none}