.nisi-dial{display:flex;align-items:center;gap:var(--space-4);touch-action:none;cursor:grab;user-select:none}.nisi-dial:active{cursor:grabbing}.nisi-dial svg{flex:none;width:calc(var(--space-16) * 2);height:calc(var(--space-16) * 2)}.nisi-dial__rim{fill:var(--ink)}.nisi-dial__glass{fill:var(--surface-muted)}.nisi-dial__tint{fill:var(--surface-black);opacity:calc(var(--nisi-s) / var(--nisi-max) * 0.85);transition:opacity 0.2s ease}.nisi-dial__shine{fill:none;stroke:var(--surface);stroke-width:3;stroke-linecap:round;opacity:.6}.nisi-dial__notch{stroke:var(--surface-muted);stroke-width:1.5}.nisi-dial__knob{transform:rotate(calc(-135deg + 270deg * var(--nisi-s) / var(--nisi-max)));transform-origin:60px 60px;transition:transform 0.2s ease}.nisi-dial__knob circle{fill:var(--nisi-yellow);stroke:var(--ink);stroke-width:2}.nisi-dial__hint{margin:0;color:var(--ink-muted);font-size:var(--fs-small);line-height:var(--lh-small)}@media (prefers-reduced-motion:reduce){.nisi-dial__tint,.nisi-dial__knob{transition:none}}