.tour{position:fixed;inset:0;z-index:var(--z-modal);pointer-events:auto;animation:tour-fade-in 0.25s ease-out forwards}.tour.tour--closing{animation:tour-fade-out 0.2s ease-in forwards}.tour__spot{position:fixed;border-radius:var(--radius-md);box-shadow:0 0 0 2px var(--primary),0 0 0 6px rgba(var(--primary-rgb),0.25),0 0 0 9999px rgba(0,0,0,0.66);pointer-events:none;transition:all 0.35s cubic-bezier(0.4,0,0.2,1)}.tour__tip{position:fixed;width:min(320px,calc(100vw - 28px));padding:var(--spacing-md);border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-popup);pointer-events:auto;transition:top 0.3s cubic-bezier(0.4,0,0.2,1),left 0.3s cubic-bezier(0.4,0,0.2,1)}.tour__tip-anim{animation:tour-tip-in 0.28s var(--transition-bounce) both}.tour__arrow{position:absolute;width:14px;height:14px;background:var(--bg-surface);border:1px solid var(--border-color);transform:rotate(45deg)}.tour__tip[data-pos='bottom'] .tour__arrow{border-right:none;border-bottom:none}.tour__tip[data-pos='top'] .tour__arrow{border-left:none;border-top:none}.tour__tip[data-pos='right'] .tour__arrow{border-top:none;border-right:none}.tour__tip[data-pos='left'] .tour__arrow{border-bottom:none;border-left:none}.tour__close{position:absolute;top:8px;right:8px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-pill);background:var(--bg-surface-elevated);color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.tour__close .material-icons-outlined{font-size:1.1rem}.tour__close:hover{color:var(--text-main);background:var(--bg-surface-2)}.tour__step{margin:0 0 var(--spacing-xs);font-size:var(--text-xs);font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:var(--primary)}.tour__title{margin:0 0 4px;padding-right:var(--spacing-lg);font-size:var(--text-lg);font-weight:700;color:var(--text-main)}.tour__text{margin:0 0 var(--spacing-md);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.55}.tour__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.tour__dots{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.tour__dot{width:6px;height:6px;border-radius:var(--radius-pill);background:var(--text-disabled);cursor:pointer;transition:width var(--transition-fast),background var(--transition-fast)}.tour__dot.is-done{background:var(--primary-line)}.tour__dot--remote{cursor:default}.tour__dot.is-active{width:18px;background:var(--primary)}.tour__actions{display:flex;align-items:center;gap:var(--spacing-xs)}.tour__btn{display:inline-flex;align-items:center;gap:4px;padding:8px var(--spacing-md);border:none;border-radius:var(--radius-pill);font-family:var(--font-main);font-size:var(--text-sm);font-weight:700;cursor:pointer;transition:transform var(--transition-fast),filter var(--transition-fast),color var(--transition-fast)}.tour__btn:active{transform:scale(0.95)}.tour__btn--primary{background:linear-gradient(135deg,var(--primary-hover),var(--primary-dark));color:#fff;box-shadow:0 6px 16px -6px rgba(var(--primary-rgb),0.6)}.tour__btn--primary:hover{filter:brightness(1.06)}.tour__btn--ghost{background:transparent;color:var(--text-secondary)}.tour__btn--ghost:hover{color:var(--text-main)}.tour__btn[hidden]{display:none}.tour__tap{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-sm);font-weight:600;color:var(--primary)}.tour__tap[hidden]{display:none}.tour__tap .material-icons-outlined{font-size:1.1rem;animation:tour-tap 1.4s ease-in-out infinite}@keyframes tour-fade-in{from{opacity:0}to{opacity:1}}@keyframes tour-fade-out{from{opacity:1}to{opacity:0}}@keyframes tour-tip-in{from{opacity:0;transform:scale(0.94)}to{opacity:1;transform:scale(1)}}@keyframes tour-tap{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}@media (prefers-reduced-motion:reduce){.tour__spot{transition:none}.tour__tip{transition:none}.tour__tip-anim{animation:none}.tour__tap .material-icons-outlined{animation:none}}