.tutorial-content{font-size:14px;line-height:1.65;color:#475569;text-align:left}.tutorial-paragraph{margin:0 0 .625rem;text-align:left}.tutorial-paragraph:last-child{margin-bottom:0}.tutorial-content strong{font-weight:600;color:#1e293b}.tutorial-list{margin:.5rem 0;padding:0;list-style:none}.tutorial-list:first-child{margin-top:0}.tutorial-list:last-child{margin-bottom:0}.tutorial-list li{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.375rem;font-size:13.5px;line-height:1.55}.tutorial-list li:last-child{margin-bottom:0}.tutorial-bullet{font-weight:700;font-size:12px;margin-top:.125rem;width:.75rem;text-align:center}.tutorial-bullet,.tutorial-number{color:#059669;line-height:1.55;flex-shrink:0}.tutorial-number{font-weight:600;font-size:13px;width:1.25rem;text-align:right}.tutorial-content p:first-child{margin-top:0}.tutorial-panel{width:360px;max-width:calc(100vw - 32px);background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25),0 0 0 1px rgba(0,0,0,.05);overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:box-shadow .2s ease}.tutorial-panel-dragging{box-shadow:0 30px 60px -15px rgba(0,0,0,.3),0 0 0 1px rgba(0,0,0,.05)}@media (prefers-color-scheme:dark){.tutorial-panel{background:#1e293b;box-shadow:0 25px 50px -12px rgba(0,0,0,.5),0 0 0 1px hsla(0,0%,100%,.1)}}.tutorial-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;user-select:none}@media (prefers-color-scheme:dark){.tutorial-panel-header{background:#0f172a;border-bottom-color:#334155}}.tutorial-panel-header-left{display:flex;align-items:center;gap:8px}.tutorial-panel-grip{color:#94a3b8;flex-shrink:0}.tutorial-panel-step-count{font-size:13px;font-weight:500;color:#64748b}@media (prefers-color-scheme:dark){.tutorial-panel-step-count{color:#94a3b8}}.tutorial-panel-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:#94a3b8;cursor:pointer;transition:all .15s ease}.tutorial-panel-close:hover{background:#e2e8f0;color:#475569}@media (prefers-color-scheme:dark){.tutorial-panel-close:hover{background:#334155;color:#e2e8f0}}.tutorial-panel-body{padding:20px}.tutorial-panel-title{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 12px;line-height:1.3;letter-spacing:-.01em}@media (prefers-color-scheme:dark){.tutorial-panel-title{color:#f1f5f9}}.tutorial-panel-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-top:1px solid #e2e8f0;background:#fff}@media (prefers-color-scheme:dark){.tutorial-panel-footer{border-top-color:#334155;background:#1e293b}}.tutorial-panel-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .15s ease;white-space:nowrap}.tutorial-panel-btn:disabled{opacity:.5;cursor:not-allowed}.tutorial-panel-btn-secondary{background:transparent;color:#64748b;border:1px solid #e2e8f0}.tutorial-panel-btn-secondary:hover:not(:disabled){background:#f1f5f9;color:#475569}@media (prefers-color-scheme:dark){.tutorial-panel-btn-secondary{color:#94a3b8;border-color:#475569}.tutorial-panel-btn-secondary:hover:not(:disabled){background:#334155;color:#e2e8f0}}.tutorial-panel-btn-primary{background:#059669;color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)}.tutorial-panel-btn-primary:hover:not(:disabled){background:#047857;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.tutorial-panel-btn-primary:active:not(:disabled){transform:translateY(0)}.tutorial-panel-progress{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:0 8px}.tutorial-panel-dot{width:6px;height:6px;border-radius:50%;background-color:#e2e8f0;transition:all .25s cubic-bezier(.4,0,.2,1);flex-shrink:0}@media (prefers-color-scheme:dark){.tutorial-panel-dot{background-color:#475569}}.tutorial-panel-dot.active{width:10px;height:10px;background-color:#059669;box-shadow:0 0 0 3px rgba(5,150,105,.15);animation:tutorial-dot-pulse 2s ease-in-out infinite}.tutorial-panel-dot.completed{background-color:#10b981}@keyframes tutorial-dot-pulse{0%,to{box-shadow:0 0 0 3px rgba(5,150,105,.15)}50%{box-shadow:0 0 0 5px rgba(5,150,105,.1)}}@keyframes tutorial-panel-enter{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.tutorial-panel{animation:tutorial-panel-enter .3s cubic-bezier(.21,1.02,.73,1) forwards}.tutorial-highlight{position:relative;z-index:100;outline:3px solid #059669;outline-offset:4px;border-radius:8px;box-shadow:0 0 0 4px rgba(5,150,105,.2),0 0 30px rgba(5,150,105,.3);animation:tutorial-highlight-pulse 2s ease-in-out infinite}@keyframes tutorial-highlight-pulse{0%,to{box-shadow:0 0 0 4px rgba(5,150,105,.2),0 0 30px rgba(5,150,105,.3)}50%{box-shadow:0 0 0 8px rgba(5,150,105,.15),0 0 50px rgba(5,150,105,.4)}}.tutorial-highlight-no-inner-clicks *{pointer-events:none}.tutorial-highlight-no-inner-clicks [data-state],.tutorial-highlight-no-inner-clicks [role=button][data-state],.tutorial-highlight-no-inner-clicks button[data-state]{pointer-events:auto;cursor:pointer}.tutorial-highlight-no-inner-clicks[data-state]{pointer-events:auto}@media (max-width:480px){.tutorial-panel{width:calc(100vw - 32px)}.tutorial-panel-body{padding:16px}.tutorial-panel-title{font-size:16px}.tutorial-panel-btn span{display:none}.tutorial-panel-btn-primary span{display:inline}}