.tip-layer{padding:6px;pointer-events:none;overflow:visible;--tip-ease:cubic-bezier(.16,1,.3,1)}.tip-layer[data-interactive=true]{pointer-events:auto}.tip-bubble{position:relative;opacity:0;transition-property:opacity,transform,filter;transition-duration:.11s;transition-timing-function:ease-in;--tip-dy:4px;--tip-dx:0px}.tip-layer[data-side=below] .tip-bubble{--tip-dy:-4px}.tip-layer[data-side=left] .tip-bubble{--tip-dy:0px;--tip-dx:4px}.tip-layer[data-side=right] .tip-bubble{--tip-dy:0px;--tip-dx:-4px}.tip-bubble[data-open=true]{opacity:1;transform:none;filter:none;transition-duration:.18s;transition-timing-function:var(--tip-ease)}.tip-ink{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:min(280px,calc(100vw - 2rem));padding:6px 10px;border-radius:8px;font-size:12px;font-weight:500;line-height:1.4;letter-spacing:-.005em;text-align:left;color:#f8fafc;background:#0f1115;white-space:nowrap;overflow-wrap:anywhere;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 24px -6px rgba(15,17,21,.35),0 2px 6px rgba(15,17,21,.18);transform:translate(var(--tip-dx),var(--tip-dy));filter:blur(3px)}.tip-ink[data-wrap=true]{white-space:normal}.tip-kbd{font:500 10.5px/1 var(--font-geist-mono,ui-monospace,monospace);padding:3px 5px;border-radius:5px;color:#cbd5e1;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.tip-card{display:grid;gap:4px;width:264px;max-width:calc(100vw - 2rem);white-space:normal;overflow-wrap:anywhere;padding:12px 14px;border-radius:14px;background:#fff;text-align:left;color:#475569;box-shadow:0 0 0 1px rgba(15,23,42,.06),0 2px 4px rgba(15,23,42,.04),0 18px 40px -12px rgba(15,23,42,.22);transform:translate(var(--tip-dx),var(--tip-dy)) scaleY(.92);filter:blur(3px)}.tip-layer[data-side=below] .tip-card{transform-origin:50% 0}.tip-layer[data-side=above] .tip-card{transform-origin:50% 100%}.tip-card>*{opacity:0;transition:opacity .1s ease-in}.tip-card[data-open=true]>*{opacity:1;transition:opacity .18s ease-out 40ms}.tip-card-title{font-size:13px;font-weight:600;color:#0f172a;letter-spacing:-.01em}.tip-card-body{font-size:12.5px;line-height:1.5;color:#475569}.tip-card-action{margin-top:6px;display:inline-flex;align-items:center;gap:4px;justify-self:start;font-size:12px;font-weight:600;color:#4f46e5;cursor:pointer;background:none;border:0;padding:0;text-decoration:none}.tip-card-action:hover{color:#4338ca}.tip-card-action:focus-visible{outline:2px solid #a5b4fc;outline-offset:2px;border-radius:4px}.tip-arrow{position:absolute;width:8px;height:8px;background:#0f1115;transform:rotate(45deg);border-radius:0 0 2px 0}.tip-layer[data-side=above] .tip-arrow{left:calc(50% - 4px);bottom:-3px}.tip-layer[data-side=below] .tip-arrow{left:calc(50% - 4px);top:-3px;transform:rotate(225deg)}.tip-layer[data-side=left] .tip-arrow{top:calc(50% - 4px);right:-3px;transform:rotate(-45deg)}.tip-layer[data-side=right] .tip-arrow{top:calc(50% - 4px);left:-3px;transform:rotate(135deg)}@media (prefers-reduced-motion:reduce){.tip-bubble,.tip-card>*{transition:opacity 1ms!important;transform:none!important;filter:none!important}}