.pd-root{--c-matematik: var(--c-fizik, var(--accent))}.pd-root .interactive-canvas svg{color:var(--ink)}.pd-bob{cursor:grab;touch-action:none}.pd-bob.is-dragging{cursor:grabbing}@media(max-width:899px){.pd-root .interactive-canvas{order:-1}}.pd-note{margin-left:.4rem;font-size:.78rem;font-weight:600;color:var(--ink-soft)}.pd-energy{padding:.75rem 1rem;background:var(--bg);border-radius:10px;font-size:.85rem}.pd-energy-head{display:flex;justify-content:space-between;margin-bottom:.45rem;font-weight:500}.pd-energy-total{font-weight:600;font-variant-numeric:tabular-nums}.pd-energy-bar{height:10px;border-radius:5px;overflow:hidden;background:#22c55e}.pd-energy-pe{display:block;height:100%;background:#ff5b2c}.pd-energy-legend{display:flex;justify-content:space-between;margin-top:.4rem;color:var(--ink-soft);font-size:.78rem;font-variant-numeric:tabular-nums}.pd-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.25rem}.pd-dot--pe{background:#ff5b2c}.pd-dot--ke{background:#22c55e}.pd-chips{display:flex;flex-wrap:wrap;gap:.4rem}.pd-chip{padding:.4rem .8rem;border-radius:999px;border:1px solid var(--line);background:var(--bg-card);color:var(--ink);font:inherit;font-size:.85rem;cursor:pointer;transition:background .15s ease,border-color .15s ease}.pd-chip:hover{border-color:var(--c-fizik, var(--accent))}.pd-chip.is-active{background:var(--c-fizik, var(--accent));border-color:var(--c-fizik, var(--accent));color:var(--bg-card)}.pd-chip:focus-visible,.pd-btn:focus-visible{outline:2px solid var(--c-fizik, var(--accent));outline-offset:2px}.pd-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.pd-btn{padding:.55rem 1.1rem;border-radius:999px;border:1px solid var(--line);background:var(--bg-card);color:var(--ink);font:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .12s ease}.pd-btn:hover{transform:translateY(-1px)}.pd-btn--primary{background:var(--c-fizik, var(--accent));border-color:transparent;color:var(--bg-card)}.pd-toggle{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--ink-soft);cursor:pointer}@media(prefers-reduced-motion:reduce){.pd-chip,.pd-btn{transition:none}}@media(min-width:900px){.cp-viewer--full .pd-root{grid-template-columns:minmax(0,1fr) minmax(360px,440px)}.cp-viewer--full .pd-root .interactive-readout,.cp-viewer--full .pd-root .interactive-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-viewer--full .pd-root .interactive-controls{gap:.6rem 1.25rem}.cp-viewer--full .pd-root .pd-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.cp-viewer--full .pd-root .pd-chip{padding:.3rem .5rem}.cp-viewer--full .pd-root .pd-energy{padding:.6rem .9rem}.cp-viewer--full .pd-root .interactive-readout-value{min-width:0}}