.live-price-index{--lpi-bg:#0f172a;--lpi-surface:#1e293b;--lpi-surface-elevated:#334155;--lpi-border:#475569;--lpi-text:#f1f5f9;--lpi-text-muted:#94a3b8;--lpi-accent:#f59e0b;--lpi-accent-dim:#f59e0b26;-webkit-font-smoothing:antialiased;background:var(--lpi-bg);box-sizing:border-box;color:var(--lpi-text);font-family:JetBrains Mono,SF Mono,Consolas,Monaco,monospace;margin:0 auto;max-width:1200px;min-height:100vh;overflow-x:hidden;padding:16px;width:100%}@media (min-width:768px){.live-price-index{padding:24px 16px}}.live-price-index__header{margin-bottom:24px}@media (min-width:768px){.live-price-index__header{margin-bottom:32px}}.live-price-index__title{word-wrap:break-word;color:var(--lpi-text);font-size:1.25rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin-bottom:8px}@media (min-width:768px){.live-price-index__title{font-size:1.5rem}}.live-price-index__subtitle{color:var(--lpi-text-muted);font-size:.8125rem;line-height:1.5;max-width:60ch}@media (min-width:768px){.live-price-index__subtitle{font-size:1rem}}.live-price-index__controls{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}@media (min-width:640px){.live-price-index__controls{align-items:center;flex-direction:row;flex-wrap:wrap;gap:16px}}.live-price-index__label{align-items:center;color:var(--lpi-text-muted);display:flex;font-size:.8125rem;font-weight:600;gap:8px}.live-price-index__select{appearance:none;background:var(--lpi-surface);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:1px solid var(--lpi-border);border-radius:6px;color:var(--lpi-text);font-family:inherit;font-size:.9375rem;min-height:48px;padding:12px 40px 12px 16px;width:100%}@media (min-width:640px){.live-price-index__select{font-size:.875rem;min-height:40px;min-width:200px;padding:8px 40px 8px 16px;width:auto}}.live-price-index__refresh-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--lpi-surface);border:1px solid var(--lpi-border);border-radius:6px;color:var(--lpi-text);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9375rem;font-weight:600;gap:8px;justify-content:center;min-height:48px;padding:12px 16px;touch-action:manipulation}.live-price-index__refresh-btn:hover{background:var(--lpi-surface-elevated);border-color:var(--lpi-accent);color:var(--lpi-accent)}@media (min-width:640px){.live-price-index__refresh-btn{font-size:.875rem;min-height:40px;padding:8px 16px}}.live-price-index__refresh-btn:disabled{cursor:not-allowed;opacity:.6}.live-price-index__source{color:var(--lpi-text-muted);font-size:.75rem;opacity:.8}.live-price-index__error{background:var(--lpi-surface);border:1px solid var(--lpi-border);border-radius:6px;color:var(--lpi-text-muted);margin-bottom:24px;padding:16px}.live-price-index__section{margin-bottom:24px}@media (min-width:768px){.live-price-index__section{margin-bottom:32px}}.live-price-index__section-title{color:var(--lpi-text);font-size:.9375rem;font-weight:700;letter-spacing:.02em;margin-bottom:12px;text-transform:uppercase}@media (min-width:768px){.live-price-index__section-title{font-size:1rem;margin-bottom:16px}}.live-price-index__section-desc{color:var(--lpi-text-muted);font-size:.8125rem;margin-bottom:16px}.live-price-index__table-container{-webkit-overflow-scrolling:touch;background:var(--lpi-surface);border:1px solid var(--lpi-border);border-radius:6px;overflow-x:auto}.live-price-index__table{border-collapse:collapse;font-size:.8125rem;width:100%}.live-price-index__table td,.live-price-index__table th{padding:10px 12px;white-space:nowrap}@media (min-width:768px){.live-price-index__table td,.live-price-index__table th{padding:10px 14px}}.live-price-index__table th{border-bottom:1px solid var(--lpi-border);color:var(--lpi-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-align:left;text-transform:uppercase}.live-price-index__table th--right{text-align:right}.live-price-index__table td{border-bottom:1px solid var(--lpi-border);color:var(--lpi-text)}.live-price-index__table td--secondary{color:var(--lpi-text-muted)}.live-price-index__table td--right{text-align:right}.live-price-index__table td--bold{color:var(--lpi-accent);font-weight:600}.live-price-index__no-copy{-webkit-touch-callout:none;cursor:default;-webkit-user-select:none;user-select:none}.live-price-index__cards{grid-gap:12px;display:grid;gap:12px}@media (min-width:640px){.live-price-index__cards{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.live-price-index__cards{display:none}}.live-price-index__card{align-items:center;background:var(--lpi-surface);border:1px solid var(--lpi-border);border-radius:6px;display:flex;justify-content:space-between;padding:14px 16px}.live-price-index__card-name{color:var(--lpi-text);font-size:.8125rem;font-weight:500}.live-price-index__card-unit{color:var(--lpi-text-muted);font-size:.6875rem;letter-spacing:.03em;margin-top:2px;text-transform:uppercase}.live-price-index__card-price{color:var(--lpi-accent);font-size:.9375rem;font-weight:700}.live-price-index__table-container--desktop{display:none}@media (min-width:768px){.live-price-index__table-container--desktop{display:block}}.live-price-index__regional-scroll{position:relative}.live-price-index__scroll-hint{align-items:center;color:var(--lpi-text-muted);display:flex;font-size:.75rem;gap:8px;margin-bottom:8px;opacity:.85}@media (min-width:1024px){.live-price-index__scroll-hint{display:none}}.live-price-index__trends{background:var(--lpi-surface);border:1px solid var(--lpi-border);border-radius:6px;padding:16px}@media (min-width:768px){.live-price-index__trends{padding:24px}}.live-price-index__trends-header{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}@media (min-width:640px){.live-price-index__trends-header{align-items:center;flex-direction:row;flex-wrap:wrap}}.live-price-index__trends-title{align-items:center;display:flex;gap:8px}.live-price-index__trends-title h3{color:var(--lpi-text);font-size:.9375rem;font-weight:700;letter-spacing:.02em;margin:0;text-transform:uppercase}.live-price-index__trends-refresh{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--lpi-bg);border:1px solid var(--lpi-border);border-radius:6px;color:var(--lpi-text-muted);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.8125rem;gap:4px;min-height:40px;padding:8px 12px;touch-action:manipulation}.live-price-index__trends-refresh:hover{border-color:var(--lpi-accent);color:var(--lpi-accent)}.live-price-index__trends-refresh:disabled{cursor:not-allowed;opacity:.6}.live-price-index__material-btns{display:flex;flex-wrap:wrap;gap:8px;width:100%}@media (min-width:640px){.live-price-index__material-btns{width:auto}}.live-price-index__material-btn{-webkit-tap-highlight-color:transparent;background:var(--lpi-bg);border:1px solid var(--lpi-border);border-radius:6px;color:var(--lpi-text-muted);cursor:pointer;flex:1 1;font-family:inherit;font-size:.75rem;font-weight:500;min-height:40px;min-width:90px;padding:8px 12px;text-align:center;touch-action:manipulation}.live-price-index__material-btn:hover{border-color:var(--lpi-accent);color:var(--lpi-text)}@media (min-width:640px){.live-price-index__material-btn{flex:none;font-size:.875rem}}.live-price-index__material-btn--active{background:#c9a227;background:var(--primary-gold,#c9a227);border-color:#c9a227;border-color:var(--primary-gold,#c9a227);color:#1a1a2e;color:var(--charcoal,#1a1a2e);font-weight:700}.live-price-index__trends-empty{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;line-height:1.5}.live-price-index__chart-container{height:220px;width:100%}@media (min-width:768px){.live-price-index__chart-container{height:280px}}.live-price-index__loading{color:var(--lpi-text-muted);font-size:.875rem;padding:16px}.live-price-index__empty{background:var(--lpi-surface);border:1px solid var(--lpi-border);border-radius:6px;color:var(--lpi-text-muted);font-size:.8125rem;padding:24px 16px;text-align:center}