.dv,.pe,.pw{--pe-bg:var(--color-gray-50);--pe-line:var(--color-gray-200);--pe-ink:var(--color-eyko-black);--pe-sub:var(--color-gray-700);--pe-muted:var(--color-gray-600);--pe-win-muted:var(--color-gray-600);--pe-win:var(--color-bg-secondary);--pe-win-line:var(--color-gray-300);--pe-bar:var(--color-bg-tertiary);--pe-bar-line:var(--color-border-secondary);--pe-card:var(--color-bg-tertiary);--pe-card-line:var(--color-border-secondary);--pe-body:var(--color-gray-700);--pe-strong:var(--color-eyko-black);--pe-fig-orange:var(--color-brand-800);--pe-fig-teal:var(--color-teal-600);--pe-track:var(--color-gray-100);--pe-chip:var(--color-bg-tertiary);--pe-chip-line:var(--color-gray-300);--pe-chip-ink:var(--color-gray-800);--pe-spark:var(--color-eyko-black);--pe-down:var(--color-error-700);--pe-shadow:0 24px 60px color-mix(in srgb,var(--color-eyko-black) 14%,transparent);--pe-what-bg:var(--color-orange-50);--pe-what-ink:var(--color-brand-800);--pe-why-bg:var(--color-teal-50);--pe-why-ink:var(--color-teal-700);--pe-next-bg:var(--color-blue-50);--pe-next-ink:var(--color-blue-700);--pe-tile:var(--color-brand-50);--pe-tile-ink:var(--color-brand-800);--pe-msg:var(--color-eyko-black);--pe-msg-ink:var(--color-white)}.dark-mode .dv,.dark-mode .pe,.dark-mode .pw{--pe-bg:var(--color-gray-900);--pe-line:var(--color-gray-800);--pe-ink:var(--color-white);--pe-sub:var(--color-gray-300);--pe-muted:var(--color-gray-400);--pe-win-muted:var(--color-gray-400);--pe-win-line:var(--color-gray-700);--pe-body:var(--color-gray-300);--pe-strong:var(--color-white);--pe-fig-orange:var(--color-brand-300);--pe-fig-teal:var(--color-teal-400);--pe-track:var(--color-gray-800);--pe-chip-line:var(--color-gray-700);--pe-chip-ink:var(--color-gray-300);--pe-spark:var(--color-gray-300);--pe-down:var(--color-error-300);--pe-shadow:0 24px 60px color-mix(in srgb,var(--color-eyko-black) 50%,transparent);--pe-what-bg:color-mix(in srgb,var(--color-brand-600) 16%,transparent);--pe-what-ink:var(--color-brand-300);--pe-why-bg:color-mix(in srgb,var(--color-teal-500) 16%,transparent);--pe-why-ink:var(--color-teal-300);--pe-next-bg:color-mix(in srgb,var(--color-blue-500) 16%,transparent);--pe-next-ink:var(--color-blue-300);--pe-tile:var(--color-brand-950);--pe-tile-ink:var(--color-brand-300);--pe-msg:var(--color-white);--pe-msg-ink:var(--color-eyko-black)}.pe-cards{display:flex;flex-direction:column;gap:4px}.pe-card{background:var(--pe-card);border:1px solid var(--pe-card-line);border-radius:8px;padding:10px 12px}.pe-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.pe-card-title{margin:0;font-size:14px;line-height:20px;font-weight:700;color:var(--pe-strong)}.pe-text{margin:6px 0 0;font-size:13.5px;line-height:1.6;color:var(--pe-body)}.pe-text b{font-weight:700;color:var(--pe-strong)}.pe-text .pe-fo{font-weight:700;color:var(--pe-fig-orange)}.pe-text .pe-ft{font-weight:700;color:var(--pe-fig-teal)}.pe-badge{flex-shrink:0;padding:3px 9px;border-radius:9999px;font-size:10px;line-height:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.pe-badge.what{background:var(--pe-what-bg);color:var(--pe-what-ink)}.pe-badge.why{background:var(--pe-why-bg);color:var(--pe-why-ink)}.pe-badge.next{background:var(--pe-next-bg);color:var(--pe-next-ink)}.pe-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:4px}.pe-tile{display:flex;flex-direction:column;align-items:flex-start;gap:8px;background:var(--pe-card);border:1px solid var(--pe-card-line);border-radius:8px;padding:10px 12px}.pe-tile-label{margin:0;font-size:12px;line-height:16px;color:var(--pe-win-muted)}.pe-tile-value{margin:4px 0 0;font-size:22px;line-height:28px;font-weight:900;letter-spacing:-.02em;color:var(--pe-strong)}.pe-tile-status{margin:2px 0 0;font-size:11px;line-height:16px;font-weight:700;color:var(--pe-down)}.pe-spark{flex-shrink:0;width:120px;height:28px;overflow:visible}.pe-spark path{fill:none;stroke:var(--pe-spark);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.pe-spark circle{fill:var(--color-brand-600)}.pe-panels{display:grid;grid-template-columns:420px minmax(0,1fr);gap:6px;margin-top:4px}.pe-panel{background:var(--pe-card);border:1px solid var(--pe-card-line);border-radius:8px;padding:10px 12px}.pe-panel-title{margin:0 0 6px;font-size:12px;line-height:16px;font-weight:700;color:var(--pe-strong)}.pe-spark.pe-chart{display:block;width:100%;height:140px}.pe-chart path{stroke:var(--color-brand-600);stroke-width:2}.pe-chart circle{r:2.4px;fill:var(--pe-card);stroke:var(--color-brand-600);stroke-width:1.5}.pe-chart line{stroke:var(--pe-card-line);stroke-width:1}.pe-chart text{fill:var(--pe-win-muted);font-size:9px;font-family:Inter,sans-serif}.pe-chart text.pe-chart-val{fill:var(--pe-strong);font-weight:700}.pe-tree{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;height:140px;border-radius:6px;overflow:hidden}.pe-tree span{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px;text-align:center;font-size:10.5px;line-height:13px;color:var(--color-eyko-black);background:var(--color-teal-200)}.pe-tree span.hi{background:var(--color-teal-300)}.pe-tree span.lo{background:var(--color-teal-100)}.pe-tree b{font-weight:700}.pe-spark.is-undrawn path{stroke-dashoffset:1}.pe-spark.is-undrawn circle{opacity:0}.pe-spark path{transition:stroke-dashoffset .8s ease-out}.pe-spark circle{transition:opacity 167ms ease-out 733ms}.pe-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes pwIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pwDraw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes pwDot{0%{opacity:0}to{opacity:1}}.pw-body{display:flex;flex-direction:column;gap:4px}.pw-body>.pe-panels,.pw-body>.pe-tiles{margin-top:0}.pw-body>.pe-panels{flex:1;min-height:0}.pw-body .pe-panel{display:flex;flex-direction:column;min-height:0}.pw-body .pe-spark.pe-chart,.pw-body .pe-tree{flex:1;min-height:140px;height:auto}.pw-build{animation:pwIn .38s cubic-bezier(.2,.7,.2,1) both}.pw-body>.pw-build:first-child{animation-delay:80ms}.pw-body>.pw-build:nth-child(2){animation-delay:.2s}.pw-body>.pw-build:nth-child(3){animation-delay:.32s}.pw-body .pe-spark path{animation:pwDraw .8s ease-out .5s both}.pw-body .pe-spark circle{animation:pwDot 167ms ease-out 1233ms both}@media (max-width:767px){.pw-body>.pe-card,.pw-body>.pe-panels{display:none}.pw-body .pe-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.pw-body .pe-tile{padding:6px 8px;gap:4px}.pw-body .pe-tile-status{display:none}.pw-body .pe-tile-value{font-size:16px;line-height:20px}.pw-body .pe-spark{width:100%;height:20px}}@media (prefers-reduced-motion:reduce){.pw-body .pe-spark circle,.pw-body .pe-spark path,.pw-build{animation:none}}