.tutorial-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;pointer-events:none;z-index:99990;transition:opacity .3s ease}.tutorial-svg-mask{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;pointer-events:none;z-index:99991}.tutorial-svg-mask path{pointer-events:auto;transition:d .35s cubic-bezier(.25,1,.5,1)}.tutorial-spotlight-border{position:fixed;border:3px dashed rgba(255,140,0,.9);border-radius:16px;pointer-events:none;z-index:99992;transition:all .35s cubic-bezier(.25,1,.5,1);box-shadow:0 0 25px 6px #ff8c0099;animation:pulseGlow 2s infinite ease-in-out}@keyframes pulseGlow{0%{box-shadow:0 0 15px 3px #ff8c0080;border-color:#ff8c00b3}50%{box-shadow:0 0 35px 10px #ffa028e6;border-color:#ffc850}to{box-shadow:0 0 15px 3px #ff8c0080;border-color:#ff8c00b3}}.tutorial-card{position:fixed;z-index:99998;background:#121826f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:24px 26px;max-width:380px;width:calc(100vw - 44px);color:#fff;box-shadow:0 25px 50px -12px #000c,0 0 0 1px #ffffff14;pointer-events:auto;transition:top .4s cubic-bezier(.16,1,.3,1),left .4s cubic-bezier(.16,1,.3,1),opacity .3s ease;animation:cardPopIn .35s cubic-bezier(.16,1,.3,1);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@keyframes cardPopIn{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.tutorial-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-right:20px}.tutorial-close-x{position:absolute;top:16px;right:18px;background:transparent;border:none;color:#ffffff80;font-size:1rem;cursor:pointer;padding:4px;line-height:1;border-radius:50%;transition:all .2s ease}.tutorial-close-x:hover{color:#fff;background:#ffffff26}.tutorial-badge{background:linear-gradient(135deg,#ff8c00,#f50);color:#fff;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;padding:5px 12px;border-radius:50px;box-shadow:0 4px 10px #ff55004d}.tutorial-step-counter{font-size:.82rem;color:#ffffffa6;font-weight:700}.tutorial-title{font-size:1.2rem;font-weight:800;margin:0 0 10px;color:#fff;line-height:1.3}.tutorial-body{font-size:.92rem;line-height:1.55;color:#ffffffe0;margin-bottom:22px}.tutorial-footer{display:flex;justify-content:space-between;align-items:center;gap:10px}.tutorial-left-actions{display:flex;align-items:center;gap:8px}.tutorial-btn-prev{background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:#e2e8f0;padding:8px 14px;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:4px}.tutorial-btn-prev:hover{background:#ffffff29;color:#fff;border-color:#ffffff59;transform:translateY(-1px)}.tutorial-btn-cancel{background:transparent;border:1px solid rgba(239,68,68,.35);color:#fca5a5;padding:8px 12px;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:4px}.tutorial-btn-cancel:hover{background:#dc2626d9;color:#fff;border-color:#ef4444;box-shadow:0 4px 12px #ef444459;transform:translateY(-1px)}.tutorial-notice-action{font-size:.78rem;font-weight:700;color:#ff9800;background:#ff98001f;border:1px solid rgba(255,152,0,.4);padding:8px 14px;border-radius:20px;letter-spacing:.2px;display:inline-flex;align-items:center;gap:6px;box-shadow:0 0 12px #ff980033}.tutorial-btn-next{background:linear-gradient(135deg,#06c,#033773);border:1px solid rgba(255,255,255,.2);color:#fff;padding:9px 18px;border-radius:8px;font-size:.84rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #06c6;transition:all .2s ease}.tutorial-btn-next:hover{transform:translateY(-1px);background:linear-gradient(135deg,#07e,#044896);box-shadow:0 6px 18px #06c9}.tutorial-confirm-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#080c14d1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:99999;display:flex;align-items:center;justify-content:center}.tutorial-confirm-modal{background:#161c2af5;border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:28px 26px;max-width:360px;width:90%;text-align:center;box-shadow:0 30px 60px #000000d9;color:#fff;font-family:system-ui,-apple-system,sans-serif}.tutorial-confirm-icon{font-size:2rem;margin-bottom:10px}.tutorial-confirm-modal h4{margin:0 0 8px;font-size:1.22rem;font-weight:800;color:#fff;letter-spacing:-.2px}.tutorial-confirm-modal p{margin:0 0 24px;font-size:.88rem;color:#ffffffbf;line-height:1.45}.tutorial-confirm-actions{display:flex;gap:12px;justify-content:stretch}.tutorial-confirm-actions button{flex:1}.tutorial-confirm-btn-no{background:linear-gradient(135deg,#06c,#033773);color:#fff;border:1px solid rgba(255,255,255,.2);padding:11px 16px;border-radius:10px;font-weight:700;font-size:.85rem;cursor:pointer;box-shadow:0 4px 12px #06c6;transition:all .2s ease}.tutorial-confirm-btn-no:hover{transform:translateY(-1px);box-shadow:0 6px 16px #06c9}.tutorial-confirm-btn-yes{background:#dc262633;border:1px solid rgba(239,68,68,.5);color:#fca5a5;padding:11px 16px;border-radius:10px;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s ease}.tutorial-confirm-btn-yes:hover{background:#dc2626;color:#fff;border-color:#ef4444;box-shadow:0 4px 12px #dc262680;transform:translateY(-1px)}.btn-tutorial-trigger{background:linear-gradient(135deg,#ff8c00,#e65c00);color:#fff;border:none;padding:10px 20px;border-radius:30px;font-weight:700;font-size:.85rem;letter-spacing:.5px;cursor:pointer;box-shadow:0 4px 15px #e65c0059;transition:all .25s ease;display:inline-flex;align-items:center;gap:8px;margin-left:20px;pointer-events:auto}.btn-tutorial-trigger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e65c0080}