#coinCharts{width:min(1800px,96vw);max-width:96vw;max-height:94vh;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--text);padding:22px;overflow:auto}
#coinCharts::backdrop{background:rgba(0,0,0,.65)}
#coinCharts[open]{animation:radarDialogIn 200ms ease-out both}
#coinCharts[open]::backdrop{animation:radarBackdropIn 200ms ease-out both}
#coinCharts.is-closing{animation:radarDialogOut 180ms ease-in both}
#coinCharts.is-closing::backdrop{animation:radarBackdropOut 180ms ease-in both}
@keyframes radarDialogIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes radarDialogOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}
@keyframes radarBackdropIn{from{background:rgba(0,0,0,0)}to{background:rgba(0,0,0,.65)}}
@keyframes radarBackdropOut{from{background:rgba(0,0,0,.65)}to{background:rgba(0,0,0,0)}}
@media(prefers-reduced-motion:reduce){#coinCharts[open],#coinCharts[open]::backdrop{animation:none}}
#chartGrid .period-canvas table{border-collapse:collapse;white-space:normal}
#chartGrid .period-canvas td{padding:0;border:0;min-width:0;max-width:none;position:static;background:transparent;white-space:normal}
.chart-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;position:sticky;top:-22px;background:var(--panel);padding:12px 0;z-index:3}
.chart-actions{display:flex;gap:8px;flex-wrap:wrap}.chart-actions button,.chart-actions select{min-height:42px}.chart-actions button:last-child{font-size:25px;padding:0 13px}
#chartGrid{display:block;width:100%}
#chartPeriods{display:flex;gap:8px;margin:12px 0}#chartPeriods button{min-width:88px;min-height:44px;font-size:16px;font-weight:700}#chartPeriods button[aria-pressed="true"]{color:var(--accent);border-color:var(--accent);background:var(--soft)}
.period-chart{min-width:0;border-top:1px solid var(--line);padding-top:12px}.period-canvas{height:clamp(320px,calc(94dvh - 300px),820px)}.period-legend{height:64px;overflow:auto;font-size:13px;color:var(--muted);line-height:1.8;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.chart-credit{display:block;margin-top:10px;font-size:12px}
.event-coins{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0}.event-coin{font-size:15px;color:var(--accent);padding:6px 12px;min-height:40px;font-weight:700}.event-coin small{font-size:11px;font-weight:400;color:var(--muted);margin-left:8px}.event-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0}.translated-text{white-space:pre-wrap;font-size:15px;line-height:1.8;padding:12px 0}.translation-error{color:var(--down);font-size:13px}.translation-note{font-size:12px;color:var(--muted)}
@media(max-width:700px){#coinCharts{padding:12px;width:96vw;max-height:96vh}.chart-toolbar{top:-12px;flex-wrap:wrap}.chart-toolbar h2{font-size:20px}.chart-actions{gap:6px}.chart-actions button,.chart-actions select{font-size:12px;padding:7px}.period-legend{height:96px}.period-canvas{height:clamp(280px,calc(96dvh - 360px),620px)}}