.tutorial-overlay{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:9997}.tutorial-spotlight{pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.tutorial-spotlight-pulse{animation:tutorial-pulse 2s ease-in-out infinite}.tutorial-spotlight-glow{filter:drop-shadow(0 0 20px currentColor)}@keyframes tutorial-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.9}}.tutorial-tooltip{background:#fff;border-radius:12px;padding:20px;box-shadow:0 10px 40px rgba(0,0,0,.3);max-width:360px;pointer-events:auto;animation:tutorial-tooltip-enter .3s ease-out}@keyframes tutorial-tooltip-enter{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.tutorial-tooltip-content{display:flex;flex-direction:column;gap:8px}.tutorial-tooltip-title{font-size:18px;font-weight:700;color:#1e293b;margin:0}.tutorial-tooltip-text{font-size:14px;line-height:1.6;color:#475569;margin:0;white-space:pre-line}.tutorial-tooltip-arrow{position:absolute;width:0;height:0;border-style:solid}.tutorial-tooltip-arrow--top{bottom:-10px;left:50%;transform:translateX(-50%);border-width:10px 10px 0;border-color:#fff transparent transparent}.tutorial-tooltip-arrow--bottom{top:-10px;left:50%;transform:translateX(-50%);border-width:0 10px 10px;border-color:transparent transparent #fff}.tutorial-tooltip-arrow--left{right:-10px;top:50%;transform:translateY(-50%);border-width:10px 0 10px 10px;border-color:transparent transparent transparent #fff}.tutorial-tooltip-arrow--right{left:-10px;top:50%;transform:translateY(-50%);border-width:10px 10px 10px 0;border-color:transparent #fff transparent transparent}.tutorial-navigation{position:fixed;bottom:32px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:12px;align-items:center;pointer-events:auto;z-index:10001}.tutorial-navigation-content{display:flex;align-items:center;gap:16px;background:#fff;padding:16px 24px;border-radius:50px;box-shadow:0 10px 40px rgba(0,0,0,.2)}.tutorial-nav-btn{padding:10px 20px;border:none;border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;background:#3b82f6;color:#fff}.tutorial-nav-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.tutorial-nav-btn:active:not(:disabled){transform:translateY(0)}.tutorial-nav-btn:disabled{opacity:.4;cursor:not-allowed}.tutorial-nav-btn--prev{background:#64748b}.tutorial-nav-btn--prev:hover:not(:disabled){background:#475569}.tutorial-nav-btn--next{background:#3b82f6}.tutorial-progress{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:120px}.tutorial-progress-bar{width:100%;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.tutorial-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1e40af);transition:width .3s ease;border-radius:3px}.tutorial-progress-text{font-size:12px;font-weight:600;color:#64748b}.tutorial-skip-btn{padding:8px 16px;border:none;background:hsla(0,0%,100%,.9);color:#64748b;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px rgba(0,0,0,.1)}.tutorial-skip-btn:hover{background:#fff;color:#475569;box-shadow:0 6px 16px rgba(0,0,0,.15)}.tutorial-loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:16px;background:#fff;padding:32px 48px;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.2);z-index:10000}.tutorial-loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:tutorial-spinner .8s linear infinite}@keyframes tutorial-spinner{to{transform:rotate(1turn)}}.tutorial-loading p{margin:0;font-size:14px;color:#64748b}.tutorial-error{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:16px;background:#fff;padding:32px 48px;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.2);z-index:10000}.tutorial-error p{margin:0;font-size:14px;color:#dc2626}.tutorial-error button{padding:10px 24px;border:none;background:#3b82f6;color:#fff;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.tutorial-error button:hover{background:#2563eb}@media (max-width:768px){.tutorial-tooltip{max-width:calc(100vw - 32px);margin:0 16px}.tutorial-navigation{bottom:16px;left:16px;right:16px;transform:none;width:calc(100% - 32px)}.tutorial-navigation-content{width:100%;justify-content:space-between;padding:12px 16px}.tutorial-nav-btn{padding:8px 16px;font-size:13px}.tutorial-progress{min-width:80px}}@media (prefers-color-scheme:dark){.tutorial-tooltip{background:#1e293b}.tutorial-tooltip-title{color:#f1f5f9}.tutorial-tooltip-text{color:#cbd5e1}.tutorial-tooltip-arrow--top{border-color:#1e293b transparent transparent}.tutorial-tooltip-arrow--bottom{border-color:transparent transparent #1e293b}.tutorial-tooltip-arrow--left{border-color:transparent transparent transparent #1e293b}.tutorial-tooltip-arrow--right{border-color:transparent #1e293b transparent transparent}.tutorial-error,.tutorial-loading,.tutorial-navigation-content{background:#1e293b}.tutorial-loading p{color:#cbd5e1}.tutorial-skip-btn{background:rgba(30,41,59,.9);color:#cbd5e1}.tutorial-skip-btn:hover{background:#1e293b}}.binary-notification{position:fixed;top:70px;left:50%;transform:translateX(-50%) translateY(-20px);opacity:0;transition:opacity .3s ease,transform .3s ease;z-index:1000;pointer-events:none}.binary-notification.visible{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:all}.binary-notification-content{display:flex;align-items:center;gap:12px;background:#10b981;color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);font-size:.9rem;max-width:500px}.binary-notification-content.error-content{background:#ef4444;box-shadow:0 4px 12px rgba(239,68,68,.25)}.binary-notification-icon{flex-shrink:0;color:#fff}.binary-notification-message{flex:1}.binary-notification-message strong{font-weight:600}.binary-notification-dismiss{background:none;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.binary-notification-dismiss:hover{background-color:hsla(0,0%,100%,.2)}.binary-download-container{position:relative;display:inline-block}.binary-download-btn{position:relative;background:transparent;border:1px solid rgba(59,130,246,.3);border-radius:6px;padding:6px 10px;color:#60a5fa;cursor:pointer;display:flex;align-items:center;gap:6px;justify-content:center;transition:all .2s ease}.binary-download-btn:hover{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.5);color:#3b82f6}.binary-download-btn:active{background:rgba(59,130,246,.15)}.binary-count-badge{background:#1e40af;color:#fff;font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.new-binary-indicator{position:absolute;top:-4px;right:-4px;width:12px;height:12px;background:#ef4444;border:2px solid #fff;border-radius:50%;animation:pulse 2s infinite;box-shadow:0 0 0 0 rgba(239,68,68,.7)}@keyframes pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,.7)}50%{opacity:1;transform:scale(1.15);box-shadow:0 0 0 4px rgba(239,68,68,0)}}.binary-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:250px;max-width:350px;z-index:1001;overflow:hidden}.binary-menu-header{padding:12px 16px;border-bottom:1px solid #e5e7eb;font-weight:600;font-size:.875rem;color:#374151;background:#f9fafb}.binary-menu-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 16px;background:#fff;text-align:left;cursor:pointer;transition:background-color .15s ease;border:none;border-bottom:1px solid #f3f4f6;text-decoration:none;color:inherit}.binary-menu-item:last-child{border-bottom:none}.binary-menu-item:hover{background:#f9fafb}.binary-menu-item:active{background:#f3f4f6}.binary-menu-filename{font-family:Monaco,Menlo,Courier New,monospace;font-size:.8rem;color:#1f2937;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.latest-badge{background:#10b981;color:#fff;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}@media (max-width:768px){.binary-notification{top:60px;left:8px;right:8px;transform:translateX(0) translateY(-20px)}.binary-notification.visible{transform:translateX(0) translateY(0)}.binary-notification-content{padding:10px 16px;font-size:.85rem;max-width:none;gap:10px}.binary-notification-message{font-size:.85rem}.binary-download-btn{padding:5px 8px}.binary-menu{min-width:200px;max-width:calc(100vw - 32px);right:-8px}.binary-menu-item{padding:10px 12px}.binary-menu-filename{font-size:.75rem}.latest-badge{font-size:.65rem;padding:2px 6px}}@media (max-width:480px){.binary-notification{top:56px}.binary-notification-content{padding:8px 12px;font-size:.8rem;gap:8px}.binary-notification-message{font-size:.8rem}.binary-notification-message strong{display:block;margin-top:2px}.binary-download-btn{padding:5px 7px}.binary-count-badge{font-size:.65rem;padding:1px 4px;min-width:16px}.new-binary-indicator{width:10px;height:10px;top:-3px;right:-3px}.binary-menu{min-width:180px}.binary-menu-header{padding:10px 12px;font-size:.8rem}.binary-menu-item{padding:8px 10px}.binary-menu-filename{font-size:.7rem}}