.onboarding-layer{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:visible;pointer-events:none;color:var(--ink)}.onboarding-layer::backdrop{background:transparent;pointer-events:none}.tour-shade{position:fixed;background:#15151280;pointer-events:auto;touch-action:none}.tour-hole{position:fixed;border:1px solid #fff9;border-radius:8px;pointer-events:none}.tour-tip{position:fixed;width:min(320px,calc(100vw - 24px));padding:16px 18px;background:#fff;border-radius:8px;box-shadow:0 8px 30px #0002;pointer-events:auto;box-sizing:border-box}.tour-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);margin-bottom:8px}.tour-caption .icon-button{width:28px;height:28px;min-height:28px;font-size:15px}.tour-tip h2{font-size:17px;line-height:1.35;margin:0 0 8px;font-weight:600}.tour-tip p{font-size:14px;line-height:1.5;margin:0;color:var(--ink)}.tour-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.tour-actions .button{font-size:13px;min-height:40px;padding:9px 14px}.tour-actions .text-button{font-size:12px;min-height:40px}.tour-actions>span{font-size:12px;color:var(--muted)}
.tour-actions{flex-wrap:wrap}.tour-actions [data-tour-alternate]{font-size:13px}.tour-actions>span{max-width:200px;text-align:right}.tour-tip{max-height:calc(100dvh - 24px);overflow:auto}
.empty-state-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
/* A feathered mask softens the spotlight; transparent shades only catch clicks. */
.tour-veil{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.tour-shade{background:transparent}.tour-hole{border:0}