.walkthrough-overlay-root{--walkthrough-primary:hsl(var(--primary));--walkthrough-primary-foreground:hsl(var(--primary-foreground));--walkthrough-text:hsl(var(--foreground));--walkthrough-bg:hsl(var(--card));--walkthrough-border:hsl(var(--border));--walkthrough-muted:hsl(var(--muted-foreground));--walkthrough-secondary:hsl(var(--secondary));--walkthrough-secondary-foreground:hsl(var(--secondary-foreground))}.walkthrough-overlay-bg{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:9998;cursor:pointer}.walkthrough-spotlight{position:fixed;background:transparent;border:3px solid var(--walkthrough-primary);border-radius:8px;box-shadow:0 0 0 9999px rgba(0,0,0,.5);z-index:9999;pointer-events:none;transition:all .3s ease-in-out}.walkthrough-tooltip{position:fixed;z-index:10000;min-width:280px;max-width:320px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.walkthrough-tooltip-content{background:var(--walkthrough-bg);border-radius:12px;padding:20px;box-shadow:0 10px 25px hsl(var(--foreground)/.15);border:1px solid var(--walkthrough-border)}.walkthrough-tooltip-title{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--walkthrough-text);line-height:1.4}.walkthrough-tooltip-description{margin:0 0 16px;font-size:14px;color:var(--walkthrough-muted);line-height:1.5}.walkthrough-progress{font-size:12px;color:var(--walkthrough-muted);margin-bottom:8px;font-weight:500}.walkthrough-progress-bar{height:4px;background:var(--walkthrough-border);border-radius:2px;overflow:hidden;margin-bottom:16px}.walkthrough-progress-fill{height:100%;background:var(--walkthrough-primary);transition:width .3s ease-in-out}.walkthrough-buttons{display:flex;gap:8px;flex-wrap:wrap}.walkthrough-btn{flex:1;min-width:70px;padding:8px 12px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.walkthrough-btn-primary{background:var(--walkthrough-primary);color:var(--walkthrough-primary-foreground)}.walkthrough-btn-primary:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px hsl(var(--primary)/.3)}.walkthrough-btn-secondary{background:var(--walkthrough-secondary);color:var(--walkthrough-secondary-foreground)}.walkthrough-btn-secondary:hover{opacity:.9}.walkthrough-btn-text{background:transparent;color:var(--walkthrough-primary);text-decoration:underline;padding:8px 0}.walkthrough-btn-text:hover{background:transparent;opacity:.7}@media (max-width:768px){.walkthrough-tooltip{min-width:250px;max-width:90vw}.walkthrough-tooltip-content{padding:16px}.walkthrough-tooltip-title{font-size:15px}.walkthrough-tooltip-description{font-size:13px}.walkthrough-btn{padding:10px 12px;font-size:13px}.walkthrough-buttons{flex-direction:column}.walkthrough-btn{width:100%;min-width:auto}}@media (max-width:480px){.walkthrough-tooltip{min-width:auto;max-width:95vw}.walkthrough-tooltip-content{padding:14px}.walkthrough-tooltip-title{font-size:14px}.walkthrough-tooltip-description{font-size:12px;margin-bottom:12px}.walkthrough-btn{padding:10px 8px;font-size:12px}}