.tip-ring{z-index:1000;border:2px solid var(--ui-primary);border-radius:var(--ui-radius-sm,8px);pointer-events:none;transition:top .2s,left .2s,width .2s,height .2s;position:fixed;box-shadow:0 0 0 9999px #00000059}.tip-box{z-index:1001;border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius,12px);background:var(--ui-surface);color:var(--ui-text);padding:14px 16px 12px;transition:top .2s,left .2s;position:fixed;box-shadow:0 12px 32px #00000059}.tip-box:focus,.tip-box:focus-visible{outline:none!important;box-shadow:0 12px 32px #00000059!important}.tip-arrow{background:var(--ui-surface);border:1px solid var(--ui-border-strong);width:14px;height:14px;margin-left:-7px;position:absolute;transform:rotate(45deg)}.tip-arrow-top{border-bottom:0;border-right:0;top:-8px}.tip-arrow-bottom{border-top:0;border-left:0;bottom:-8px}.tip-title{margin:0;font-size:15px;font-weight:700}.tip-body{color:var(--ui-text-muted);margin:4px 0 0;font-size:14px;line-height:1.45}.tip-actions{align-items:center;gap:8px;margin-top:12px;display:flex}.tip-count{color:var(--ui-text-subtle);margin-right:auto;font-size:12px}.tip-actions button{border-radius:var(--ui-radius-sm,8px);cursor:pointer;min-width:44px;min-height:44px;padding:6px 12px;font-size:14px;font-weight:600}.tip-skip,.tip-back{color:var(--ui-text-muted);background:0 0;border:0}.tip-skip:hover,.tip-back:hover{color:var(--ui-text)}.tip-next{background:var(--ui-primary);color:var(--ui-on-primary,#fff);border:0;margin-left:auto}.tip-count+.tip-skip,.tip-count~.tip-next{margin-left:0}.tip-next:hover{background:var(--ui-primary-hover)}@media (prefers-reduced-motion:reduce){.tip-ring,.tip-box{transition:none}}