.chart-screen{overscroll-behavior:contain;height:100%;color:var(--ink,#262b33);background:var(--paper,#fff);font-family:var(--font,system-ui,sans-serif);font-size:var(--text-body,.875rem);line-height:var(--leading-body,1.5);padding:24px 20px 32px;overflow-y:auto}.chart-screen,.chart-screen *{box-sizing:border-box}:where(.chart-screen) button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}:where(.chart-screen) a{color:inherit;text-decoration:none}.chart-screen :is(h1,h2,p){margin:0}.chart-screen h1{font-size:var(--text-display,1.375rem);line-height:var(--leading-display,1.4);font-weight:700}.chart-screen h2{font-size:var(--text-title,1.125rem);line-height:var(--leading-title,1.5);font-weight:600}.chart-screen button,.chart-screen a{touch-action:manipulation}.chart-screen :is(button,a,[tabindex]):focus-visible{outline:2px solid var(--pink,#da116e);outline-offset:3px}.chart-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.chart-heading p,.chart-updated{color:var(--muted,#68717d);font-size:var(--text-caption,.75rem);line-height:var(--leading-caption,1.5)}.chart-screen .chart-updated{margin:12px 0 20px}.chart-screen .chart-notice{background:var(--surface,#f5f6f8);font-size:var(--text-support,.8125rem);border-radius:12px;margin-bottom:16px;padding:12px}.chart-detail h2{overflow-wrap:anywhere}.chart-rank-line{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.chart-rank-line>strong{font-size:var(--text-display,1.375rem);line-height:var(--leading-display,1.4)}.chart-play{min-height:44px;color:var(--pink,#da116e);font-weight:600;font-size:var(--text-support,.8125rem);align-items:center;gap:5px;margin-left:auto;display:flex}.chart-movement{font-size:var(--text-caption,.75rem);color:var(--muted,#68717d)}.chart-movement.up,.chart-movement.entered{color:var(--pink,#da116e)}.chart-movement.down,.chart-movement.exited{color:#3279c8}.chart-screen .chart-period-best{font-size:var(--text-caption,.75rem);color:var(--muted,#68717d);min-height:20px;margin:4px 0 12px}.chart-graph-scroll{outline:none;position:relative}.chart-graph svg{touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%;display:block}.chart-axis{font-size:var(--text-caption,.75rem);fill:var(--muted,#68717d)}.chart-extreme{font-size:var(--text-caption,.75rem);fill:var(--pink,#da116e)}.chart-graph-empty{color:var(--muted,#68717d);font-size:var(--text-support,.8125rem);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:20% 8%}.chart-placeholder{min-height:310px;color:var(--muted,#68717d);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.chart-placeholder button{min-height:44px;color:var(--pink,#da116e)}.chart-controls{align-items:center;gap:6px;margin:8px 0 12px;display:flex}.chart-ranges{flex:1;justify-content:space-between;gap:2px;min-width:0;display:flex}.chart-ranges button{min-height:44px;font-size:var(--text-support,.8125rem);white-space:nowrap;color:var(--muted,#68717d);border-radius:12px;flex:1;padding:8px 2px}.chart-ranges button[aria-pressed=true]{background:var(--surface,#f5f6f8);color:var(--ink,#262b33);font-weight:600}.chart-mode{width:44px;height:44px;color:var(--pink,#da116e);background:var(--surface,#f5f6f8);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.chart-songs{border-top:1px solid var(--line,#e9ecef);margin-top:24px;padding-top:20px}.chart-songs>h2{margin-bottom:12px}.chart-song-row{border-bottom:1px solid var(--line,#e9ecef);align-items:stretch;display:flex}.chart-song-select{text-align:left;flex:1;justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:64px;padding:12px 8px 12px 0;display:flex}.chart-song-select>span:first-child{min-width:0}.chart-song-select strong{overflow-wrap:anywhere;font-size:var(--text-body,.875rem);font-weight:500;display:block}.chart-song-select[aria-pressed=true] strong{color:var(--pink,#da116e);font-weight:600}.chart-song-select small{color:var(--muted,#68717d);font-size:var(--text-caption,.75rem);margin-top:3px;display:block}.chart-song-rank{white-space:nowrap;font-size:var(--text-support,.8125rem);text-align:right}.chart-song-play{min-width:44px;color:var(--pink,#da116e);place-items:center;display:grid}.chart-versions{width:100%;min-height:44px;font-size:var(--text-support,.8125rem);color:var(--secondary,#596372);margin-top:8px}@media (max-width:360px){.chart-screen{padding-left:14px;padding-right:14px}.chart-controls{gap:2px}.chart-ranges button{font-size:var(--text-caption,.75rem)}}.chart-screen .chart-inspect{min-height:54px;font-size:var(--text-support,.8125rem);line-height:var(--leading-support,1.5);color:var(--muted,#68717d);margin-top:12px}.chart-screen .chart-inspect:empty{min-height:0;margin-top:0}.chart-inspect-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.chart-inspect-heading strong{font-size:var(--text-body,.875rem);line-height:var(--leading-body,1.5);color:var(--ink,#262b33);font-weight:600}.chart-inspect-ranks{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:12px 0 0;display:grid}.chart-inspect-ranks dt{margin-bottom:2px}.chart-inspect-ranks dd{overflow-wrap:anywhere;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin:0;display:flex}.chart-inspect-ranks strong{font-size:var(--text-body,.875rem);line-height:var(--leading-body,1.5);color:var(--ink,#262b33);font-weight:600}.chart-inspect-ranks time{font-size:var(--text-caption,.75rem);line-height:var(--leading-caption,1.5)}.chart-screen .chart-inspect-status{margin-top:10px}