.chartJump { display:block; color:inherit; text-decoration:none; position:relative; }
.chartJump .l::after { content:' ↘'; color:var(--gold); }
.chartJump:hover,.chartJump:focus-visible { border-color:var(--gold-dim); outline:2px solid var(--gold-dim); outline-offset:2px; }
#loungeChart { scroll-margin-top:18px; }
.chartShareOpen { display:flex; align-items:center; justify-content:center; gap:5px; min-width:34px; min-height:34px; margin-left:3px; padding:6px 8px; border:1px solid var(--line); border-radius:6px; background:transparent; color:var(--gold); font:inherit; font-size:11px; cursor:pointer; }
.chartShareOpen[hidden],#chartShareDialog [hidden] { display:none; }
.chartShareOpen:hover,.chartShareOpen:focus-visible { border-color:var(--gold); }
#chartShareDialog { margin:auto; padding:18px; width:min(580px,calc(100% - 24px)); max-height:calc(100dvh - 32px); overflow:auto; border:1px solid var(--gold-dim); border-radius:14px; background:var(--panel); color:var(--tx); box-shadow:0 20px 80px #0009; }
#chartShareDialog::backdrop { background:#000b; }
.chartShareHead { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.chartShareHead h2 { font-size:16px; color:var(--gold); letter-spacing:1px; }
#chartShareClose { border:0; background:transparent; color:var(--tx); font-size:24px; min-width:36px; min-height:36px; cursor:pointer; }
#chartShareMeta { font-size:12px; color:var(--dim); margin:4px 0 12px; }
#chartSharePreview { display:block; width:100%; max-height:48dvh; object-fit:contain; background:#0a0c10; border:1px solid var(--line); border-radius:6px; }
#chartShareStatus { min-height:2.8em; margin:10px 0; font-size:12px; line-height:1.5; }
.chartShareActions { display:flex; flex-wrap:wrap; gap:8px; }
.chartShareActions button { flex:1 1 110px; padding:11px 10px; border:1px solid var(--gold-dim); border-radius:7px; background:#1c1b15; color:var(--gold); font:inherit; font-size:12px; cursor:pointer; }
.chartShareActions button:disabled { opacity:.45; cursor:wait; }
.chartShareActions button:focus-visible,#chartShareClose:focus-visible { outline:2px solid var(--gold); outline-offset:2px; }
#chartShareLink { width:100%; margin-top:10px; padding:10px; border:1px solid var(--line); border-radius:6px; background:var(--bg); color:var(--tx); font:12px monospace; }
.chartShareNote { margin-top:12px; font-size:11px; color:var(--dim); line-height:1.6; }
@media(max-width:500px) { .chartShareOpen span { display:none; }.chartShareOpen { padding:6px; }.caroTabs { gap:2px; } }