.onboarding-progress-widget{z-index:9999;font-family:var(--font-sans,system-ui,-apple-system,sans-serif);transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;bottom:1.5rem;left:1.5rem}.onboarding-progress-widget.collapsed{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards slideInFromLeft}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@media (max-width:768px){.onboarding-progress-widget{display:none}}.onboarding-progress-widget.collapsed{width:auto}.onboarding-progress-widget.collapsed .onboarding-toggle{background:var(--color-primary,#06c);cursor:pointer;border:none;border-radius:2rem;align-items:center;gap:.75rem;padding:.625rem 1.25rem .625rem .625rem;transition:all .2s;display:flex;box-shadow:0 4px 20px #06c6,0 2px 8px #0000001a}.onboarding-progress-widget.collapsed .onboarding-toggle:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 6px 28px #0066cc80,0 4px 12px #00000026}.onboarding-progress-widget.all-complete.collapsed .onboarding-toggle{background:var(--color-success,#10b981);box-shadow:0 4px 20px #10b98166,0 2px 8px #0000001a}.onboarding-progress-widget.all-complete.collapsed .onboarding-toggle:hover{box-shadow:0 6px 28px #10b98180,0 4px 12px #00000026}.toggle-label{font-size:var(--text-sm,.875rem);color:#fff;white-space:nowrap;font-weight:600}.onboarding-progress-widget.expanded{width:320px}.onboarding-progress-widget.expanded .onboarding-toggle{display:none}.progress-ring-container{flex-shrink:0;width:40px;height:40px;position:relative}.progress-ring{width:100%;height:100%;transform:rotate(-90deg)}.progress-ring-bg{fill:none;stroke:#ffffff4d;stroke-width:3px}.progress-ring-fill{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;transition:stroke-dasharray .5s}.onboarding-progress-widget.all-complete .progress-ring-fill{stroke:#fff}.progress-ring-center{font-size:var(--text-xs,.75rem);color:#fff;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.progress-ring-center i{color:#fff;font-size:var(--text-sm,.875rem)}.onboarding-panel{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:var(--radius-lg,.75rem);box-shadow:var(--shadow-xl,0 15px 35px #00000026);animation:.3s ease-out slideUp;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.onboarding-header{border-bottom:1px solid var(--color-border,#e5e7eb);justify-content:space-between;align-items:flex-start;padding:1rem 1rem .75rem;display:flex}.onboarding-title h3{font-size:var(--text-base,1rem);color:var(--color-text-primary,#111827);margin:0;font-weight:600}.onboarding-title .progress-text{font-size:var(--text-xs,.75rem);color:var(--color-text-tertiary,#9ca3af);margin-top:.125rem;display:block}.onboarding-close{width:28px;height:28px;color:var(--color-text-tertiary,#9ca3af);cursor:pointer;border-radius:var(--radius-sm,.25rem);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.onboarding-close:hover{background:var(--color-hover-bg,#f3f4f6);color:var(--color-text-primary,#111827)}.onboarding-progress-bar{background:var(--color-border,#e5e7eb);height:3px;overflow:hidden}.onboarding-progress-bar .progress-fill{background:linear-gradient(90deg,var(--color-primary,#06c),var(--color-primary-hover,#0052a3));height:100%;transition:width .5s}.onboarding-tasks{margin:0;padding:.5rem 0;list-style:none}.onboarding-task{position:relative}.onboarding-task .task-link{align-items:center;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:background .2s;display:flex}.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{background:var(--color-hover-bg,#f3f4f6);width:32px;height:32px;color:var(--color-text-tertiary,#9ca3af);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.task-checkbox i{font-size:var(--text-sm,.875rem)}.task-checkbox.checked{background:var(--color-success,#10b981);color:#fff}.onboarding-task.just-completed .task-checkbox{animation:.4s ease-out checkPop}@keyframes checkPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.task-content{flex:1;min-width:0}.task-title{font-size:var(--text-sm,.875rem);color:var(--color-text-primary,#111827);font-weight:500;line-height:1.3;display:block}.onboarding-task.completed .task-title{color:var(--color-text-tertiary,#9ca3af);text-decoration:line-through}.task-description{font-size:var(--text-xs,.75rem);color:var(--color-text-tertiary,#9ca3af);margin-top:.125rem;line-height:1.4;display:block}.task-arrow{color:var(--color-text-tertiary,#9ca3af);font-size:var(--text-xs,.75rem);transition:transform .2s}.onboarding-task .task-link:hover .task-arrow{color:var(--color-primary,#06c);transform:translate(3px)}@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{justify-content:flex-start;width:100%}}@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{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;opacity:0;background:#0009;justify-content:center;align-items:center;padding:1rem;transition:opacity .3s;display:flex;position:fixed;inset:0}.onboarding-quiz-overlay.visible{opacity:1}.onboarding-quiz-modal{background:var(--color-surface);opacity:0;border-radius:1.5rem;width:100%;max-width:520px;max-height:90vh;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s,height .3s cubic-bezier(.4,0,.2,1);overflow:hidden auto;transform:scale(.9)translateY(20px);box-shadow:0 25px 50px -12px #0006}.onboarding-quiz-modal.visible{opacity:1;transform:scale(1)translateY(0)}.onboarding-quiz-modal::-webkit-scrollbar{width:6px}.onboarding-quiz-modal::-webkit-scrollbar-track{background:0 0}.onboarding-quiz-modal::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.onboarding-quiz-modal::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.onboarding-quiz-header{border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,#8b5cf614,#6366f10d);border-radius:1.5rem 1.5rem 0 0;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.onboarding-quiz-close-btn{background:var(--color-surface);border:1px solid var(--color-border);width:32px;height:32px;color:var(--color-text-secondary);font-size:var(--text-xs);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;transition:all .2s;animation:.4s ease-out forwards skip-fade-in;display:flex}.onboarding-quiz-close-btn:hover{background:var(--color-background);color:var(--color-text);border-color:var(--color-text-tertiary)}[data-theme=dark] .onboarding-quiz-close-btn{background:#2a2a3a;border-color:#404050}[data-theme=dark] .onboarding-quiz-close-btn:hover{background:#1e1e2e;border-color:#505060}.onboarding-quiz-logo{flex-shrink:0;width:36px;height:36px}.onboarding-quiz-logo img{object-fit:contain;width:100%;height:100%}.onboarding-quiz-welcome h1{font-size:var(--text-base);color:var(--color-text);font-weight:600;font-family:var(--font-family);margin:0}.onboarding-quiz-welcome p{font-size:var(--text-xs);color:var(--color-text-secondary);font-family:var(--font-family);margin:.125rem 0 0}.onboarding-quiz-progress{background:var(--color-border);height:4px;overflow:hidden}.onboarding-quiz-progress-fill{background:linear-gradient(90deg,#8b5cf6,#6366f1);height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.onboarding-quiz-content{min-height:340px;padding:1.5rem 1.5rem 0;transition:min-height .3s cubic-bezier(.4,0,.2,1);overflow-y:auto}.onboarding-quiz-content.animating-forward{animation:.25s cubic-bezier(.4,0,1,1) forwards onboarding-quiz-slide-out-left}.onboarding-quiz-content.animating-backward{animation:.25s cubic-bezier(.4,0,1,1) forwards onboarding-quiz-slide-out-right}@keyframes onboarding-quiz-slide-out-left{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-40px)scale(.98)}}@keyframes onboarding-quiz-slide-out-right{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(40px)scale(.98)}}.onboarding-quiz-step{animation:.35s cubic-bezier(0,0,.2,1) onboarding-quiz-slide-in}@keyframes onboarding-quiz-slide-in{0%{opacity:0;transform:translate(20px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}.onboarding-quiz-question{text-align:center;margin-bottom:1.5rem}.onboarding-quiz-step-indicator{color:#8b5cf6;font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.05em;font-weight:600;font-family:var(--font-family);background:#8b5cf61a;border-radius:9999px;margin-bottom:.75rem;padding:.25rem .75rem;display:inline-block}.onboarding-quiz-question h2{font-size:var(--text-xl);color:var(--color-text);font-weight:600;font-family:var(--font-family);margin:0}.onboarding-quiz-question p{font-size:var(--text-sm);color:var(--color-text-secondary);font-family:var(--font-family);margin:.5rem 0 0}.onboarding-quiz-options{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.onboarding-quiz-option{background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;text-align:left;font-family:var(--font-family);align-items:center;gap:.75rem;padding:.875rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:flex;position:relative;overflow:hidden}.onboarding-quiz-option:active{transform:scale(.98)}.onboarding-quiz-option:hover{background:var(--color-surface);border-color:#8b5cf666;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.onboarding-quiz-option.selected{background:#8b5cf614;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.onboarding-quiz-option i:first-child{background:var(--color-surface);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-secondary);font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.onboarding-quiz-option:hover i:first-child{color:#8b5cf6;background:#8b5cf61a}.onboarding-quiz-option.selected i:first-child{color:#8b5cf6;background:#8b5cf626}.onboarding-quiz-option span{font-size:var(--text-sm);color:var(--color-text);flex:1;font-weight:500}.onboarding-quiz-check{color:#fff;background:#8b5cf6;border-radius:50%;width:18px;height:18px;animation:.3s cubic-bezier(.34,1.56,.64,1) onboarding-quiz-check-pop;position:absolute;top:.5rem;right:.5rem}.onboarding-quiz-check:before{font-size:9px;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes onboarding-quiz-check-pop{0%{transform:scale(0)}to{transform:scale(1)}}.onboarding-quiz-footer{border-top:1px solid var(--color-border);background:var(--color-background);justify-content:space-between;align-items:center;padding:1rem 1.5rem 1.5rem;display:flex}.onboarding-quiz-footer-left,.onboarding-quiz-footer-right{align-items:center;display:flex}.onboarding-quiz-back-btn,.onboarding-quiz-skip-btn{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;background:0 0;border:none;align-items:center;gap:.5rem;padding:.625rem 1rem;transition:all .2s;display:flex}.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-skip-btn.fade-in{animation:.4s ease-out forwards skip-fade-in}@keyframes skip-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.onboarding-quiz-next-btn,.onboarding-quiz-finish-btn{border-radius:var(--radius-sm);color:#fff;font-size:var(--text-sm);font-weight:600;font-family:var(--font-family);cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;align-items:center;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s;display:flex;box-shadow:0 2px 8px #8b5cf64d}.onboarding-quiz-next-btn:hover:not(:disabled),.onboarding-quiz-finish-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #8b5cf666}.onboarding-quiz-next-btn:disabled,.onboarding-quiz-finish-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.onboarding-quiz-finish-btn{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 8px #22c55e4d}.onboarding-quiz-finish-btn:hover:not(:disabled){box-shadow:0 4px 16px #22c55e66}@media (max-width:540px){.onboarding-quiz-overlay{align-items:center;padding:1.5rem 1rem}.onboarding-quiz-modal{border-radius:1.25rem;max-height:calc(100vh - 3rem)}.onboarding-quiz-header{border-radius:1.25rem 1.25rem 0 0;padding:1.25rem}.onboarding-quiz-logo{width:40px;height:40px}.onboarding-quiz-welcome h1{font-size:var(--text-base)}.onboarding-quiz-content{min-height:auto;padding:1.25rem}.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{flex-direction:column-reverse;gap:.75rem;padding:1rem 1.25rem}.onboarding-quiz-footer-left,.onboarding-quiz-footer-right{width:100%}.onboarding-quiz-footer-right{justify-content:stretch}.onboarding-quiz-next-btn,.onboarding-quiz-finish-btn,.onboarding-quiz-skip-btn,.onboarding-quiz-back-btn{justify-content:center;width:100%}}@media (max-height:600px){.onboarding-quiz-overlay{align-items:flex-start;padding:.5rem}.onboarding-quiz-modal{border-radius:1rem;max-height:calc(100vh - 1rem)}.onboarding-quiz-header{border-radius:1rem 1rem 0 0;padding:1rem}.onboarding-quiz-logo{width:36px;height:36px}.onboarding-quiz-content{min-height:auto;padding:1rem}.onboarding-quiz-question{margin-bottom:1rem}.onboarding-quiz-question h2{font-size:var(--text-base)}.onboarding-quiz-question p{font-size:var(--text-xs)}.onboarding-quiz-option{padding:.625rem .75rem}.onboarding-quiz-footer{padding:.75rem 1rem}}.onboarding-quiz-modal.api-test-modal .onboarding-quiz-content{min-height:auto}.onboarding-api-test-step{animation:.35s cubic-bezier(0,0,.2,1) onboarding-quiz-slide-in}.onboarding-api-test{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:1rem;overflow:hidden}.onboarding-api-test-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);font-family:var(--font-mono,"Monaco","Menlo",monospace);font-size:var(--text-sm);align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.onboarding-api-test-method{color:#fff;border-radius:var(--radius-xs);font-size:var(--text-2xs);letter-spacing:.02em;text-transform:uppercase;background:linear-gradient(135deg,#3b82f6,#2563eb);justify-content:center;align-items:center;padding:.25rem .5rem;font-weight:700;display:inline-flex}.onboarding-api-test-method.post{background:linear-gradient(135deg,#22c55e,#16a34a)}.onboarding-api-test-endpoint{color:var(--color-text-secondary);word-break:break-all;flex:1}.onboarding-api-test-inputs{flex-direction:column;display:flex}.onboarding-api-test-input{align-items:center;gap:.5rem;padding:.375rem 1rem;display:flex}.onboarding-api-test-input label{font-size:var(--text-xs);color:var(--color-text-secondary);white-space:nowrap;text-transform:uppercase;letter-spacing:.02em;min-width:60px;font-weight:600}.onboarding-api-test-input input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-sm);font-family:var(--font-mono,"Monaco","Menlo",monospace);flex:1;padding:.625rem .875rem;transition:all .2s}.onboarding-api-test-input input:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf626}.onboarding-api-test-run{border-radius:var(--radius-sm);color:#fff;width:calc(100% - 2rem);font-size:var(--text-sm);font-weight:600;font-family:var(--font-family);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;justify-content:center;align-items:center;gap:.5rem;margin:1rem;padding:.875rem 1.25rem;transition:all .2s;display:flex;box-shadow:0 2px 8px #8b5cf64d}.onboarding-api-test-run:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #8b5cf666}.onboarding-api-test-run:disabled{opacity:.6;cursor:not-allowed;transform:none}.onboarding-api-test-run.success{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 8px #22c55e4d}.onboarding-api-test-run.success:hover:not(:disabled){box-shadow:0 4px 16px #22c55e66}.onboarding-api-test-run .fa-spin{animation:1s linear infinite fa-spin}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.onboarding-api-test-response{padding:1rem}.onboarding-api-test-status{font-size:var(--text-2xs);border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-weight:600;display:inline-flex}.onboarding-api-test-status.success{color:#22c55e;background:#22c55e1a}.onboarding-api-test-status.error{color:#ef4444;background:#ef44441a}.onboarding-api-test-json{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);max-height:200px;font-family:var(--font-mono,"Monaco","Menlo",monospace);color:var(--color-text);white-space:pre-wrap;word-break:break-word;margin:0;padding:.75rem;font-size:11px;line-height:1.5;overflow-y:auto}.onboarding-api-test-json::-webkit-scrollbar{width:6px}.onboarding-api-test-json::-webkit-scrollbar-track{background:0 0}.onboarding-api-test-json::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.onboarding-api-test-json::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.onboarding-api-test-json .json-key{color:#8b5cf6}.onboarding-api-test-json .json-string{color:#16a34a}.onboarding-api-test-json .json-number{color:#0550ae}.onboarding-api-test-json .json-boolean{color:#cf222e}.onboarding-api-test-json .json-null{color:#953800}[data-theme=dark] .onboarding-api-test-json .json-key{color:#a78bfa}[data-theme=dark] .onboarding-api-test-json .json-string{color:#4ade80}[data-theme=dark] .onboarding-api-test-json .json-number{color:#79c0ff}[data-theme=dark] .onboarding-api-test-json .json-boolean{color:#ff7b72}[data-theme=dark] .onboarding-api-test-json .json-null{color:#ffa657}.onboarding-api-test-footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.75rem;display:flex}.onboarding-api-test-label{font-size:var(--text-xs);color:var(--color-text-secondary);align-items:center;gap:.375rem;font-weight:500;display:flex}.onboarding-api-test-label .live-dot{color:#22c55e;font-size:6px;animation:2s ease-in-out infinite live-pulse}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.4}}.onboarding-api-test-meta{align-items:center;gap:.75rem;display:flex}.onboarding-api-test-credit{font-size:var(--text-xs);color:var(--color-text-tertiary);align-items:center;gap:.375rem;display:flex}.onboarding-api-test-credit i{color:#22c55e}.onboarding-api-test-loading{color:var(--color-text-secondary);font-size:var(--text-sm);justify-content:center;align-items:center;gap:.5rem;padding:2rem;display:flex}@media (max-width:540px){.onboarding-api-test-header{flex-wrap:wrap;gap:.5rem;padding:.75rem}.onboarding-api-test-input{flex-direction:column;align-items:stretch;gap:.5rem;padding:.75rem}.onboarding-api-test-input label{align-self:flex-start}.onboarding-api-test-run{width:calc(100% - 1.5rem);margin:.75rem}.onboarding-api-test-response{padding:.75rem}.onboarding-api-test-footer{flex-wrap:wrap;gap:.5rem}.onboarding-api-test-json{max-height:200px;padding:.75rem;font-size:10px}}@media (max-height:600px){.onboarding-api-test-json{max-height:150px}}[data-theme=dark] .onboarding-quiz-modal{box-shadow:0 25px 50px -12px #000000b3}[data-theme=dark] .onboarding-quiz-header{background:linear-gradient(135deg,#8b5cf61f,#6366f114)}[data-theme=dark] .onboarding-quiz-footer{background:var(--color-surface)}[data-theme=dark] .onboarding-quiz-option{background:#1e1e2e;border-color:#383850}[data-theme=dark] .onboarding-quiz-option span{color:#fff}[data-theme=dark] .onboarding-quiz-option:hover{background:#262637;border-color:#8b5cf680}[data-theme=dark] .onboarding-quiz-option.selected{background:#8b5cf633;border-color:#a78bfa}[data-theme=dark] .onboarding-quiz-option i:first-child{color:#a0a0b0;background:#16161e}[data-theme=dark] .onboarding-quiz-option:hover i:first-child{color:#a78bfa;background:#8b5cf633}[data-theme=dark] .onboarding-quiz-option.selected i:first-child{color:#a78bfa;background:#8b5cf640}[data-theme=dark] .onboarding-api-test{background:var(--color-surface)}[data-theme=dark] .onboarding-api-test-header,[data-theme=dark] .onboarding-api-test-input input,[data-theme=dark] .onboarding-api-test-json{background:var(--color-background)}