.interactive{display:flex;flex-direction:column;gap:1rem;padding:1rem;height:100%;background:var(--bg-card);color:var(--ink);font-family:inherit}.interactive-canvas{position:relative;flex:1;min-height:280px;border-radius:12px;overflow:hidden;background:var(--bg);touch-action:pan-y}.interactive-fs-btn{position:absolute;top:.5rem;right:.5rem;width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:rgba(var(--bg-card-rgb),.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,transform .15s ease;z-index:2}.interactive-fs-btn:hover{background:rgba(var(--bg-card-rgb),.95);transform:translateY(-1px)}.interactive-fs-btn:focus-visible{outline:2px solid var(--c-matematik, var(--accent));outline-offset:2px}.cp-viewer.is-fullscreen .interactive{height:100%;padding:1.5rem;gap:1.25rem}.cp-viewer.is-fullscreen .interactive-canvas{flex:1 1 0;min-height:0;border-radius:16px}.cp-viewer.is-fullscreen .interactive-canvas>.MafsView,.cp-viewer.is-fullscreen .interactive-canvas>div{width:100%!important;height:100%!important}.interactive-canvas>svg{width:100%;height:100%;display:block}.interactive-readout{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.6rem 1.25rem;font-size:.9rem;padding:.75rem 1rem;background:var(--bg);border-radius:10px}.interactive-readout-item{display:flex;align-items:baseline;gap:.4rem;min-width:0}.interactive-readout-label{color:var(--ink-soft);font-size:.8rem;white-space:nowrap}.interactive-readout-value{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;min-width:3.5rem;white-space:nowrap}.interactive-readout-value--accent{color:var(--c-matematik, var(--accent))}.interactive-controls{display:grid;grid-template-columns:1fr;gap:.85rem;padding:.5rem 0}@media(min-width:640px){.interactive-controls{grid-template-columns:repeat(2,1fr);gap:.85rem 1.5rem}}.interactive-slider{display:flex;flex-direction:column;gap:.35rem}.interactive-slider-head{display:flex;align-items:baseline;justify-content:space-between;font-size:.85rem}.interactive-slider-label{color:var(--ink);font-weight:500}.interactive-slider-value{color:var(--c-matematik, var(--accent));font-weight:600;font-variant-numeric:tabular-nums}.interactive-range{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:4px;background:var(--line);border-radius:2px;outline:none;cursor:pointer}.interactive-range::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--c-matematik, var(--accent));border:3px solid var(--bg-card);box-shadow:0 2px 6px #0000002e;cursor:grab;transition:transform .12s ease}.interactive-range::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.15)}.interactive-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--c-matematik, var(--accent));border:3px solid var(--bg-card);box-shadow:0 2px 6px #0000002e;cursor:grab}.interactive-range:focus-visible{outline:2px solid var(--c-matematik, var(--accent));outline-offset:4px}@media(max-width:640px){.interactive-slider{padding:8px 0}}.interactive-hint{font-size:.82rem;color:var(--ink-soft);font-style:italic}.interactive-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:.5rem 2rem .5rem .75rem;border-radius:8px;border:1px solid var(--line);background:var(--bg-card);color:var(--ink);font:inherit;font-size:.9rem;cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235a5f72' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M6 9l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .6rem center}