.tour-ring{z-index:60;border:3px solid var(--focus);box-shadow:0 0 0 4px color-mix(in srgb, var(--focus) 25%, transparent);pointer-events:none;border-radius:12px;transition:top .15s,left .15s,width .15s,height .15s;animation:1.4s ease-in-out infinite tour-pulse;position:fixed}@keyframes tour-pulse{0%,to{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus) 25%, transparent)}50%{box-shadow:0 0 0 10px color-mix(in srgb, var(--focus) 8%, transparent)}}@media (prefers-reduced-motion:reduce){.tour-ring{animation:none}}.tour-card{z-index:70;border:1px solid var(--line);background:var(--surface);width:min(380px,100vw - 32px);color:var(--ink);border-radius:14px;padding:16px 18px;position:fixed;bottom:20px;right:20px;box-shadow:0 12px 32px #14103238}.tour-head{justify-content:space-between;align-items:center;display:flex}.tour-step{color:var(--focus);margin:0;font-size:12px;font-weight:700}.tour-close{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px}.tour-close:hover{background:var(--paper)}.tour-dots{gap:4px;margin:6px 0 0;padding:0;list-style:none;display:flex}.tour-dots li{background:var(--line);border-radius:2px;flex:1;height:4px}.tour-dots li.done{background:color-mix(in srgb, var(--focus) 45%, transparent)}.tour-dots li.now{background:var(--focus)}.tour-title{margin:10px 0 0;font-size:17px;line-height:1.4}.tour-body{color:var(--muted);margin:6px 0 0;font-size:14px;line-height:1.6}.tour-progress{margin:8px 0 0;font-size:14px}.tour-progress strong{color:var(--focus);font-variant-numeric:tabular-nums}.tour-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.tour-next,.tour-skip{cursor:pointer;border-radius:8px;align-items:center;height:36px;padding:0 14px;font-size:14px;text-decoration:none;display:inline-flex}.tour-next{background:var(--focus);color:#fff;border:0;font-weight:700}.tour-skip{border:1px solid var(--line);background:var(--surface);color:var(--ink)}.tour-start{border:1px solid var(--focus);background:var(--surface);height:36px;color:var(--focus);cursor:pointer;border-radius:8px;padding:0 14px;font-weight:700}@media (max-width:520px){.tour-card{width:auto;bottom:16px;left:16px;right:16px}}