.ph-root{--ph-blue:#2f6bd8;--ph-navy:#1c2541;--ph-green:#1f9d6b;--ph-green-ink:#137a52;--ph-rise:#d6455f;--ph-rise-ink:#b3324a;--ph-ink:#15203a;--ph-ink-2:#495472;--ph-ink-3:#727d94;--ph-hair:#1c25411a;--ph-hair-2:#1c254129;--ph-dur:.24s;--ph-ease:cubic-bezier(.2, .7, .3, 1);container:ph/inline-size}.ph-card{border:1px solid var(--ph-hair);color:var(--ph-ink);background:linear-gradient(#fff,#fbfcfe);border-radius:26px;padding:30px 32px 26px;box-shadow:0 30px 60px -44px #141e3c80}.ph-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.ph-head-left{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.ph-eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.22em;color:var(--ph-ink-3);align-items:center;gap:8px;margin:0;font-size:11px;font-weight:500;display:inline-flex}.ph-eyebrow svg{color:var(--ph-blue)}.ph-since{font-family:var(--font-mono);color:var(--ph-ink-3);letter-spacing:.04em;font-size:11.5px}.ph-since-date{color:var(--ph-ink);font-weight:500}.ph-drops{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ph-green-ink);background:color-mix(in oklch, var(--ph-green) 11%, #fff);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:500;display:inline-flex}.ph-drops--up{color:var(--ph-rise-ink);background:color-mix(in oklch, var(--ph-rise) 11%, #fff)}.ph-drops--flat{color:var(--ph-ink-2);background:color-mix(in oklch, var(--ph-blue) 9%, #fff)}.ph-drops-n{letter-spacing:-.02em}.ph-stats{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:8px;display:grid}.ph-stat{border:1px solid var(--ph-hair);transition:transform var(--ph-dur) var(--ph-ease), box-shadow var(--ph-dur) var(--ph-ease), border-color var(--ph-dur) var(--ph-ease);background:#1c254106;border-radius:16px;flex-direction:column;gap:5px;padding:16px 18px;display:flex}.ph-stat:hover{border-color:var(--ph-hair-2);transform:translateY(-3px);box-shadow:0 16px 32px -22px #141e3c8c}.ph-stat--accent{background:color-mix(in oklch, var(--ph-green) 8%, #fff);border-color:color-mix(in oklch, var(--ph-green) 22%, transparent)}.ph-stat--accent:hover{box-shadow:0 16px 34px -20px color-mix(in oklch, var(--ph-green) 50%, transparent);border-color:color-mix(in oklch, var(--ph-green) 38%, transparent)}.ph-stat--rise{background:color-mix(in oklch, var(--ph-rise) 8%, #fff);border-color:color-mix(in oklch, var(--ph-rise) 24%, transparent)}.ph-stat--rise:hover{box-shadow:0 16px 34px -20px color-mix(in oklch, var(--ph-rise) 50%, transparent);border-color:color-mix(in oklch, var(--ph-rise) 40%, transparent)}.ph-stat--flat{background:color-mix(in oklch, var(--ph-blue) 5%, #fff);border-color:color-mix(in oklch, var(--ph-blue) 22%, transparent)}.ph-stat--flat:hover{box-shadow:0 16px 34px -20px color-mix(in oklch, var(--ph-blue) 36%, transparent);border-color:color-mix(in oklch, var(--ph-blue) 34%, transparent)}.ph-stat--now{background:color-mix(in oklch, var(--ph-blue) 7%, #fff);border-color:color-mix(in oklch, var(--ph-blue) 42%, transparent);box-shadow:0 0 0 3px color-mix(in oklch, var(--ph-blue) 9%, transparent);border-width:2px}.ph-stat--now:hover{box-shadow:0 16px 34px -20px color-mix(in oklch, var(--ph-blue) 50%, transparent), 0 0 0 3px color-mix(in oklch, var(--ph-blue) 14%, transparent);transform:translateY(-3px)}.ph-stat-k{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--ph-ink-3);font-size:10.5px}.ph-stat-v{font-family:var(--font-heading);letter-spacing:-.025em;color:var(--ph-ink);font-size:27px;font-weight:700;line-height:1}.ph-stat-v--now{background:linear-gradient(100deg, var(--ph-navy), var(--ph-blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.ph-stat-v--drop{color:var(--ph-green-ink)}.ph-stat-v--rise{color:var(--ph-rise-ink)}.ph-stat-s{font-family:var(--font-mono);color:var(--ph-ink-3);align-items:center;gap:5px;font-size:12px;display:inline-flex}.ph-stat-s--drop{color:var(--ph-green-ink)}.ph-stat-s--rise{color:var(--ph-rise-ink)}.ph-chart-hero{border-radius:18px;margin:20px 0 4px;padding:8px 14px 0}.ph-chart{width:100%;display:block;overflow:visible}.ph-chart text{font-family:var(--font-mono);fill:#9aa3b6;font-size:12px}.ph-chart-halo{animation:2.6s ease-out infinite ph-halo}@keyframes ph-halo{0%,to{r:7px;opacity:.22}50%{r:13px;opacity:0}}.ph-rows{border-top:1px solid var(--ph-hair);margin-top:14px}.ph-row{border-bottom:1px solid var(--ph-hair);grid-template-columns:16px minmax(130px,1.3fr) 1fr 1fr 92px;grid-template-areas:"dot date price ppm chg";align-items:center;gap:24px;padding:15px 6px;display:grid}.ph-row:last-child{border-bottom:0}.ph-row:hover{background:#1c254105}.ph-row-dot{background:var(--ph-green);width:9px;height:9px;box-shadow:0 0 0 3px color-mix(in oklch, var(--ph-green) 18%, transparent);border-radius:50%;grid-area:dot}.ph-row-dot[data-init]{background:var(--ph-ink-3);box-shadow:0 0 0 3px #1c25411a}.ph-row-dot[data-dir=up]{background:var(--ph-rise);box-shadow:0 0 0 3px color-mix(in oklch, var(--ph-rise) 18%, transparent)}.ph-row-dot[data-now]{animation:2.6s ease-out infinite phdotpulse}.ph-row-dot[data-now][data-dir=up]{animation:2.6s ease-out infinite phdotpulse-up}@keyframes phdotpulse{0%{box-shadow:0 0 0 0 color-mix(in oklch, var(--ph-green) 55%, transparent)}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}@keyframes phdotpulse-up{0%{box-shadow:0 0 0 0 color-mix(in oklch, var(--ph-rise) 55%, transparent)}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}.ph-row-date{font-family:var(--font-heading);color:var(--ph-ink);grid-area:date;font-size:15px;font-weight:600}.ph-row-price{font-family:var(--font-mono);color:var(--ph-ink);grid-area:price;font-size:15px;font-weight:500}.ph-row-ppm{font-family:var(--font-mono);color:var(--ph-ink-3);grid-area:ppm;font-size:13.5px}.ph-chg{font-family:var(--font-mono);white-space:nowrap;grid-area:chg;justify-self:end;align-items:center;gap:5px;font-size:13px;font-weight:500;display:inline-flex}.ph-chg--down{color:var(--ph-green-ink)}.ph-chg--up{color:var(--ph-rise-ink)}.ph-chg--initial{color:var(--ph-ink-3)}.ph-empty{font-family:var(--font-inter);color:var(--ph-ink-3);margin:0;font-size:14px}.ph-card--empty{flex-direction:column;gap:12px;display:flex}@container ph (max-width:520px){.ph-card{border-radius:20px;padding:22px 18px 18px}.ph-head{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:18px}.ph-stats{grid-template-columns:1fr;gap:12px}.ph-chart-hero{margin:16px 0 4px;padding:8px 2px 0}.ph-row{grid-template-columns:14px 1fr auto;grid-template-areas:"dot date chg""dot price ppm";gap:3px 12px;padding:13px 2px}.ph-row-ppm{justify-self:end}.ph-row-price{font-size:14px}}@media (prefers-reduced-motion:reduce){.ph-row-dot[data-now]{box-shadow:0 0 0 3px color-mix(in oklch, var(--ph-green) 22%, transparent);animation:none}.ph-row-dot[data-now][data-dir=up]{box-shadow:0 0 0 3px color-mix(in oklch, var(--ph-rise) 22%, transparent)}.ph-chart-halo{opacity:.18;animation:none}.ph-stat{transition:none}}