haptics-demo[data-astro-cid-vyx3dqsv]{display:block}haptics-demo[data-astro-cid-vyx3dqsv] h3[data-astro-cid-vyx3dqsv]{margin:var(--space-2xl) 0 var(--space-xs) 0;font-size:.6875rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}haptics-demo[data-astro-cid-vyx3dqsv] h3[data-astro-cid-vyx3dqsv]:first-of-type{margin-top:0}.haptics-section-desc[data-astro-cid-vyx3dqsv]{margin:0 0 var(--space-lg) 0;font-size:.875rem;color:var(--color-text-secondary)}.haptics-notice[data-astro-cid-vyx3dqsv]{padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-xl);background:var(--color-bg-alt);border:1px solid var(--color-border)}.haptics-notice-text[data-astro-cid-vyx3dqsv]{margin:0;font-size:.8125rem;line-height:1.5;color:var(--color-text-secondary)}.haptics-notice-text[data-astro-cid-vyx3dqsv] a[data-astro-cid-vyx3dqsv]{color:var(--color-accent-hover);text-decoration:underline;text-underline-offset:2px}.haptics-status[data-astro-cid-vyx3dqsv]{display:flex;gap:var(--space-sm);align-items:center;padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-2xl);background:var(--color-bg-alt);border:1px solid var(--color-border)}.haptics-status-dot[data-astro-cid-vyx3dqsv]{flex-shrink:0;width:6px;height:6px;background:var(--color-text-muted);border-radius:50%}.haptics-status-dot[data-astro-cid-vyx3dqsv].haptics-status-supported{background:#22c55e}.haptics-status-dot[data-astro-cid-vyx3dqsv].haptics-status-partial{background:#eab308}.haptics-status-dot[data-astro-cid-vyx3dqsv].haptics-status-unsupported{background:var(--color-text-muted)}.haptics-status-text[data-astro-cid-vyx3dqsv]{font-size:.8125rem;color:var(--color-text-secondary)}.haptics-qr[data-astro-cid-vyx3dqsv]{display:flex;gap:var(--space-lg);align-items:center;padding:var(--space-lg);margin-bottom:var(--space-2xl);background:var(--color-bg-alt);border:1px solid var(--color-border)}.haptics-qr-code[data-astro-cid-vyx3dqsv]{flex-shrink:0;width:120px;height:120px;padding:8px;background:#fff;border:1px solid var(--color-border)}.haptics-qr-code[data-astro-cid-vyx3dqsv] svg{width:100%;height:100%}.haptics-qr-info[data-astro-cid-vyx3dqsv]{display:flex;flex-direction:column;gap:var(--space-sm)}.haptics-qr-label[data-astro-cid-vyx3dqsv]{margin:0;font-size:.875rem;line-height:1.4;color:var(--color-text-secondary)}.haptics-qr-copy[data-astro-cid-vyx3dqsv]{display:inline-flex;gap:6px;align-items:center;width:fit-content;padding:4px 10px;font-family:inherit;font-size:.8125rem;color:var(--color-text-muted);cursor:pointer;background:none;border:1px solid var(--color-border);transition:color .1s ease,border-color .1s ease}.haptics-qr-copy[data-astro-cid-vyx3dqsv]:hover{color:var(--color-text);border-color:var(--color-text-muted)}@media(pointer:coarse){.haptics-qr[data-astro-cid-vyx3dqsv]{display:none}}.haptics-grid[data-astro-cid-vyx3dqsv]{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.haptic-card[data-astro-cid-vyx3dqsv]{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg);border:1px solid var(--color-border);background:var(--color-bg);cursor:pointer;text-align:left;font-family:inherit;color:inherit;transition:border-color .1s ease;-webkit-tap-highlight-color:transparent}.haptic-card[data-astro-cid-vyx3dqsv]:hover{border-color:var(--color-text-muted)}.haptic-card[data-astro-cid-vyx3dqsv]:active,.haptic-card[data-astro-cid-vyx3dqsv].haptic-card-fired{border-color:var(--color-accent-hover)}.haptic-card-wide[data-astro-cid-vyx3dqsv]{grid-column:1 / -1;max-width:480px}.haptic-card-header[data-astro-cid-vyx3dqsv]{display:flex;gap:var(--space-sm);align-items:center;justify-content:space-between}.haptic-name[data-astro-cid-vyx3dqsv]{font-family:var(--font-mono);font-size:.875rem;font-weight:500;color:var(--color-text)}.haptic-badge[data-astro-cid-vyx3dqsv]{padding:1px 6px;font-size:.625rem;text-transform:uppercase;letter-spacing:.05em;border:1px solid}.haptic-badge-active[data-astro-cid-vyx3dqsv]{color:#22c55e;border-color:#22c55e40}.haptic-badge-unused[data-astro-cid-vyx3dqsv]{color:var(--color-text-muted);border-color:var(--color-border)}.haptic-pattern[data-astro-cid-vyx3dqsv]{display:flex;gap:2px;align-items:flex-end;height:32px;padding:var(--space-xs) 0}.haptic-bar[data-astro-cid-vyx3dqsv]{min-width:3px;background:var(--color-accent-hover);border-radius:1px;transition:transform .15s ease}.haptic-bar[data-astro-cid-vyx3dqsv].haptic-bar-pulse{animation:haptic-pulse .4s ease-out}.haptic-gap[data-astro-cid-vyx3dqsv]{min-width:2px;background:transparent}@keyframes haptic-pulse{0%{transform:scaleY(1)}30%{transform:scaleY(1.4)}to{transform:scaleY(1)}}.haptic-details[data-astro-cid-vyx3dqsv]{font-family:var(--font-mono);font-size:.6875rem;color:var(--color-text-muted)}.haptic-desc[data-astro-cid-vyx3dqsv]{font-size:.8125rem;line-height:1.4;color:var(--color-text-secondary)}.haptics-footer[data-astro-cid-vyx3dqsv]{padding-top:var(--space-lg);margin-top:var(--space-xl);border-top:1px solid var(--color-border)}.haptics-footer[data-astro-cid-vyx3dqsv] p[data-astro-cid-vyx3dqsv]{margin:0;font-size:.8125rem;color:var(--color-text-muted)}@media(max-width:640px){.haptics-grid[data-astro-cid-vyx3dqsv]{grid-template-columns:1fr}.haptic-card-wide[data-astro-cid-vyx3dqsv]{max-width:none}}haptics-lab[data-astro-cid-feesjimr]{display:block}.lab[data-astro-cid-feesjimr]{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-xl);background:var(--color-bg);border:1px solid var(--color-border)}.lab-header[data-astro-cid-feesjimr]{display:flex;align-items:center;justify-content:space-between}.lab-title[data-astro-cid-feesjimr]{font-family:var(--font-mono);font-size:.8125rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.lab-val[data-astro-cid-feesjimr]{min-width:3ch;font-family:var(--font-mono);font-size:1.25rem;font-weight:600;color:var(--color-accent-hover);text-align:right}.lab-slider[data-astro-cid-feesjimr]{display:flex;flex-direction:column;gap:var(--space-xs)}.lab-track[data-astro-cid-feesjimr]{position:relative;height:6px;background:var(--color-border);cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;padding:20px 0;margin:-20px 0;background-clip:content-box}.lab-fill[data-astro-cid-feesjimr]{position:absolute;top:20px;right:0;left:0;height:6px;pointer-events:none;background:var(--color-accent-hover);transform:scaleX(.5);transform-origin:left}.lab-thumb[data-astro-cid-feesjimr]{position:absolute;top:50%;left:50%;z-index:1;width:24px;height:24px;pointer-events:none;background:var(--color-text);border:2px solid var(--color-bg);border-radius:0;box-shadow:0 0 0 1px var(--color-border);transform:translate(-50%,-50%)}.lab-ticks[data-astro-cid-feesjimr]{display:flex;justify-content:space-between;padding:0}.lab-tick[data-astro-cid-feesjimr]{width:1px;height:6px;background:var(--color-border)}.lab-tick-major[data-astro-cid-feesjimr]{height:10px;background:var(--color-text-muted)}.lab-approaches[data-astro-cid-feesjimr]{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--color-border)}.lab-section-label[data-astro-cid-feesjimr]{font-family:var(--font-mono);font-size:.6875rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.lab-opt[data-astro-cid-feesjimr]{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;padding:var(--space-xs) 0;-webkit-tap-highlight-color:transparent}.lab-toggle-track[data-astro-cid-feesjimr]{position:relative;flex-shrink:0;width:32px;height:18px;background:var(--color-bg-alt);border:1px solid var(--color-border);transition:background-color .15s ease,border-color .15s ease}.lab-toggle-track[data-astro-cid-feesjimr] input[data-astro-cid-feesjimr]{position:absolute;width:0;height:0;pointer-events:none;opacity:0}.lab-toggle-thumb[data-astro-cid-feesjimr]{position:absolute;top:2px;left:2px;width:12px;height:12px;background:var(--color-text-muted);transition:transform .15s ease,background-color .15s ease}.lab-toggle-track[data-astro-cid-feesjimr]:has(input:checked){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.lab-toggle-track[data-astro-cid-feesjimr]:has(input:checked) .lab-toggle-thumb[data-astro-cid-feesjimr]{background:var(--color-bg);transform:translate(14px)}.lab-opt-info[data-astro-cid-feesjimr]{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.lab-opt-name[data-astro-cid-feesjimr]{font-size:.875rem;font-weight:500;color:var(--color-text)}.lab-opt-desc[data-astro-cid-feesjimr]{font-family:var(--font-mono);font-size:.6875rem;color:var(--color-text-muted)}.lab-hits[data-astro-cid-feesjimr]{min-width:3ch;font-family:var(--font-mono);font-size:.875rem;color:var(--color-accent-hover);text-align:right}.lab-hint[data-astro-cid-feesjimr]{margin:0;font-size:.75rem;color:var(--color-text-muted);text-align:center}haptics-soundboard[data-astro-cid-3a7shgfk]{display:block}.sb-trigger[data-astro-cid-3a7shgfk]{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-border);background:var(--color-bg-alt);color:var(--color-text);font-family:inherit;font-size:.875rem;cursor:pointer;transition:border-color .1s ease;-webkit-tap-highlight-color:transparent}.sb-trigger[data-astro-cid-3a7shgfk]:hover{border-color:var(--color-text-muted)}.sb-overlay[data-astro-cid-3a7shgfk]{position:fixed;inset:0;z-index:1000;display:flex;visibility:hidden;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .2s ease,visibility .2s ease}.sb-overlay[data-astro-cid-3a7shgfk][aria-hidden=false]{visibility:visible;pointer-events:auto;opacity:1}.sb-backdrop[data-astro-cid-3a7shgfk]{position:absolute;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:root:not([data-theme=dark]) .sb-backdrop[data-astro-cid-3a7shgfk]{background:#faf9f6d9}.sb-container[data-astro-cid-3a7shgfk]{position:relative;display:flex;flex-direction:column;width:90%;max-width:480px;max-height:90vh;padding:var(--space-lg);overflow-y:auto;background:var(--color-bg);border:1px solid var(--color-border)}.sb-header[data-astro-cid-3a7shgfk]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.sb-title[data-astro-cid-3a7shgfk]{font-size:.875rem;font-weight:600;color:var(--color-text)}.sb-close[data-astro-cid-3a7shgfk]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-border);background:none;color:var(--color-text-muted);cursor:pointer;padding:0;transition:color .1s ease,border-color .1s ease;-webkit-tap-highlight-color:transparent}.sb-close[data-astro-cid-3a7shgfk]:hover{color:var(--color-text);border-color:var(--color-text-muted)}.sb-grid[data-astro-cid-3a7shgfk]{display:grid;flex:1;grid-template-columns:repeat(12,1fr);gap:var(--space-sm)}.sb-btn[data-astro-cid-3a7shgfk]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid var(--color-border);background:var(--color-bg-alt);cursor:pointer;font-family:inherit;color:inherit;transition:border-color .1s ease,background .1s ease;-webkit-tap-highlight-color:transparent}.sb-btn[data-astro-cid-3a7shgfk]:hover{border-color:var(--color-text-muted)}.sb-btn[data-astro-cid-3a7shgfk]:active,.sb-btn[data-astro-cid-3a7shgfk].sb-btn-fired{background:var(--color-bg);border-color:var(--color-accent-hover)}.sb-btn-sm[data-astro-cid-3a7shgfk]{grid-column:span 3;padding:var(--space-md) var(--space-sm)}.sb-btn-md[data-astro-cid-3a7shgfk]{grid-column:span 4;padding:var(--space-lg) var(--space-sm)}.sb-btn-half[data-astro-cid-3a7shgfk]{grid-column:span 6;padding:var(--space-lg)}.sb-btn-full[data-astro-cid-3a7shgfk]{grid-column:span 12;padding:var(--space-lg)}.sb-symbol[data-astro-cid-3a7shgfk]{font-size:1.25rem;line-height:1;color:var(--color-text)}.sb-btn-md[data-astro-cid-3a7shgfk] .sb-symbol[data-astro-cid-3a7shgfk]{font-size:1.5rem}.sb-btn-half[data-astro-cid-3a7shgfk] .sb-symbol[data-astro-cid-3a7shgfk]{font-size:1.75rem}.sb-btn-full[data-astro-cid-3a7shgfk] .sb-symbol[data-astro-cid-3a7shgfk]{font-size:2rem}.sb-btn-label[data-astro-cid-3a7shgfk]{font-family:var(--font-mono);font-size:.6875rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}body[data-code-panel=open] .sb-overlay[data-astro-cid-3a7shgfk]{right:var(--panel-offset, 0)}@media(max-width:640px){.sb-overlay[data-astro-cid-3a7shgfk]{align-items:stretch}.sb-container[data-astro-cid-3a7shgfk]{width:100%;max-width:none;height:100%;max-height:none;border:none}.sb-grid[data-astro-cid-3a7shgfk]{grid-auto-rows:1fr}.sb-btn[data-astro-cid-3a7shgfk]{padding:var(--space-sm)}}