.glass-soft{background:linear-gradient(135deg,color-mix(in oklab,var(--panel-0) 88%,transparent),color-mix(in oklab,var(--panel-1) 88%,transparent));border:1px solid var(--border-0);backdrop-filter:blur(8px) saturate(115%);-webkit-backdrop-filter:blur(8px) saturate(115%)}.kpi{border-radius:var(--r-md);padding:16px 16px 14px}.kpi-combined{display:flex;flex-direction:column;gap:12px}.kpi-combined-head{display:flex;flex-direction:column;gap:6px}.kpi-mini{font-size:12px;color:var(--text-2)}.kpi-current-line{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:var(--fs-2);font-weight:760;line-height:1.1}.kpi-current-left{display:inline-flex;align-items:baseline;gap:8px;min-width:0;flex:1 1 auto}.kpi-big{font-size:inherit;font-weight:inherit;line-height:inherit;display:inline;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpi-unit{flex:0 0 auto;font-size:.72em;font-weight:650;color:var(--text-2);white-space:nowrap}.kpi-up{color:color-mix(in oklab,#10b981 70%,var(--text-2))}.kpi-down{color:color-mix(in oklab,#ef4444 70%,var(--text-2))}.kpi-meta-item{padding:8px 10px;border-radius:10px;border:1px solid var(--border-0);background:linear-gradient(135deg,color-mix(in oklab,var(--panel-0) 88%,transparent),color-mix(in oklab,var(--panel-1) 88%,transparent));min-width:0;color:var(--text-0)}.kpi-meta-label{display:block;font-size:11.5px;color:var(--text-2);margin-bottom:4px}.kpi-meta-value{display:block;font-size:14px;font-weight:600;line-height:1.15}.kpi-delta-inline{display:inline-flex;align-items:baseline;gap:4px;font-size:13px;font-weight:600;margin-left:6px;white-space:nowrap}.kpi-delta-period{font-size:11px;font-weight:500;color:var(--text-2)}.kpi-context{display:flex;align-items:center;gap:16px;margin-left:auto;flex:0 0 auto}.kpi-pct{display:flex;align-items:center;gap:10px;min-width:140px}.kpi-pct-label{font-size:11.5px;color:var(--text-2);white-space:nowrap}.kpi-pct-num{font-size:13px;font-weight:650;white-space:nowrap;min-width:32px}.kpi-pct-bar{flex:1 1 auto;height:5px;min-width:48px;border-radius:999px;background:var(--border-0);overflow:hidden}.kpi-pct-fill{display:block;height:100%;border-radius:999px;transition:width .4s var(--ease)}.kpi-zone{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.kpi-zone-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.kpi-zone-text{font-size:12px;font-weight:560}.kpi-zone[data-zone=cold] .kpi-zone-dot{background:#3b82f6b3}.kpi-zone[data-zone=cool] .kpi-zone-dot{background:#38bdf8a6}.kpi-zone[data-zone=neutral] .kpi-zone-dot{background:var(--text-2)}.kpi-zone[data-zone=warm] .kpi-zone-dot{background:#f59e0bb3}.kpi-zone[data-zone=hot] .kpi-zone-dot{background:#ef4444b3}.kpi-zone[data-zone=cold] .kpi-zone-text{color:#3b82f6c7}.kpi-zone[data-zone=cool] .kpi-zone-text{color:#38bdf8c7}.kpi-zone[data-zone=neutral] .kpi-zone-text{color:var(--text-2)}.kpi-zone[data-zone=warm] .kpi-zone-text{color:#f59e0bcc}.kpi-zone[data-zone=hot] .kpi-zone-text{color:#ef4444cc}.kpi-pct[data-zone=cold] .kpi-pct-fill{background:#3b82f6b3}.kpi-pct[data-zone=cool] .kpi-pct-fill{background:#38bdf8a6}.kpi-pct[data-zone=neutral] .kpi-pct-fill{background:var(--text-2)}.kpi-pct[data-zone=warm] .kpi-pct-fill{background:#f59e0bb3}.kpi-pct[data-zone=hot] .kpi-pct-fill{background:#ef4444b3}.kpi-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.kpi-tile-hint{display:block;margin-top:4px;font-size:11.5px;color:var(--text-2);line-height:1.3}.kpi-momentum-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px;transform:translateY(-.5px)}.kpi-divider{height:1px;background:var(--border-0);margin:2px 0}.kpi-range-toggle{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;margin-left:10px}.kpi-range-btn{height:28px;padding:0 8px;border-radius:999px;border:1px solid var(--border-0);background:transparent;color:var(--text-2);font-size:11px;font-weight:650;letter-spacing:.2px;cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast),color var(--t-fast)}.kpi-range-btn:hover{border-color:var(--border-1);color:var(--text-1)}.kpi-range-btn.is-active{border-color:color-mix(in oklab,var(--accent) 35%,var(--border-1));background:linear-gradient(135deg,color-mix(in oklab,var(--accent) 12%,var(--panel-0)),color-mix(in oklab,var(--primary-700) 8%,var(--panel-1)));color:var(--text-0)}@media(max-width:860px){.kpi-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-current-line{flex-wrap:wrap;gap:8px}.kpi-context{margin-left:0}.kpi-range-toggle{margin-left:auto}}@media(max-width:420px){.kpi-tiles{grid-template-columns:repeat(1,minmax(0,1fr))}.kpi-range-toggle{display:none}.kpi-context{gap:12px}.kpi-pct{min-width:110px}}.kpi-help-wrap{position:relative}.kpi-help-trigger{position:absolute;top:12px;right:16px;z-index:5}.kpi.kpi-combined.kpi-is-composite #kpiCurrent{font-size:.82em}.kpi.kpi-combined.kpi-is-composite.kpi-hide-unit #kpiCurrentUnit{display:none}.kpi.kpi-combined.kpi-is-composite .kpi-current-line,.kpi.kpi-combined.kpi-is-composite .kpi-current-left,.kpi.kpi-combined.kpi-is-composite .kpi-context,.kpi.kpi-combined.kpi-is-composite #kpiCurrent,.kpi.kpi-combined.kpi-is-composite #kpiDelta,.kpi.kpi-combined.kpi-is-composite #kpiDeltaValue,.kpi.kpi-combined.kpi-is-composite #kpiPctWrap,.kpi.kpi-combined.kpi-is-composite .kpi-pct{min-width:0}.kpi.kpi-combined.kpi-is-composite .kpi-current-line{justify-content:flex-start!important;flex-wrap:nowrap!important;align-items:flex-start}.kpi.kpi-combined.kpi-is-composite .kpi-context{margin-left:auto!important;flex:0 0 auto;white-space:nowrap}.kpi.kpi-combined .kpi-context #kpiPctWrap,.kpi.kpi-combined .kpi-context #kpiZoneWrap{margin-top:5px}.kpi.kpi-combined.kpi-is-composite .kpi-current-left{display:flex!important;flex:1 1 auto;flex-wrap:wrap;align-items:baseline;justify-content:flex-start;column-gap:8px;row-gap:4px;overflow:hidden}.kpi.kpi-combined.kpi-is-composite #kpiCurrent.kpi-big{flex:0 1 auto;min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:break-word;overflow:hidden;text-overflow:clip}.kpi.kpi-combined.kpi-is-composite #kpiCurrentUnit.kpi-unit{flex:0 0 auto;white-space:nowrap}.kpi.kpi-combined.kpi-is-composite #kpiDelta.kpi-delta-inline{flex:0 1 auto;min-width:0;margin-left:0!important;margin-top:4px;display:inline-flex;align-items:baseline;justify-content:flex-start;white-space:normal;flex-wrap:wrap;overflow:hidden}.kpi.kpi-combined.kpi-is-composite #kpiDeltaValue{min-width:0;overflow-wrap:anywhere;word-break:break-word}.kpi.kpi-combined.kpi-is-composite #kpiDeltaPeriod.kpi-delta-period{flex:0 0 auto;white-space:nowrap;margin-left:4px;opacity:.75}.kpi.kpi-combined.kpi-is-composite .kpi-pct-label[data-basis]:not([data-basis=""]):after{content:" \b7  " attr(data-basis);opacity:.75;font-weight:600}.kpi.kpi-combined #kpiDeltaValue{color:var(--text-2)}.kpi.kpi-combined #kpiDeltaPeriod{color:var(--text-2);opacity:.75}.kpi-basis-part.kpi-up{color:color-mix(in oklab,#10b981 70%,var(--text-2))}.kpi-basis-part.kpi-down{color:color-mix(in oklab,#ef4444 70%,var(--text-2))}.kpi-basis-part.kpi-flat{color:var(--text-2)}.kpi.kpi-combined.kpi-is-composite [data-kpi-tile=change_90d] .kpi-meta-label[data-basis]:not([data-basis=""]):after,.kpi.kpi-combined.kpi-is-composite [data-kpi-tile=zscore_365d] .kpi-meta-label[data-basis]:not([data-basis=""]):after,.kpi.kpi-combined.kpi-is-composite [data-kpi-tile=distance_4y] .kpi-meta-label[data-basis]:not([data-basis=""]):after,.kpi.kpi-combined.kpi-is-composite [data-kpi-tile=volatility_30d] .kpi-meta-label[data-basis]:not([data-basis=""]):after{content:" \b7  " attr(data-basis);opacity:.75;font-weight:600}@media(max-width:860px){.kpi.kpi-combined.kpi-is-composite .kpi-current-line{flex-wrap:wrap!important}.kpi.kpi-combined.kpi-is-composite .kpi-context{flex:0 0 100%;width:100%;margin-left:0!important;margin-top:8px;justify-content:flex-start}.kpi.kpi-combined .kpi-context #kpiPctWrap,.kpi.kpi-combined .kpi-context #kpiZoneWrap{margin-top:0}}