/* Chart card on home + /rates/{pair} (assets/js/chart.js). Every class carries the fc- prefix. */
:root{--fc-draw:#9a6b00;--fc-wm:#10131810;--fc-shadow:0 12px 32px #1013181f,0 2px 6px #10131814;
  --fc-ind1:#b07d00;--fc-ind2:#2563eb;--fc-ind3:#7c3aed;--fc-ind4:#db2777;--fc-ind5:#0d9488}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--fc-draw:#ffc53d;--fc-wm:#f5f6f80d;--fc-shadow:0 16px 40px #0009,0 2px 8px #0006;
  --fc-ind1:#ffc53d;--fc-ind2:#60a5fa;--fc-ind3:#c084fc;--fc-ind4:#f472b6;--fc-ind5:#2dd4bf}}
[data-theme=dark]{--fc-draw:#ffc53d;--fc-wm:#f5f6f80d;--fc-shadow:0 16px 40px #0009,0 2px 8px #0006;
  --fc-ind1:#ffc53d;--fc-ind2:#60a5fa;--fc-ind3:#c084fc;--fc-ind4:#f472b6;--fc-ind5:#2dd4bf}

.fc{display:flex;flex-direction:column;min-width:0}
.fc.is-full{position:fixed;inset:0;z-index:1000;margin:0;border-radius:0;border:0;background:var(--surface);
  padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html.fc-lock,html.fc-lock body{overflow:hidden}
.fc-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.fc-bar,.fc-foot{display:flex;align-items:center;gap:6px;padding:6px 12px;border-top:1px solid var(--hair);overflow-x:auto;scrollbar-width:none;flex:none}
.fc-bar::-webkit-scrollbar,.fc-foot::-webkit-scrollbar{display:none}
.fc-foot{padding:5px 12px}
.fc-seg{display:flex;gap:2px;flex:none}
.fc-tb{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;min-width:30px;padding:0 9px;border:0;border-radius:7px;
  background:transparent;color:var(--muted);font:500 13px/1 var(--ff);cursor:pointer;white-space:nowrap}
.fc-tb:hover{background:var(--hair);color:var(--ink)}
.fc-tb[aria-pressed=true]{background:var(--brand-soft);color:var(--ink)}
.fc-tb:focus-visible,.fc-mi:focus-visible,.fc-tz:focus-visible,.fc-input:focus-visible,.fc-btn:focus-visible{outline:2px solid var(--brand);outline-offset:1px}
.fc-tb svg{width:18px;height:18px;flex:none}
.fc-seg .fc-tb{font:500 12.5px/1 var(--fm);padding:0 8px}
.fc-foot .fc-seg .fc-tb{height:26px;font-size:12px}
.fc-sep{flex:none;width:1px;height:20px;background:var(--line);margin:0 4px}
.fc-grow{flex:1 1 auto}
.fc-fx{font:italic 600 14px/1 Georgia,"Times New Roman",serif}
.fc-tz{flex:none;height:26px;border:1px solid var(--line);background:var(--surface);border-radius:7px;padding:0 6px;font:500 12px/1 var(--fm);color:var(--muted)}

.fc-body{display:flex;min-height:0;flex:1 1 auto;border-top:1px solid var(--hair);height:520px}
.fc.is-full .fc-body{height:auto}
.fc-rail{flex:none;width:46px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;border-right:1px solid var(--hair);overflow-y:auto;scrollbar-width:none}
.fc-rail::-webkit-scrollbar{display:none}
.fc-grp{position:relative;flex:none}
.fc-rail .fc-tb{width:34px;height:34px;padding:0}
.fc-rail .fc-tb.has-more::after{content:"";position:absolute;right:3px;bottom:3px;border:3px solid transparent;border-right-color:var(--faint);border-bottom-color:var(--faint)}
.fc-more{position:absolute;right:0;bottom:0;width:12px;height:12px;padding:0;border:0;background:transparent;cursor:pointer;opacity:0}
.fc-more:focus-visible{opacity:1;outline:2px solid var(--brand)}
.fc-rsep{flex:none;width:24px;height:1px;background:var(--line);margin:4px 0}
.fc-rail .fc-tb.is-armed{background:var(--brand);color:var(--brand-on)}

.fc-wrap{position:relative;flex:1 1 auto;min-width:0}
.fc-canvas{position:absolute;inset:0;transition:opacity .25s ease}
.fc-wm{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);font:800 clamp(26px,5.5vw,60px)/1 var(--fh);letter-spacing:-.02em;color:var(--fc-wm);pointer-events:none;white-space:nowrap;user-select:none}
.fc-hint{position:absolute;left:12px;bottom:38px;z-index:2;max-width:calc(100% - 24px);font:500 12px/1.3 var(--ff);color:var(--ink);background:var(--raised);border:1px solid var(--line);padding:7px 10px;border-radius:8px;box-shadow:var(--fc-shadow);pointer-events:none}
.fc-load{position:absolute;inset:0;z-index:3;display:none;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted);font-size:.84rem}
.fc-wrap.is-loading .fc-load,.fc-wrap.is-empty .fc-load{display:flex}
.fc-wrap.is-loading .fc-canvas,.fc-wrap.is-empty .fc-canvas{opacity:0}
.fc-spin{width:22px;height:22px;border:2px solid var(--line);border-top-color:var(--brand-strong);border-radius:50%;animation:fc-spin .8s linear infinite}
@keyframes fc-spin{to{transform:rotate(360deg)}}
.fc-empty-t,.fc-wrap.is-empty .fc-spin,.fc-wrap.is-empty .fc-load-t{display:none}
.fc-wrap.is-empty .fc-empty-t{display:inline}

.fc-pop{position:fixed;z-index:1100;background:var(--raised);border:1px solid var(--line);border-radius:12px;box-shadow:var(--fc-shadow);padding:6px;min-width:200px;max-height:min(70vh,520px);overflow:auto}
.fc-pop h4{margin:8px 10px 4px;font:600 11px/1 var(--fm);letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.fc-mi{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;padding:8px 10px;border-radius:8px;text-align:left;cursor:pointer;color:var(--ink);font:500 13px/1.3 var(--ff)}
.fc-mi:hover{background:var(--hair)}
.fc-mi svg{width:18px;height:18px;flex:none;color:var(--muted)}
.fc-mi small{margin-left:auto;color:var(--faint);font:500 11px/1 var(--fm)}
.fc-nm{display:grid;gap:2px}
.fc-nm b{font-weight:600}
.fc-nm span{font-size:12px;color:var(--muted)}
.fc-ck{margin-left:auto;width:16px;height:16px;border-radius:4px;border:1.5px solid var(--line);flex:none;display:grid;place-items:center}
.fc-mi[aria-checked=true] .fc-ck{background:var(--brand);border-color:var(--brand)}
.fc-mi[aria-checked=true] .fc-ck::after{content:"";width:7px;height:4px;border:2px solid var(--brand-on);border-top:0;border-right:0;transform:translateY(-1px) rotate(-45deg)}
.fc-ind-pop{width:320px}
.fc-none{margin:10px;color:var(--muted);font-size:13px}
.fc-input{display:block;width:calc(100% - 8px);margin:4px;height:36px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);padding:0 10px;font:400 14px/1 var(--ff)}
.fc-modal-bg{position:fixed;inset:0;z-index:1200;background:#10131899;display:grid;place-items:center;padding:16px}
.fc-modal{background:var(--raised);border:1px solid var(--line);border-radius:14px;box-shadow:var(--fc-shadow);padding:16px;display:grid;gap:12px;width:100%}
.fc-modal-sm{max-width:380px}
.fc-modal h3{margin:0;font:700 16px/1.2 var(--fh)}
.fc-modal .fc-input{width:100%;margin:0}
.fc-row{display:flex;gap:8px;justify-content:flex-end}
.fc-btn{height:34px;padding:0 14px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;font:600 13px/1 var(--ff)}
.fc-btn.fc-pri{background:var(--brand);border-color:var(--brand);color:var(--brand-on)}

@media (max-width:720px){
  .fc-body{flex-direction:column;height:auto}
  .fc-rail{width:auto;flex-direction:row;border-right:0;border-bottom:1px solid var(--hair);padding:4px 8px;overflow-x:auto;overflow-y:visible}
  .fc-rsep{width:1px;height:22px;margin:0 4px}
  .fc-wrap{height:min(62vh,460px)}
  .fc.is-full .fc-wrap{height:auto;flex:1 1 auto}
  .fc-ind-pop{width:calc(100vw - 32px)}
  .fc-hint{bottom:34px}
}
@media (prefers-reduced-motion:reduce){.fc-spin{animation-duration:2.4s}.fc-canvas{transition:none}}