.countdown-card{background:linear-gradient(145deg,#1c252e,#171b23 75%)}
.countdown-card .side-heading{margin-bottom:22px}
.countdown-rows{display:grid;gap:23px}
.countdown-row-title{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:8px;margin-bottom:9px}
.countdown-row-title .countdown-percent{color:#70bcff;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}
.countdown-row-title .countdown-label{font-size:12px;font-weight:650;letter-spacing:.02em}
.countdown-track{height:11px;margin-left:86px;border-radius:100px;background:#f6f7f9;overflow:hidden}
.countdown-track span{display:block;height:100%;border-radius:inherit;background:#70bcff;transition:width .3s ease}
.holiday-countdown{display:flex;flex-direction:column;align-items:center;margin-top:25px;padding-top:20px;border-top:1px solid rgba(255,255,255,.16);text-align:center}
.holiday-countdown>span{font-size:15px;font-weight:700;letter-spacing:.08em}
.holiday-countdown strong{display:flex;align-items:baseline;gap:4px;margin-top:7px;color:#70bcff;font-size:43px;line-height:1;font-variant-numeric:tabular-nums}
.holiday-countdown strong small{font-size:12px}
.holiday-countdown time{margin-top:8px;color:#aaa;font-size:11px;letter-spacing:.1em}
.updates-card{background:linear-gradient(150deg,#1d2028,#13151b)}
.update-group+.update-group{margin-top:21px;padding-top:19px;border-top:1px solid var(--line)}
.update-group-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
.update-group-heading h3{margin:0;font-size:13px;letter-spacing:.05em}
.update-group-heading span{color:#78bfff;font-size:10px;font-variant-numeric:tabular-nums}
.latest-list{list-style:none;margin:0;padding:0}
.latest-list li{border-bottom:1px solid rgba(255,255,255,.08)}
.latest-list li:last-child{border-bottom:0}
.latest-list li>a,.latest-list li>div{display:grid;gap:4px;padding:10px 0;color:#e4e4e7;text-decoration:none}
.latest-list li>a:hover strong{color:#86c6ff}
.latest-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:550}
.latest-list small{color:#9198a4;font-size:9px}
.latest-list .latest-empty{padding:13px 0;color:#868d98;font-size:11px}
.updates-status{margin:16px 0 0;color:#7f8993;font-size:9px;line-height:1.5}
.stats-card{background:linear-gradient(145deg,#1d252d,#171b22)}
.stats-card .side-heading h2{border-left:4px solid #73bdff;padding-left:11px}
.stats-list{display:grid;gap:5px}
.stats-list>div{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:42px;color:#ededf0;font-size:13px}
.stats-list .stats-icon{color:#74beff;font-family:Arial,sans-serif;font-size:23px;line-height:1;text-align:center}
.stats-list strong{font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}

/* Keep the established charcoal-and-warm-accent language across both side rails. */
.inner-page .side-card:not(.profile-card){background:linear-gradient(150deg,#1d1c23,#111318 82%)}
.countdown-row-title .countdown-percent,.holiday-countdown strong,.update-group-heading span,.latest-rank{color:var(--accent)}
.countdown-track span{background:var(--accent)}
.countdown-track{background:#e8e4e3}
.countdown-rows{gap:19px}
.holiday-countdown{margin-top:20px;padding-top:17px}
.stats-card .side-heading h2{border-left-color:var(--accent)}

.updates-card .side-heading{margin-bottom:14px}
.update-group-heading{margin-bottom:7px}
.update-group-heading span:first-child{color:#aaa6aa;letter-spacing:.01em;font-size:10px}
.latest-list li{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:7px;min-height:36px}
.latest-list .latest-rank{font-size:10px;font-variant-numeric:tabular-nums}
.latest-list li>a,.latest-list li>div{min-width:0;padding:5px 0;gap:2px}
.latest-list strong{font-size:11px}
.latest-list small{font-size:9px}
.latest-list .latest-empty{padding:0;color:#77737a}
.latest-list .latest-empty div{padding:6px 0}
.latest-list .latest-empty strong{color:#827d85;font-weight:400}
.latest-list .latest-empty small{color:#625f67}
.updates-status{margin-top:9px;font-size:9px}

.music-card .side-heading{margin-bottom:17px}
.music-album{display:grid;grid-template-columns:64px minmax(0,1fr) 25px;gap:11px;align-items:center}
.music-card .album-disc{width:64px;height:64px;border-width:6px;border-color:#2c2a32;background:repeating-radial-gradient(circle,#24242d 0 2px,#37303a 3px 5px)}
.music-card .album-disc span{width:30px;height:30px;background:var(--accent);font-size:17px}
.music-card .now-playing{margin-bottom:5px;color:#c4a79d;font-size:9px}
.music-card .music-album strong{font-size:16px}
.music-card .music-album p{color:#b2aeb5}
.lyrics-toggle{align-self:start;width:25px;height:25px;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:6px;color:var(--accent);background:rgba(255,255,255,.05);font-size:12px;cursor:pointer}
.lyrics-toggle[aria-expanded="true"]{border-color:var(--accent);background:rgba(247,173,135,.11)}
.music-time-row{display:grid;grid-template-columns:minmax(0,1fr) 28px 66px;gap:6px;align-items:center;margin-top:13px;color:#b4adb3;font-size:10px;font-variant-numeric:tabular-nums}
.music-time-row button{padding:0;border:0;color:#b4adb3;background:none;cursor:pointer;font-size:13px}
.music-time-row input{width:100%;accent-color:var(--accent)}
.music-card .music-progress{display:block;margin-top:6px}
.music-card .music-progress input{display:block;width:100%;accent-color:var(--accent)}
.music-card .music-controls{display:flex;justify-content:space-between;gap:4px;margin-top:9px;padding:7px 0 13px;border-bottom:1px solid rgba(255,255,255,.1)}
.music-card .music-controls #music-loop,.music-card .music-controls #music-prev,.music-card .music-controls #music-play,.music-card .music-controls #music-next,.music-card .music-controls #playlist-toggle{flex:0 0 39px;width:39px;height:39px;padding:0;border:1px solid transparent;border-radius:11px;color:#c9c3c9;background:transparent;font-size:15px;line-height:1;cursor:pointer}
.music-card .music-controls #music-play{color:#211a1e;background:var(--accent);font-size:17px}
.music-card .music-controls #music-loop[aria-pressed="true"]{color:var(--accent)}
.music-card .music-controls #music-prev:hover,.music-card .music-controls #music-next:hover,.music-card .music-controls #music-loop:hover,.music-card .music-controls #playlist-toggle:hover{color:#fff;background:rgba(255,255,255,.1)}
.music-card .music-playlist{margin-top:4px;border-top:0}
.music-card .music-playlist button[aria-current="true"]{color:var(--accent)}
.music-card .music-playlist span{color:#bd9a8d}
.music-card .music-playlist[hidden],.lyrics-panel[hidden]{display:none}
.lyrics-panel{margin-top:11px;padding-top:11px;border-top:1px solid rgba(255,255,255,.1)}
.lyrics-heading{display:flex;justify-content:space-between;gap:8px;color:#ded8da;font-size:11px;font-weight:600}
.lyrics-heading label{color:var(--accent);font-weight:400;font-size:10px;cursor:pointer}
.lyrics-viewport{height:130px;overflow:auto;margin-top:10px;padding:0 7px 0 2px;scrollbar-color:#68646b transparent;scrollbar-width:thin;text-align:center}
.lyrics-viewport p{margin:0 0 16px;color:#a9a4aa;font-size:12px;line-height:1.65}
.lyrics-viewport .lyrics-empty{margin:43px 0;color:#817d85;font-size:11px}
.lyrics-viewport .lyric-line.active{color:#f4e4dc;font-weight:700}
.music-card .music-status{margin-top:10px;color:#9d969e}

.announcement-card{position:relative;padding:17px 20px 18px 22px;border-left:3px solid var(--accent)}
.announcement-card h2{margin:0 0 8px;color:var(--accent);font-family:var(--display);font-size:21px;font-weight:700;letter-spacing:.12em;line-height:1.3}
.announcement-card p{margin:0;color:#f0e9e6;font-family:var(--display);font-size:clamp(13px,1vw,15px);line-height:1.7;letter-spacing:.015em}
.announcement-card p span{display:block;white-space:nowrap}
@media(max-width:760px){.announcement-card p{font-size:15px}}
.stats-card{display:flex;flex-direction:column}
.stats-card .side-heading{margin-bottom:11px}
.stats-list{gap:2px}
.stats-list>div{min-height:36px;grid-template-columns:25px minmax(0,1fr) auto;gap:8px;font-size:12px}
.stats-list .stats-icon{color:var(--accent);font-size:17px}
.stats-list strong{color:#f3f0ef;font-size:14px;font-weight:650;white-space:nowrap}

.social-icons{gap:9px}
.social-icons :is(a,button){width:36px;height:36px;border:0;border-radius:8px;background:transparent}
.social-icons :is(a,button):hover{background:rgba(255,255,255,.07)}
.social-icons :is(a,button) img{display:block;width:25px;height:25px;object-fit:contain}

@media(min-width:1201px){.inner-layout{align-items:stretch}.side-left,.side-right{display:flex;flex-direction:column}.side-left{justify-content:space-between}.side-right .stats-card{flex:1}}