:root{--qtag-green: #39ff14;--help-modal-bg: #1a1a1a;--help-modal-text: #fff;--help-modal-border: #333;--help-modal-hover: #2a2a2a}.toolbar .help-icon,.toolbar-right .help-icon,header .toolbar-right .help-icon{width:40px!important;height:40px!important;border-radius:50%!important;background:#222!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;border:2px solid var(--qtag-green)!important;cursor:pointer!important;transition:transform .2s ease,opacity .2s ease,background-color .2s ease!important;position:relative!important;margin-right:12px!important;color:var(--qtag-green)!important;font-size:18px!important;flex-shrink:0!important;z-index:999!important}.toolbar .help-icon:hover,.toolbar-right .help-icon:hover,header .toolbar-right .help-icon:hover{transform:scale(1.05)!important;background-color:#39ff141a!important}.toolbar .help-icon i,.toolbar-right .help-icon i,header .toolbar-right .help-icon i{color:var(--qtag-green)!important;font-size:18px!important}.help-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:10001;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease;padding:20px;box-sizing:border-box}.help-modal.active{display:flex;opacity:1}.help-modal-content{background:var(--help-modal-bg);color:var(--help-modal-text);border-radius:12px;width:100%;max-width:700px;max-height:85vh;box-shadow:0 8px 32px #00000080;transform:scale(.9);transition:transform .3s ease;display:flex;flex-direction:column;border:1px solid var(--help-modal-border);overflow:hidden}.help-modal.active .help-modal-content{transform:scale(1)}.help-modal-header{padding:24px;border-bottom:1px solid var(--help-modal-border);display:flex;justify-content:space-between;align-items:center;background:#111}.help-modal-header h2{display:flex;align-items:center;gap:12px;margin:0;flex:1}.help-video-icon{background:#39ff141a;border:1px solid var(--qtag-green);color:var(--qtag-green);border-radius:6px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease;margin-left:12px;padding:8px 16px;font-size:.9rem;font-weight:500;white-space:nowrap}.help-video-icon:hover{background:var(--qtag-green);color:#000;transform:scale(1.05)}.help-video-icon i{font-size:1rem}.help-video-icon span{font-size:.9rem;font-weight:500}.help-modal-header h2{color:var(--qtag-green);margin:0;font-size:1.5rem;display:flex;align-items:center;gap:12px;flex:1}.help-modal-header h2 i{font-size:1.3rem}.help-modal-close{background:none;border:none;color:#fff;font-size:1.8rem;cursor:pointer;padding:4px 8px;transition:color .2s ease,transform .2s ease;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px}.help-modal-close:hover{color:var(--qtag-green);background:#39ff141a;transform:rotate(90deg)}.help-modal-body{padding:24px;overflow-y:auto;flex:1}.help-section{margin-bottom:24px}.help-section:last-child{margin-bottom:0}.help-section-title{color:var(--qtag-green);font-size:1.2rem;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:8px}.help-section-title i{font-size:1rem}.help-tips-list{list-style:none;padding:0;margin:0}.help-tip-item{padding:12px 16px;margin-bottom:8px;background:#222;border-left:3px solid var(--qtag-green);border-radius:4px;transition:background-color .2s ease,transform .2s ease}.help-tip-item:hover{background:#2a2a2a;transform:translate(4px)}.help-tip-item:last-child{margin-bottom:0}.help-tip-item strong{color:var(--qtag-green);display:block;margin-bottom:4px}.help-tip-item p{margin:0;color:#ddd;line-height:1.6}.help-features-list{list-style:none;padding:0;margin:0}.help-feature-item{padding:10px 16px;margin-bottom:6px;background:#222;border-radius:4px;display:flex;align-items:flex-start;gap:12px}.help-feature-item i{color:var(--qtag-green);margin-top:2px;flex-shrink:0}.help-feature-item span{color:#ddd;line-height:1.6}.help-shortcuts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:12px}.help-shortcut-item{padding:12px;background:#222;border-radius:4px;border:1px solid var(--help-modal-border);transition:border-color .2s ease,transform .2s ease}.help-shortcut-item:hover{border-color:var(--qtag-green);transform:translateY(-2px)}.help-shortcut-key{color:var(--qtag-green);font-weight:700;font-size:.9rem;margin-bottom:4px}.help-shortcut-desc{color:#aaa;font-size:.85rem}.help-empty{text-align:center;padding:40px 20px;color:#888}.help-empty i{font-size:3rem;color:var(--qtag-green);opacity:.3;margin-bottom:16px;display:block}@media (max-width: 768px){.toolbar .help-icon{width:36px;height:36px;font-size:16px;margin-right:8px}.help-modal{padding:10px}.help-modal-content{max-height:90vh}.help-modal-header{padding:20px}.help-modal-header h2{font-size:1.3rem}.help-modal-body{padding:20px}.help-shortcuts{grid-template-columns:1fr}}@keyframes help-pulse{0%,to{box-shadow:0 0 #39ff1466}50%{box-shadow:0 0 0 8px #39ff1400}}.help-icon.pulse{animation:help-pulse 2s infinite}.help-tutorials-list{display:flex;flex-direction:column;gap:24px;margin-top:16px}.help-tutorial-item{background:#222;border-radius:8px;padding:20px;border:1px solid var(--help-modal-border);transition:border-color .2s ease,transform .2s ease}.help-tutorial-item:hover{border-color:var(--qtag-green);transform:translateY(-2px)}.help-tutorial-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.help-tutorial-header strong{color:var(--qtag-green);font-size:1.1rem}.help-tutorial-duration{color:#888;font-size:.85rem;background:#333;padding:4px 8px;border-radius:4px}.help-tutorial-description{color:#ddd;line-height:1.6;margin-bottom:16px;font-size:.95rem}.help-video-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px;background:#000}.help-video-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.help-video-direct{width:100%;height:auto;border-radius:8px;background:#000}@media (prefers-reduced-motion: reduce){.toolbar .help-icon,.help-modal,.help-modal-content,.help-tip-item,.help-shortcut-item,.help-tutorial-item{transition:none}.help-icon.pulse{animation:none}}
