.view-tip-root{position:fixed;inset:0;z-index:60;pointer-events:none}.view-tip-hole{position:fixed;border-radius:12px;box-shadow:0 0 0 9999px hsl(var(--background)/.62);animation:view-tip-fade .42s ease-out both}.view-tip-ring{position:absolute;inset:-2px;border-radius:14px;border:1.5px solid hsl(var(--accent)/.95);box-shadow:0 0 18px hsl(var(--accent)/.55);animation:view-tip-pulse 2.2s cubic-bezier(.22,1,.36,1) infinite}.view-tip-ring--late{animation-delay:1.1s}.view-tip-card{position:fixed;pointer-events:auto;border-radius:18px;padding:16px 16px 14px;border:1px solid hsl(var(--accent)/.35);background:hsl(var(--popover)/.94);backdrop-filter:blur(22px) saturate(150%);box-shadow:0 0 0 1px hsl(var(--accent)/.08),0 30px 70px -30px rgba(0,0,0,.8),0 10px 28px -16px rgba(0,0,0,.55),0 0 40px -10px hsl(var(--accent)/.25);animation:view-tip-card-in .48s cubic-bezier(.22,1,.36,1) both;animation-delay:.16s}.view-tip-card:after{content:"";position:absolute;left:var(--arrow-left,50%);width:14px;height:14px;margin-left:-7px;background:hsl(var(--popover)/.94);border-left:1px solid hsl(var(--accent)/.35);border-top:1px solid hsl(var(--accent)/.35)}.view-tip-card[data-side=below]:after{top:-8px;transform:rotate(45deg)}.view-tip-card[data-side=above]:after{bottom:-8px;transform:rotate(225deg)}.view-tip-close{position:absolute;top:10px;right:10px;display:inline-flex;padding:4px;border-radius:999px;color:hsl(var(--muted-foreground));transition:color .16s ease,background-color .16s ease}.view-tip-close:hover{color:hsl(var(--foreground));background:hsl(var(--foreground)/.08)}.view-tip-kicker{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--accent))}.view-tip-title{margin-top:4px;padding-right:20px;font-size:15px;font-weight:600;line-height:1.3;color:hsl(var(--foreground));text-wrap:balance}.view-tip-body{margin-top:6px;font-size:12.5px;line-height:1.55;color:hsl(var(--muted-foreground));text-wrap:pretty}.view-tip-views{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.view-tip-views li{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;border:1px solid hsl(var(--border));background:hsl(var(--foreground)/.04);font-size:11px;color:hsl(var(--foreground)/.85)}.view-tip-views li>svg{width:12px;height:12px;color:hsl(var(--accent))}.view-tip-actions{display:flex;gap:8px;margin-top:14px}.view-tip-primary,.view-tip-secondary{height:32px;padding:0 12px;border-radius:10px;font-size:12px;font-weight:600;transition:background-color .16s ease,color .16s ease,border-color .16s ease}.view-tip-primary{color:hsl(var(--accent-foreground,var(--background)));background:hsl(var(--accent))}.view-tip-primary:hover{filter:brightness(1.08)}.view-tip-secondary{color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border))}.view-tip-secondary:hover{color:hsl(var(--foreground));border-color:hsl(var(--foreground)/.3)}@keyframes view-tip-fade{0%{opacity:0}to{opacity:1}}@keyframes view-tip-card-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes view-tip-pulse{0%{transform:scale(1);opacity:1}70%{transform:scale(1.9);opacity:0}to{transform:scale(1.9);opacity:0}}@media (prefers-reduced-motion:reduce){.view-tip-card,.view-tip-hole,.view-tip-ring{animation:none}.view-tip-ring--late{display:none}}