.ph-hitparade{--ph-ink:#f9fafb;--ph-sub:#aab1c1;--ph-accent:#eab756;--ph-line:#303849;background:#121824;color:var(--ph-ink);border-radius:18px;overflow:hidden;padding:clamp(16px,4vw,36px);font-family:inherit;max-width:900px;margin:24px auto;box-shadow:0 18px 48px #0002}.ph-hitparade *{box-sizing:border-box}.ph-header{padding:10px 4px 23px;border-bottom:1px solid var(--ph-line);margin-bottom:15px}.ph-eyebrow{font-size:11px;letter-spacing:.22em;font-weight:800;color:var(--ph-accent)}.ph-header h2{font-size:clamp(29px,5vw,47px);font-weight:850;line-height:1.15;letter-spacing:-.035em;color:var(--ph-ink);margin:12px 0 7px}.ph-header p{color:var(--ph-sub);font-size:14px;margin:0}.ph-song{display:flex;align-items:center;gap:15px;padding:13px 5px;border-bottom:1px solid var(--ph-line)}.ph-rank{font-size:25px;font-weight:800;min-width:45px;text-align:center;color:var(--ph-accent);font-variant-numeric:tabular-nums}.ph-rank-new{font-size:12px;letter-spacing:.05em}.ph-cover{width:62px;height:62px;flex:0 0 62px;border-radius:9px;overflow:hidden;background:linear-gradient(135deg,#364562,#1c283c);display:grid;place-items:center;color:#eab756;font-size:29px}.ph-cover img{width:100%;height:100%;object-fit:cover}.ph-song-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.ph-track{color:var(--ph-ink);font-size:16px;line-height:1.3;overflow-wrap:anywhere}.ph-artist{color:var(--ph-sub);font-size:14px;overflow-wrap:anywhere}.ph-meta{color:var(--ph-sub);font-size:12px;margin-top:3px}.ph-meta a{color:var(--ph-accent);text-decoration:none}.ph-meta a:hover{text-decoration:underline}.ph-movement{font-weight:700}.ph-up,.ph-new{color:#70d7a2}.ph-down{color:#f19b99}.ph-vote-button{border:1px solid var(--ph-accent);background:var(--ph-accent);color:#172033;border-radius:999px;font-weight:800;padding:10px 14px;white-space:nowrap;cursor:pointer;font-size:12px}.ph-vote-button:hover:not(:disabled){background:#ffcb72}.ph-vote-button:focus-visible{outline:3px solid white;outline-offset:3px}.ph-vote-button:disabled{opacity:.55;cursor:default}.ph-subheading{font-size:20px!important;color:var(--ph-ink)!important;display:flex;align-items:baseline;justify-content:space-between;margin:30px 4px 4px}.ph-subheading span{font-size:12px;font-weight:400;color:var(--ph-accent)}.ph-footer,.ph-notice{font-size:13px;color:var(--ph-sub);margin:18px 4px 0}.ph-notice{background:#283347;padding:12px;border-radius:7px;margin:10px 0}.ph-feedback{font-weight:700;color:var(--ph-accent);margin:10px 4px 0}.ph-archive-chooser{margin:10px 0 20px}.ph-archive-chooser label{color:var(--ph-sub);font-size:14px}.ph-archive-chooser select{padding:8px;border-radius:6px;margin-left:8px;color:#172033;background:#fff}@media(max-width:560px){.ph-song{gap:9px;flex-wrap:wrap}.ph-rank{min-width:30px;font-size:20px}.ph-cover{width:49px;height:49px;flex-basis:49px}.ph-track{font-size:14px}.ph-vote-button{margin-left:39px;padding:8px 13px}.ph-song-info{flex-basis:calc(100% - 100px)}.ph-header p{line-height:1.45}}

.ph-countdown{background:linear-gradient(130deg,#263754,#1b2436);border:1px solid #40506b;border-radius:12px;padding:17px 20px;margin:18px 0 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.ph-countdown-title{font-size:13px;color:#c5d1e4}.ph-countdown-value{font-variant-numeric:tabular-nums;letter-spacing:.035em;font-size:17px;color:#f5cc7b}.ph-results{border:1px solid #38465c;border-radius:12px;padding:17px 20px;margin:15px 0 22px;background:#1c2637}.ph-results h3{color:#f9fafb;font-size:18px;margin:0 0 13px}.ph-results h4{color:#c4d1e5;font-size:13px;margin:15px 0 5px}.ph-winner{display:flex;gap:13px;align-items:center}.ph-trophy{font-size:30px;color:#f5cc7b}.ph-winner div{display:flex;flex-direction:column;gap:4px}.ph-winner strong{color:#fff;line-height:1.4}.ph-small-label{color:#f5cc7b;font-size:11px;letter-spacing:.07em;font-weight:800}.ph-eliminated{margin:0;padding:0;list-style:none}.ph-eliminated li{font-size:13px;color:#d4dae5;margin:6px 0}.ph-eliminated li span{color:#f19b99;font-weight:700;margin-right:9px}
