.popular-title-accent{color:var(--fg-brand)}.popular-summary{display:flex;gap:var(--space-12);padding-top:var(--space-2)}.popular-summary dt{font-size:var(--text-t2);letter-spacing:.02em;color:var(--fg-muted)}.popular-summary dd{margin-top:var(--space-2);font-size:var(--text-t11);font-weight:var(--weight-medium);letter-spacing:-.04em;font-variant-numeric:tabular-nums}.popular-summary small{margin-left:var(--space-1);font-size:var(--text-t2);font-weight:var(--weight-regular);color:var(--fg-subtle)}.popular-controls{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-10)}.popular-month-stepper{display:flex;align-items:center;border:1px solid var(--stroke-weak);border-radius:var(--radius-full);padding:var(--space-1)}.popular-month-stepper>.ui-button{padding-inline:var(--space-3);font-size:var(--text-t9)}.popular-month-input{position:relative;display:grid;align-items:center;min-width:150px;min-height:44px;text-align:center}.popular-month-input label{font-size:var(--text-t4);font-weight:var(--weight-medium);pointer-events:none}.popular-month-input input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.popular-month-input:focus-within{outline:2px solid var(--fg-brand);outline-offset:4px;border-radius:var(--radius-sm)}.popular-period-note{font-size:var(--text-t2);color:var(--fg-subtle)}.popular-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}.popular-podium li{min-width:0}.popular-podium-card{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--stroke-weak);border-radius:var(--radius-lg);background:var(--bg-page);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base)}.popular-podium-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px color-mix(in srgb,var(--fg-neutral) 4%,transparent)}.popular-podium-card:active{transform:scale(var(--press-card))}.popular-podium-art{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);background:var(--bg-weak);color:var(--fg-brand)}.popular-podium-rank{font-size:var(--text-t14);font-weight:var(--weight-medium);letter-spacing:-.06em;line-height:1.2}.popular-podium-body{display:flex;flex-direction:column;flex:1;min-width:0;padding:var(--space-6)}.popular-podium-category{font-size:var(--text-t2);color:var(--fg-subtle);line-height:1.8}.popular-podium-body>strong{display:block;margin-top:var(--space-3);margin-bottom:var(--space-6);font-size:var(--text-t8);font-weight:var(--weight-medium);letter-spacing:-.045em;line-height:1.5;overflow-wrap:anywhere;word-break:keep-all}.popular-podium-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--stroke-weak);font-size:var(--text-t6);font-variant-numeric:tabular-nums}.popular-podium-footer small{display:block;color:var(--fg-subtle);font-size:var(--text-t2)}.popular-rest{margin-top:var(--space-8)}.popular-dot{display:inline-block;width:6px;height:6px;margin-right:var(--space-2);border-radius:var(--radius-full);vertical-align:middle}.popular-rest-rank{display:block;min-width:44px;font-size:var(--text-t11);color:var(--fg-subtle);font-variant-numeric:tabular-nums;letter-spacing:-.04em}.popular-views strong{display:block;font-size:var(--text-t6);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums}.popular-views small{display:block;font-size:var(--text-t2);color:var(--fg-subtle)}@media(max-width:760px){.popular-summary{gap:var(--space-6)}.popular-summary>div{flex:1}.popular-summary dd{font-size:var(--text-t9)}.popular-controls{gap:var(--space-3);margin-bottom:var(--space-8)}.popular-podium{grid-template-columns:minmax(0,1fr);gap:var(--space-4)}.popular-podium-card{flex-direction:row}.popular-podium-art{flex-direction:column;justify-content:center;gap:var(--space-4);padding:var(--space-4)}.popular-podium-rank{font-size:var(--text-t12)}.popular-podium-art svg{width:44px;height:44px}.popular-podium-body{padding:var(--space-5)}.popular-podium-body>strong{font-size:var(--text-t6);margin-bottom:var(--space-4)}.popular-rest-rank{min-width:32px;font-size:var(--text-t9)}.popular-views strong{font-size:var(--text-t5)}}@media(prefers-reduced-motion:reduce){.popular-podium-card{transition:none}.popular-podium-card:hover,.popular-podium-card:active{transform:none;background:var(--bg-weak)}}