:root{color-scheme:dark;--bg:#080909;--gold:#d4af37;--dim:#796945;--text:#b4b1a5}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font:13px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:1800px;margin:auto;padding:20px 26px 18px}nav{height:40px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:10px}.controls{display:flex;gap:3px;align-items:center}button{font:inherit;font-size:12px;letter-spacing:.02em;color:#77766e;background:transparent;border:0;border-radius:3px;padding:7px 11px;cursor:pointer;white-space:nowrap}button:hover{color:var(--gold);background:#151512}button[aria-pressed=true]{color:var(--gold);background:#1c1a13}button:focus-visible,a:focus-visible{outline:1px solid var(--gold);outline-offset:3px}#reset,#fullscreen{font-size:19px;line-height:20px;padding:7px 10px}#chart-shell{position:relative}#chart{height:max(440px,calc(100dvh - 196px));width:100%;touch-action:none}#readout{position:absolute;left:18px;top:12px;pointer-events:none;font-variant-numeric:tabular-nums;font-size:12px;background:#080909e8;padding:5px 9px;color:#aaa799;z-index:2}#readout span{display:inline-flex;align-items:center;gap:7px;margin-right:17px}#readout i{width:13px;border-top:2px solid var(--gold)}#readout i.b{border-color:var(--dim)}#readout time{color:#66665d;margin-right:18px}#error{position:absolute;top:16px;left:18px;color:#bdab7d;font-size:12px;z-index:3}footer{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;margin:22px 10px 0}footer p{max-width:730px;font-size:13px;line-height:1.8;font-weight:400;letter-spacing:.005em;color:#a5a18f;margin:0}footer a{color:#57584e;text-decoration:none;font-size:10px;margin-top:5px}footer a:hover{color:var(--gold)}main:fullscreen{background:var(--bg);max-width:none}main:fullscreen #chart{height:calc(100dvh - 160px)}@media(max-width:650px){main{padding:12px 8px 20px}nav{gap:4px;height:44px;margin-bottom:4px}button{padding:10px 7px;font-size:11px}.controls{gap:0}#fullscreen{display:none}#chart{height:max(420px,calc(100dvh - 220px))}footer{margin:20px 14px 0;gap:18px;flex-direction:column}footer p{font-size:12px;line-height:1.85}footer a{font-size:10px;margin:0}#readout{left:5px;top:4px;font-size:11px}#readout span{margin-right:8px}#readout time{margin-right:8px}}

.legend{display:flex;gap:24px;flex-wrap:wrap;padding:0 8px 9px;font-size:12px;color:#a7a28f}.legend span{display:inline-flex;align-items:center;gap:8px}.legend i{width:22px;border-top:2px solid var(--gold)}.legend i.benchmark{border-color:var(--dim)}#chart svg{display:block}#chart{height:max(440px,calc(100dvh - 224px))}#readout{pointer-events:none}.plot-hit{cursor:grab}.plot-hit:active{cursor:grabbing}@media(max-width:650px){.legend{font-size:11px;gap:16px;padding:0 4px 9px}.legend i{width:16px}#chart{height:max(420px,calc(100dvh - 244px))}}

footer p a{color:inherit;font:inherit;letter-spacing:inherit;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:var(--dim);text-underline-offset:.18em;margin:0}footer p a:hover{color:var(--gold);text-decoration-color:currentColor}

.price-hit{touch-action:none}#share-status{font-size:11px;color:var(--gold)}#share-link{width:100%;background:#151512;color:var(--text);border:1px solid var(--dim);padding:6px}@media(max-width:650px){nav{height:auto;flex-wrap:wrap;justify-content:flex-start;row-gap:2px}nav .controls:last-child{margin-left:auto}#projections,#share{padding:7px 6px}}
@media(max-width:650px){nav{flex-wrap:wrap!important;height:auto!important}nav .controls{max-width:100%;flex-wrap:wrap;min-width:0}nav .controls:last-child{margin-left:0}}

#readout{max-width:calc(100% - 24px)}
.price-header{padding:4px 8px 22px}
.quote-unit{font-size:11px;letter-spacing:.06em;color:#96927f;margin-bottom:5px}
#headline-price{font-size:clamp(44px,5.5vw,72px);line-height:1.12;font-weight:400;letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:var(--gold)}
#headline-time{display:block;font-size:11px;color:#77786e;margin-top:5px;font-variant-numeric:tabular-nums}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
  #headline-price{width:fit-content;max-width:100%;background-image:linear-gradient(135deg,#b38624 0%,#f5dea0 28%,#d4af37 47%,#a77a1b 68%,#e9cd76 85%,#bb9130 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
}
#chart{height:max(360px,calc(100dvh - 354px))}
.plot-hit{overscroll-behavior:contain}
@media(max-width:650px){
  nav{display:grid;grid-template-columns:1fr auto;height:auto;gap:6px 8px;margin-bottom:10px}
  #intervals{grid-column:1;grid-row:1}
  nav>.controls:last-child{grid-column:2;grid-row:1}
  #ranges{grid-column:1/-1;grid-row:2;flex-wrap:wrap}
  nav button{min-width:44px;min-height:44px;padding:10px 8px;font-size:12px}
  #reset{min-width:44px;min-height:44px;padding:10px}
  .price-header{padding:2px 4px 18px}
  #headline-price{font-size:52px}
  #chart{height:max(330px,calc(100svh - 416px))}
  #readout{left:4px;top:4px;max-width:calc(100% - 8px);padding:4px 6px}
  #readout time{display:block;margin-bottom:2px}
}
@media(pointer:coarse){nav button{min-height:44px}}
@media(max-height:500px){#chart{height:max(260px,calc(100svh - 140px))}}
@media(max-width:650px){
  main{display:flex;flex-direction:column;height:100svh;padding-bottom:max(16px,env(safe-area-inset-bottom))}
  .price-header,nav,.legend,footer{flex-shrink:0}
  #chart-shell{flex:1 1 0;min-height:120px}
  #chart{height:100%;min-height:0}
  footer{margin-top:14px}
  footer p{line-height:1.7}
}
@media(max-width:650px) and (max-height:740px){
  main{padding:8px 8px max(12px,env(safe-area-inset-bottom))}
  .price-header{padding:2px 4px 10px}
  .quote-unit,#headline-time{line-height:1.2}
  #headline-price{font-size:44px;line-height:1.08}
  nav{gap:4px 8px;margin-bottom:6px}
  footer{margin-top:12px}
}