:root{--track-bg:rgb(from var(--color-platinum) r g b / 15%);--thumb-bg:var(--color-platinum)}.villari-viz{width:100%;position:relative}.villari-toggle-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.villari-toggle-bar,.villari-toggle-label{cursor:pointer;border:1px solid var(--platinum-subtle);background:var(--bg-card);-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:center;align-items:center;gap:16px;min-height:48px;margin-top:28px;padding:12px 20px;transition:border-color .3s;display:flex}.villari-toggle-bar:hover,.villari-toggle-label:hover{border-color:var(--text-muted)}.villari-toggle-text{text-transform:uppercase;letter-spacing:.1em;color:var(--color-platinum);font-family:Roboto Mono,monospace;font-size:11px;font-weight:700}.villari-toggle-subtitle{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-family:Roboto Mono,monospace;font-size:10px}.villari-toggle-option{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);align-items:center;gap:8px;font-family:Roboto Mono,monospace;font-size:11px;font-weight:700;transition:color .4s,opacity .4s;display:flex}.villari-toggle-option--passive{color:#c8922a;opacity:1}.villari-toggle-option--active{color:var(--color-tech-blue);opacity:.4}.villari-toggle-input:checked~.villari-toggle-bar .villari-toggle-option--passive,.villari-toggle-input:checked~.villari-toggle-label .villari-toggle-option--passive{opacity:.4}.villari-toggle-input:checked~.villari-toggle-bar .villari-toggle-option--active,.villari-toggle-input:checked~.villari-toggle-label .villari-toggle-option--active{opacity:1}.villari-toggle-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.villari-toggle-dot--passive{background:#c8922a}.villari-toggle-dot--active{background:var(--color-tech-blue)}.villari-toggle-track{background:var(--track-bg);border-radius:10px;flex-shrink:0;width:40px;height:20px;transition:background .3s;position:relative}.villari-toggle-thumb{background:var(--thumb-bg);width:16px;height:16px;box-shadow:0 1px 3px rgb(from var(--color-ink) r g b / 30%);border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1),background .3s;position:absolute;top:2px;left:2px}.villari-toggle-input:checked~.villari-toggle-bar .villari-toggle-thumb,.villari-toggle-input:checked~.villari-toggle-label .villari-toggle-thumb{transform:translate(20px)}.villari-toggle-input:checked~.villari-toggle-bar .villari-toggle-track,.villari-toggle-input:checked~.villari-toggle-label .villari-toggle-track{background:var(--color-tech-blue)}.villari-toggle-input:focus-visible~.villari-toggle-bar .villari-toggle-track,.villari-toggle-input:focus-visible~.villari-toggle-label .villari-toggle-track{outline:2px solid var(--color-tech-blue);outline-offset:2px}.villari-graph{width:100%;height:auto;max-height:400px;display:block}.villari-grid line{stroke:var(--color-platinum-subtle);stroke-width:.5px}.villari-axes line{stroke:var(--text-muted);stroke-width:1px}.villari-axis-labels text{fill:var(--text-muted);font-family:Roboto Mono,monospace;font-size:11px}.villari-axis-title{font-size:12px}.passive-loop path{stroke:#c8922a;stroke-width:2.5px;stroke-linecap:round;fill:none;opacity:1;transition:opacity .5s cubic-bezier(.4,0,.2,1)}.active-line>line{stroke:var(--color-tech-blue);stroke-width:2px;stroke-linecap:square;opacity:.15;transition:opacity .5s cubic-bezier(.4,0,.2,1)}.variance-bracket line{stroke:var(--color-tech-blue);stroke-width:1.5px}.variance-bracket text{fill:var(--color-tech-blue);font-family:Roboto Mono,monospace;font-size:10px}.variance-bracket{opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1)}.villari-toggle-input:checked~.villari-graph .passive-loop path{opacity:.15}.villari-toggle-input:checked~.villari-graph .active-line>line{opacity:1}.villari-toggle-input:checked~.villari-graph .variance-bracket{opacity:1;transition-delay:.2s}.villari-labels{margin-top:20px}.villari-badge{text-transform:uppercase;letter-spacing:.1em;border-radius:3px;margin-bottom:10px;padding:4px 10px;font-family:Roboto Mono,monospace;font-size:10px;font-weight:700;display:inline-block}.villari-badge--passive{color:#0d0d0d;background:#c8922a}.villari-badge--active{background:var(--color-tech-blue);color:#0d0d0d}.villari-subtext{opacity:.6;max-width:360px;font-family:Inter Tight,sans-serif;font-size:13px;line-height:1.6}.villari-label-passive,.villari-label-active{transition:none}.villari-label-passive{opacity:1;max-height:200px;overflow:hidden}.villari-label-active{opacity:0;max-height:0;overflow:hidden}.villari-toggle-input:checked~.villari-labels .villari-label-passive{opacity:0;max-height:0}.villari-toggle-input:checked~.villari-labels .villari-label-active{opacity:1;max-height:200px}@media (width<=968px){.villari-graph{max-height:none}.villari-subtext{max-width:100%}.villari-toggle-bar{gap:10px;padding:10px 14px}.villari-toggle-option{font-size:10px}}@media (prefers-reduced-motion:reduce){.passive-loop path,.active-line>line,.variance-bracket,.villari-label-passive,.villari-label-active,.villari-toggle-thumb,.villari-toggle-track,.villari-toggle-option{transition:none}}