.op-tour{position:fixed;inset:0;z-index:2100;font-family:var(--op-font)}.op-tour__dim{position:absolute;inset:0}.op-tour__dim.is-full{background:rgba(17,24,39,.42);animation:op-tour-fade .25s ease both}.op-tour__spot{position:absolute;border-radius:14px;box-shadow:0 0 0 2px var(--op-accent,#1a73e8),0 0 0 6px var(--op-accent-soft,#eaf2ff),0 0 0 9999px rgba(17,24,39,.42);transition:top .3s ease,left .3s ease,width .3s ease,height .3s ease;pointer-events:none;animation:op-tour-pulse 2s ease-in-out infinite}.op-tour__tip{position:absolute;width:min(360px,calc(100vw - 24px));padding:18px 18px 14px;border:1px solid var(--oc-border,#e6e9f0);border-radius:16px;background:var(--oc-surface,#fff);color:var(--oc-text,var(--op-text));box-shadow:0 12px 32px rgba(16,24,40,.12);opacity:0;transform:translateY(6px);transition:top .3s ease,left .3s ease,opacity .2s ease,transform .2s ease}.op-tour__tip.is-ready{opacity:1;transform:none}.op-tour__tip.is-centered{top:50%;left:50%;width:min(440px,calc(100vw - 24px));transform:translate(-50%,calc(-50% + 6px))}.op-tour__tip.is-centered.is-ready{transform:translate(-50%,-50%)}.op-tour__arrow{position:absolute;width:14px;height:14px;background:var(--oc-surface,#fff);transform:rotate(45deg);margin:-7px}.op-tour__arrow--right{left:0}.op-tour__arrow--left{right:0}.op-tour__arrow--bottom{top:0}.op-tour__arrow--top{bottom:0}.op-tour__count{margin:0 0 4px;font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--op-accent)}.op-tour__title{margin:0 0 8px;font-size:18px;line-height:24px;font-weight:700}.op-tour__body p{margin:0 0 8px;font-size:14px;line-height:20px;color:var(--op-text-2)}.op-tour__dots{display:flex;gap:5px;margin:12px 0}.op-tour__dot{width:6px;height:6px;border-radius:3px;background:var(--op-edge,rgba(0,0,0,.12));transition:width .2s ease,background .2s ease}.op-tour__dot.is-done{background:var(--op-accent-soft)}.op-tour__dot.is-active{width:18px;background:var(--op-accent)}.op-tour__actions{display:flex;align-items:center;gap:8px}.op-tour__spacer{flex:1 1}.op-tour__skip{border:0;background:none;padding:6px 0;font:inherit;font-size:13px;color:var(--op-text-3);cursor:pointer}.op-tour__skip:hover{color:var(--op-text)}@keyframes op-tour-fade{0%{opacity:0}}@keyframes op-tour-pulse{50%{box-shadow:0 0 0 2px var(--op-accent,#1a73e8),0 0 0 10px var(--op-accent-soft,#eaf2ff),0 0 0 9999px rgba(17,24,39,.42)}}@media (prefers-reduced-motion:reduce){.op-tour__spot,.op-tour__tip{animation:none;transition:none}}.op-tour-anchor{display:inline-flex;align-items:center}