.onboarding-progress-widget{position:fixed;bottom:1.5rem;left:1.5rem;z-index:9999;font-family:var(--font-sans,system-ui,-apple-system,sans-serif);transition:all .3s cubic-bezier(.4,0,.2,1)}.onboarding-progress-widget.collapsed{animation:slideInFromLeft .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.onboarding-progress-widget{display:none}}.onboarding-progress-widget.collapsed{width:auto}.onboarding-progress-widget.collapsed .onboarding-toggle{display:flex;align-items:center;gap:.75rem;padding:.625rem 1.25rem .625rem .625rem;background:var(--color-primary,#0066cc);border:none;border-radius:2rem;box-shadow:0 4px 20px rgba(0,102,204,.4),0 2px 8px rgba(0,0,0,.1);cursor:pointer;transition:all .2s ease}.onboarding-progress-widget.collapsed .onboarding-toggle:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 28px rgba(0,102,204,.5),0 4px 12px rgba(0,0,0,.15)}.onboarding-progress-widget.all-complete.collapsed .onboarding-toggle{background:var(--color-success,#10b981);box-shadow:0 4px 20px rgba(16,185,129,.4),0 2px 8px rgba(0,0,0,.1)}.onboarding-progress-widget.all-complete.collapsed .onboarding-toggle:hover{box-shadow:0 6px 28px rgba(16,185,129,.5),0 4px 12px rgba(0,0,0,.15)}.toggle-label{font-size:var(--text-sm,.875rem);font-weight:600;color:white;white-space:nowrap}.onboarding-progress-widget.expanded{width:320px}.onboarding-progress-widget.expanded .onboarding-toggle{display:none}.progress-ring-container{position:relative;width:40px;height:40px;flex-shrink:0}.progress-ring{width:100%;height:100%;transform:rotate(-90deg)}.progress-ring-bg{fill:none;stroke:rgba(255,255,255,.3);stroke-width:3}.progress-ring-fill{fill:none;stroke:white;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .5s ease}.onboarding-progress-widget.all-complete .progress-ring-fill{stroke:white}.progress-ring-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--text-xs,.75rem);font-weight:600;color:white}.progress-ring-center i{color:white;font-size:var(--text-sm,.875rem)}.onboarding-panel{background:var(--color-surface,#ffffff);border:1px solid var(--color-border,#e5e7eb);border-radius:var(--radius-lg,.75rem);box-shadow:var(--shadow-xl,0 15px 35px rgba(0,0,0,.15));overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.onboarding-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1rem .75rem;border-bottom:1px solid var(--color-border,#e5e7eb)}.onboarding-title h3{margin:0;font-size:var(--text-base,1rem);font-weight:600;color:var(--color-text-primary,#111827)}.onboarding-title .progress-text{font-size:var(--text-xs,.75rem);color:var(--color-text-tertiary,#9ca3af);margin-top:.125rem;display:block}.onboarding-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--color-text-tertiary,#9ca3af);cursor:pointer;border-radius:var(--radius-sm,.25rem);transition:all .2s ease}.onboarding-close:hover{background:var(--color-hover-bg,#f3f4f6);color:var(--color-text-primary,#111827)}.onboarding-progress-bar{height:3px;background:var(--color-border,#e5e7eb);overflow:hidden}.onboarding-progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary,#0066cc),var(--color-primary-hover,#0052a3));transition:width .5s ease}.onboarding-tasks{list-style:none;margin:0;padding:.5rem 0}.onboarding-task{position:relative}.onboarding-task .task-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:background .2s ease}.onboarding-task .task-link:hover{background:var(--color-hover-bg,#f9fafb)}.onboarding-task.completed .task-link{opacity:.7}.onboarding-task.completed .task-link:hover{opacity:1}.task-checkbox{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease;background:var(--color-hover-bg,#f3f4f6);color:var(--color-text-tertiary,#9ca3af)}.task-checkbox i{font-size:var(--text-sm,.875rem)}.task-checkbox.checked{background:var(--color-success,#10b981);color:white}.onboarding-task.just-completed .task-checkbox{animation:checkPop .4s ease-out}@keyframes checkPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.task-content{flex:1;min-width:0}.task-title{display:block;font-size:var(--text-sm,.875rem);font-weight:500;color:var(--color-text-primary,#111827);line-height:1.3}.onboarding-task.completed .task-title{text-decoration:line-through;color:var(--color-text-tertiary,#9ca3af)}.task-description{display:block;line-height:1.4;margin-top:.125rem}.task-arrow,.task-description{font-size:var(--text-xs,.75rem);color:var(--color-text-tertiary,#9ca3af)}.task-arrow{transition:transform .2s ease}.onboarding-task .task-link:hover .task-arrow{transform:translateX(3px);color:var(--color-primary,#0066cc)}@media (max-width:480px){.onboarding-progress-widget{bottom:1rem;left:1rem;right:1rem}.onboarding-progress-widget.expanded{width:auto}.onboarding-progress-widget.collapsed .onboarding-toggle{width:100%;justify-content:flex-start}}@media (prefers-color-scheme:dark){.onboarding-panel{background:var(--color-surface,#1f2937);border-color:var(--color-border,#374151)}.onboarding-title h3,.task-title{color:var(--color-text-primary,#f3f4f6)}.task-checkbox{background:var(--color-hover-bg,#374151)}}.onboarding-quiz-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;transition:opacity .3s ease;padding:1rem}.onboarding-quiz-overlay.visible{opacity:1}.onboarding-quiz-modal{background:var(--color-surface);border-radius:1.5rem;width:100%;max-width:520px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.4);transform:scale(.9) translateY(20px);opacity:0;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s ease,height .3s cubic-bezier(.4,0,.2,1)}.onboarding-quiz-modal.visible{transform:scale(1) translateY(0);opacity:1}.onboarding-quiz-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 1.5rem 1rem;background:linear-gradient(135deg,rgba(139,92,246,.08),rgba(99,102,241,.05));border-bottom:1px solid var(--color-border);border-radius:1.5rem 1.5rem 0 0}.onboarding-quiz-logo{width:48px;height:48px;flex-shrink:0}.onboarding-quiz-logo img{width:100%;height:100%;object-fit:contain}.onboarding-quiz-welcome h1{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--color-text);font-family:var(--font-family)}.onboarding-quiz-welcome p{margin:.25rem 0 0;font-size:var(--text-sm);color:var(--color-text-secondary);font-family:var(--font-family)}.onboarding-quiz-progress{height:4px;background:var(--color-border);overflow:hidden}.onboarding-quiz-progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#6366f1);transition:width .4s cubic-bezier(.4,0,.2,1)}.onboarding-quiz-content{padding:1.5rem;min-height:340px;overflow-y:auto;transition:min-height .3s cubic-bezier(.4,0,.2,1)}.onboarding-quiz-content.animating-forward{animation:onboarding-quiz-slide-out-left .25s cubic-bezier(.4,0,1,1) forwards}.onboarding-quiz-content.animating-backward{animation:onboarding-quiz-slide-out-right .25s cubic-bezier(.4,0,1,1) forwards}@keyframes onboarding-quiz-slide-out-left{0%{transform:translateX(0) scale(1);opacity:1}to{transform:translateX(-40px) scale(.98);opacity:0}}@keyframes onboarding-quiz-slide-out-right{0%{transform:translateX(0) scale(1);opacity:1}to{transform:translateX(40px) scale(.98);opacity:0}}.onboarding-quiz-step{animation:onboarding-quiz-slide-in .35s cubic-bezier(0,0,.2,1)}@keyframes onboarding-quiz-slide-in{0%{opacity:0;transform:translateX(20px) scale(.98)}to{opacity:1;transform:translateX(0) scale(1)}}.onboarding-quiz-question{text-align:center;margin-bottom:1.5rem}.onboarding-quiz-step-indicator{display:inline-block;padding:.25rem .75rem;background:rgba(139,92,246,.1);color:#8b5cf6;border-radius:9999px;font-size:var(--text-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-family:var(--font-family)}.onboarding-quiz-question h2{margin:0;font-size:var(--text-xl);font-weight:600;color:var(--color-text);font-family:var(--font-family)}.onboarding-quiz-question p{margin:.5rem 0 0;font-size:var(--text-sm);color:var(--color-text-secondary);font-family:var(--font-family)}.onboarding-quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.onboarding-quiz-option{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;text-align:left;font-family:var(--font-family);position:relative;overflow:hidden}.onboarding-quiz-option:active{transform:scale(.98)}.onboarding-quiz-option:hover{border-color:rgba(139,92,246,.4);background:var(--color-surface);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.onboarding-quiz-option.selected{border-color:#8b5cf6;background:rgba(139,92,246,.08);box-shadow:0 0 0 3px rgba(139,92,246,.15)}.onboarding-quiz-option i:first-child{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-sm);flex-shrink:0;transition:all .2s ease}.onboarding-quiz-option:hover i:first-child{color:#8b5cf6;background:rgba(139,92,246,.1)}.onboarding-quiz-option.selected i:first-child{color:#8b5cf6;background:rgba(139,92,246,.15)}.onboarding-quiz-option span{flex:1;font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.onboarding-quiz-check{position:absolute;top:.5rem;right:.5rem;width:18px;height:18px;background:#8b5cf6;color:white;border-radius:50%;animation:onboarding-quiz-check-pop .3s cubic-bezier(.34,1.56,.64,1)}.onboarding-quiz-check:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:9px;line-height:1}@keyframes onboarding-quiz-check-pop{0%{transform:scale(0)}to{transform:scale(1)}}.onboarding-quiz-footer{justify-content:space-between;padding:1rem 1.5rem 1.5rem;border-top:1px solid var(--color-border);background:var(--color-background)}.onboarding-quiz-footer,.onboarding-quiz-footer-left,.onboarding-quiz-footer-right{display:flex;align-items:center}.onboarding-quiz-back-btn,.onboarding-quiz-skip-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all .2s ease}.onboarding-quiz-back-btn:hover,.onboarding-quiz-skip-btn:hover{color:var(--color-text);background:var(--color-surface)}.onboarding-quiz-back-btn:disabled{opacity:.5;cursor:not-allowed}.onboarding-quiz-finish-btn,.onboarding-quiz-next-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:var(--radius-sm);color:white;font-size:var(--text-sm);font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(139,92,246,.3)}.onboarding-quiz-finish-btn:hover:not(:disabled),.onboarding-quiz-next-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px rgba(139,92,246,.4)}.onboarding-quiz-finish-btn:disabled,.onboarding-quiz-next-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.onboarding-quiz-finish-btn{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 8px rgba(34,197,94,.3)}.onboarding-quiz-finish-btn:hover:not(:disabled){box-shadow:0 4px 16px rgba(34,197,94,.4)}@media (max-width:540px){.onboarding-quiz-overlay{align-items:flex-start;padding:3rem 1rem 1.5rem}.onboarding-quiz-modal{max-height:calc(100vh - 6rem);border-radius:1.25rem;margin-bottom:1.5rem}.onboarding-quiz-header{padding:1.25rem;border-radius:1.25rem 1.25rem 0 0}.onboarding-quiz-logo{width:40px;height:40px}.onboarding-quiz-welcome h1{font-size:var(--text-base)}.onboarding-quiz-content{padding:1.25rem;min-height:auto}.onboarding-quiz-question h2{font-size:var(--text-lg)}.onboarding-quiz-options{grid-template-columns:1fr}.onboarding-quiz-option{padding:.75rem}.onboarding-quiz-option i:first-child{width:28px;height:28px;font-size:var(--text-xs)}.onboarding-quiz-footer{padding:1rem 1.25rem;flex-direction:column-reverse;gap:.75rem}.onboarding-quiz-footer-left,.onboarding-quiz-footer-right{width:100%}.onboarding-quiz-footer-right{justify-content:stretch}.onboarding-quiz-back-btn,.onboarding-quiz-finish-btn,.onboarding-quiz-next-btn,.onboarding-quiz-skip-btn{width:100%;justify-content:center}}[data-theme=dark] .onboarding-quiz-modal{box-shadow:0 25px 50px -12px rgba(0,0,0,.7)}[data-theme=dark] .onboarding-quiz-option{background:var(--color-surface)}[data-theme=dark] .onboarding-quiz-option:hover{background:var(--color-surface-hover)}