.demo-hints-dim{z-index:54;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.demo-hints-layer{z-index:55;pointer-events:none;position:fixed;inset:0}.demo-hints-ring{border:2px solid var(--aa-accent);pointer-events:none;border-radius:12px;animation:1.9s ease-in-out infinite demoHintPulse;position:fixed}@keyframes demoHintPulse{0%,to{box-shadow:0 0 0 0 rgba(var(--aa-accent-rgb), .5)}50%{box-shadow:0 0 0 7px rgba(var(--aa-accent-rgb), 0)}}.demo-hints-sticker{color:#0d2b45;font-family:var(--font-jb-mono,ui-monospace, monospace);white-space:nowrap;pointer-events:none;background:#cbe6ff;border-radius:7px;align-items:center;gap:4px;padding:5px 9px;font-size:11px;font-weight:700;line-height:1;display:inline-flex;position:fixed;box-shadow:0 5px 16px #0006}.demo-hints-sticker.below{transform:rotate(-3deg)}.demo-hints-sticker.right{transform:translateY(-50%)rotate(-2deg)}.demo-hints-hand{font-size:12px}.demo-hints-toggle{z-index:60;border:1px solid var(--aa-border-strong);background:var(--aa-surface);color:var(--aa-text);box-shadow:0 8px 28px var(--aa-scrim,#00000080);border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;display:inline-flex;position:fixed;bottom:20px;right:20px}.demo-hints-toggle:hover{border-color:var(--aa-accent)}@media (prefers-reduced-motion:reduce){.demo-hints-ring{box-shadow:0 0 0 4px rgba(var(--aa-accent-rgb), .22);animation:none}}