.tut-overlay{position:fixed;inset:0;z-index:9000;background:#0000;pointer-events:none;transition:background .3s ease}.tut-overlay.show{background:#0000;pointer-events:all}.tut-overlay.interactive{pointer-events:none!important}.tut-spotlight{position:fixed;z-index:9001;border-radius:12px;border:2px solid var(--accent-primary, #37a1dc);box-shadow:0 0 0 9999px #000000b3,0 0 24px #37a1dc8c;pointer-events:none;animation:tutPulse 2s ease-in-out infinite}@keyframes tutPulse{0%,to{box-shadow:0 0 0 9999px #000000b3,0 0 18px #37a1dc66}50%{box-shadow:0 0 0 9999px #000000b3,0 0 32px #37a1dcd9}}.tut-spotlight.no-target{border:none;animation:none;box-shadow:0 0 0 9999px #000000b3;width:0;height:0;top:50%;left:50%}body.tut-active{overflow:hidden!important}body.tut-active #shell{transition:transform .75s cubic-bezier(.22,.61,.36,1),transform-origin .75s cubic-bezier(.22,.61,.36,1);will-change:transform}.tut-popover{position:fixed;z-index:9002;background:var(--bg-card, #1e1e1e);border:1px solid var(--border-strong, #333);border-radius:10px;padding:14px 16px;width:310px;box-shadow:0 10px 40px #0000008c;font-size:13px;color:var(--text-primary, #d9d9d9);opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s;pointer-events:all}.tut-popover.show{opacity:1;transform:translateY(0)}.tut-popover.center{top:50%!important;left:50%!important;transform:translate(-50%,-50%);width:320px}.tut-popover.center.show{transform:translate(-50%,-50%)}.tut-arrow{position:absolute;width:12px;height:12px;background:var(--bg-card, #1e1e1e);border-left:1px solid var(--border-strong, #333);border-top:1px solid var(--border-strong, #333)}.tut-popover[data-side=right] .tut-arrow{left:-7px;top:50%;transform:translateY(-50%) rotate(-45deg)}.tut-popover[data-side=left] .tut-arrow{right:-7px;top:50%;transform:translateY(-50%) rotate(135deg)}.tut-popover[data-side=bottom] .tut-arrow{top:-7px;left:24px;transform:rotate(45deg)}.tut-popover[data-side=top] .tut-arrow{bottom:-7px;left:24px;transform:rotate(225deg)}.tut-popover.center .tut-arrow{display:none}.tut-step-num{font-size:11px;color:var(--accent-primary, #37a1dc);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.tut-title{font-size:14px;font-weight:600;margin:0 0 4px;color:var(--text-bright, #eee)}.tut-desc{font-size:12.5px;line-height:1.45;color:var(--text-secondary, #ccc);margin:0 0 12px}.tut-actions{display:flex;flex-direction:column;gap:10px;margin-top:10px}.tut-dots{display:flex;gap:4px;justify-content:center;flex-wrap:wrap}.tut-dot{width:6px;height:6px;border-radius:50%;background:var(--border-strong, #333);transition:background .2s,width .2s;flex-shrink:0}.tut-dot.active{background:var(--accent-primary, #37a1dc);width:14px;border-radius:3px}.tut-btns{display:flex;gap:6px;justify-content:space-between;align-items:center}.tut-btns-right{display:flex;gap:6px}.tut-btn{background:transparent;border:1px solid var(--border-strong, #333);color:var(--text-primary, #d9d9d9);padding:6px 12px;border-radius:5px;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.tut-btn:hover{background:var(--bg-hover, #222)}.tut-btn.primary{background:var(--accent-primary, #37a1dc);border-color:var(--accent-primary, #37a1dc);color:#fff}.tut-btn.primary:hover{background:#2890c8}.tut-btn.skip{color:var(--text-muted, #888);border:none;padding:6px 8px}.tut-btn.skip:hover{color:var(--text-primary, #d9d9d9);background:transparent}.tut-custom:empty{display:none}.tut-custom{margin-top:10px}.tut-choice-block{display:flex;flex-direction:column;gap:8px}.tut-choice-label{font-size:11px;color:var(--text-muted, #888);text-transform:uppercase;letter-spacing:.6px}.tut-choice-row{display:flex;gap:6px}.tut-choice-opt{flex:1;padding:8px 10px;background:transparent;color:var(--text-primary, #d9d9d9);border:1px solid var(--border-strong, #333);border-radius:6px;font-size:13px;cursor:pointer;transition:all .15s}.tut-choice-opt:hover{background:var(--bg-hover, #222)}.tut-choice-opt.active{background:var(--accent-primary, #37a1dc);border-color:var(--accent-primary, #37a1dc);color:#fff}
/*# sourceMappingURL=tutorial.css.map */