.tour-overlay{position:fixed;inset:0;z-index:9999;pointer-events:none}.tour-tooltip,.tour-controls,.tour-progress{pointer-events:auto}.tour-backdrop{position:absolute;inset:0;background-color:#000000bf;backdrop-filter:blur(2px);transition:clip-path .3s ease-out}.tour-backdrop--click-through{pointer-events:none}.tour-spotlight{position:absolute;border:2px solid #8b5cf6;border-radius:8px;box-shadow:0 0 0 4px #8b5cf633,0 0 30px #8b5cf666,inset 0 0 20px #8b5cf61a;pointer-events:none;animation:tour-spotlight-pulse 2s ease-in-out infinite;transition:all .3s ease-out}@keyframes tour-spotlight-pulse{0%,to{box-shadow:0 0 0 4px #8b5cf633,0 0 30px #8b5cf666,inset 0 0 20px #8b5cf61a}50%{box-shadow:0 0 0 8px #8b5cf64d,0 0 50px #8b5cf699,inset 0 0 30px #8b5cf633}}.tour-tooltip{position:absolute;width:320px;max-width:calc(100vw - 32px);background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #0000000d;z-index:10002;opacity:0;transform:translateY(10px);transition:all .3s ease-out;overflow:visible}.tour-tooltip--visible{opacity:1;transform:translateY(0)}.tour-tooltip__arrow{position:absolute;width:16px;height:16px;background:#fff;transform:translate(-50%,-50%) rotate(45deg);box-shadow:-2px -2px 4px #0000000d}.tour-tooltip__arrow--top{bottom:-8px;box-shadow:2px 2px 4px #0000000d}.tour-tooltip__arrow--bottom{top:-8px;box-shadow:-2px -2px 4px #0000000d}.tour-tooltip__arrow--left{right:-8px;box-shadow:2px -2px 4px #0000000d}.tour-tooltip__arrow--right{left:-8px;box-shadow:-2px 2px 4px #0000000d}.tour-tooltip__arrow--center{display:none}.tour-tooltip__header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.tour-tooltip__badge{font-size:12px;font-weight:600;padding:4px 8px;background:#fff3;border-radius:12px}.tour-tooltip__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:#ffffff1a;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s ease}.tour-tooltip__close:hover{background:#ffffff40;transform:scale(1.05)}.tour-tooltip__close:active{transform:scale(.95)}.tour-tooltip__content{padding:16px}.tour-tooltip__title{margin:0 0 8px;font-size:16px;font-weight:700;color:#1f2937;line-height:1.4}.tour-tooltip__text{margin:0;font-size:14px;color:#4b5563;line-height:1.6}.tour-tooltip__action{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f3f4f6;border-top:1px solid #e5e7eb;font-size:13px;color:#6b7280}.tour-tooltip__action-icon{font-size:16px;display:flex;align-items:center}.tour-tooltip__action--waiting{background:linear-gradient(135deg,#fef3c7,#fde68a);border-top-color:#f59e0b;color:#92400e;font-weight:500;animation:tour-waiting-pulse 2s ease-in-out infinite}@keyframes tour-waiting-pulse{0%,to{background:linear-gradient(135deg,#fef3c7,#fde68a)}50%{background:linear-gradient(135deg,#fffbeb,#fef3c7)}}.tour-tooltip__action--next{background:#e0e7ff;border-top-color:#6366f1;color:#4338ca}.tour-tooltip__action-text{flex:1}.tour-progress{position:fixed;bottom:100px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;z-index:10001}.tour-progress__bar{width:200px;height:4px;background:#fff3;border-radius:2px;overflow:hidden}.tour-progress__fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:2px;transition:width .3s ease-out}.tour-progress__steps{display:flex;gap:8px}.tour-progress__step{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid transparent;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease}.tour-progress__step--active{background:#8b5cf6;border-color:#8b5cf6;color:#fff;transform:scale(1.1)}.tour-progress__step--completed{background:#10b981;border-color:#10b981;color:#fff}.tour-progress__step--upcoming{background:#ffffff1a;border-color:#ffffff4d;color:#fff9;cursor:not-allowed}.tour-progress__check{width:14px;height:14px}.tour-controls{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;justify-content:space-between;align-items:center;gap:32px;padding:12px 24px;background:#fffffff2;backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:10001}.tour-controls__nav,.tour-controls__actions{display:flex;gap:8px}.tour-controls__btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.tour-controls__btn:disabled{opacity:.5;cursor:not-allowed}.tour-controls__btn--primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.tour-controls__btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.tour-controls__btn--secondary{background:#f3f4f6;color:#374151}.tour-controls__btn--secondary:hover:not(:disabled){background:#e5e7eb;transform:translateY(-1px)}.tour-controls__btn--ghost{background:transparent;color:#6b7280}.tour-controls__btn--ghost:hover:not(:disabled){background:#374151;color:#e5e7eb}.tour-controls__btn--waiting{background:linear-gradient(135deg,#78350f,#92400e);color:#fef3c7}@keyframes tour-btn-waiting{0%,to{opacity:1}50%{opacity:.7}}.tour-keyboard-hints{position:fixed;bottom:80px;right:24px;display:flex;gap:16px;font-size:12px;color:#fff9;z-index:10001}.tour-keyboard-hints span{display:flex;align-items:center;gap:4px}@media(max-width:640px){.tour-tooltip{width:calc(100vw - 32px);max-width:none;left:16px!important;right:16px!important}.tour-tooltip__arrow{display:none}.tour-controls{left:16px;right:16px;transform:none;padding:12px 16px;gap:16px}.tour-controls__btn-text{display:none}.tour-controls__btn{padding:8px}.tour-keyboard-hints{display:none}.tour-progress{bottom:90px}.tour-progress__steps{display:none}}@media(prefers-color-scheme:dark){.tour-tooltip{background:#1f2937;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003,0 0 0 1px #ffffff1a}.tour-tooltip__arrow{background:#1f2937}.tour-tooltip__title{color:#f9fafb}.tour-tooltip__text{color:#d1d5db}.tour-tooltip__action{background:#374151;border-top-color:#4b5563;color:#9ca3af}.tour-tooltip__action--waiting{background:linear-gradient(135deg,#78350f,#92400e);border-top-color:#fbbf24;color:#fef3c7}@keyframes tour-waiting-pulse{0%,to{background:linear-gradient(135deg,#78350f,#92400e)}50%{background:linear-gradient(135deg,#92400e,#b45309)}}.tour-tooltip__action--next{background:#312e81;border-top-color:#6366f1;color:#c7d2fe}.tour-controls{background:#1f2937f2}.tour-controls__btn--secondary{background:#374151;color:#e5e7eb}.tour-controls__btn--secondary:hover:not(:disabled){background:#4b5563}.tour-controls__btn--ghost{color:#9ca3af}.tour-controls__btn--ghost:hover:not(:disabled){background:#374151;color:#e5e7eb}}@media(prefers-contrast:high){.tour-spotlight{border-width:3px;border-color:#000}.tour-backdrop{background-color:#000000e6}.tour-tooltip__header{background:#000}.tour-tooltip__title{color:#000}}@media(prefers-reduced-motion:reduce){.tour-backdrop,.tour-spotlight,.tour-tooltip,.tour-tooltip__arrow,.tour-progress__fill,.tour-controls__btn{transition:none}.tour-spotlight{animation:none}}.tour-btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content}.tour-btn-sm{padding:6px 12px;font-size:13px;border-radius:6px}.tour-btn-md{padding:10px 16px;font-size:14px;border-radius:8px}.tour-btn-lg{padding:14px 20px;font-size:16px;border-radius:10px}.tour-btn-primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 2px 8px #8b5cf64d}.tour-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.tour-btn-secondary{background:#8b5cf61a;color:#7c3aed;border:1px solid rgba(139,92,246,.2)}.tour-btn-secondary:hover{background:#8b5cf626;border-color:#8b5cf64d}.tour-btn-ghost{background:transparent;color:#6b7280}.tour-btn-ghost:hover{background:#0000000d;color:#374151}.tour-btn-icon{padding:8px;background:#8b5cf61a;color:#7c3aed;border-radius:50%}.tour-btn-icon:hover{background:#8b5cf633}.tour-btn-badge{display:inline-flex;align-items:center;padding:2px 6px;font-size:10px;font-weight:700;text-transform:uppercase;border-radius:10px}.tour-btn-badge--new{background:#10b981;color:#fff}@media(prefers-color-scheme:dark){.tour-btn-secondary{background:#8b5cf633;color:#a78bfa;border-color:#8b5cf64d}.tour-btn-secondary:hover{background:#8b5cf64d;border-color:#8b5cf666}.tour-btn-ghost{color:#9ca3af}.tour-btn-ghost:hover{background:#ffffff1a;color:#e5e7eb}.tour-btn-icon{background:#8b5cf633;color:#a78bfa}.tour-btn-icon:hover{background:#8b5cf64d}}