.guide-card[data-v-a047ccc9]{background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);transition:transform var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer;position:relative}.guide-card[data-v-a047ccc9]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.guide-thumbnail[data-v-a047ccc9]{position:relative;aspect-ratio:16 / 9;overflow:hidden}.thumbnail-img[data-v-a047ccc9]{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.guide-card:hover .thumbnail-img[data-v-a047ccc9]{transform:scale(1.05)}.thumbnail-placeholder[data-v-a047ccc9]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary)}.placeholder-icon[data-v-a047ccc9]{color:var(--color-text-muted);opacity:.5}.type-badge[data-v-a047ccc9]{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2}.type-badge.video[data-v-a047ccc9]{background:#6366f1d9;color:var(--color-text-inverse)}.type-badge.written[data-v-a047ccc9]{background:#10b981d9;color:var(--color-text-inverse)}.play-overlay[data-v-a047ccc9]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000040;transition:background var(--transition-fast)}.guide-card:hover .play-overlay[data-v-a047ccc9]{background:#00000073}.play-button[data-v-a047ccc9]{width:56px;height:56px;border-radius:50%;background:#ffffffe6;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast)}.play-button svg[data-v-a047ccc9]{width:26px;height:26px;color:var(--color-accent);margin-left:3px}.guide-card:hover .play-button[data-v-a047ccc9]{transform:scale(1.1)}.guide-info[data-v-a047ccc9]{padding:var(--space-4)}.guide-tags[data-v-a047ccc9]{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-2)}.tag-pill[data-v-a047ccc9]{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:2px 8px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px}.tag-pill.xkt[data-v-a047ccc9]{background:#6366f126;color:var(--color-tag-xkt)}.tag-pill.wtsl[data-v-a047ccc9]{background:#22c55e26;color:var(--color-tag-wtsl)}.tag-pill.gameplay[data-v-a047ccc9]{background:#f9731626;color:var(--color-tag-gameplay)}.tag-pill[data-v-a047ccc9]:not(.xkt):not(.wtsl):not(.gameplay){background:#a3e63526;color:var(--color-brand-primary)}.guide-title[data-v-a047ccc9]{margin:var(--space-2) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1.3}.guide-description[data-v-a047ccc9]{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.guide-meta[data-v-a047ccc9]{margin-top:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.guide-author[data-v-a047ccc9]{font-size:var(--font-size-xs);color:var(--color-text-muted)}.admin-actions[data-v-a047ccc9]{position:absolute;top:10px;left:10px;display:flex;gap:4px;opacity:0;transition:opacity var(--transition-fast);z-index:3}.guide-card:hover .admin-actions[data-v-a047ccc9]{opacity:1}.action-btn[data-v-a047ccc9]{width:32px;height:32px;border-radius:var(--radius-md);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all .15s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.edit-btn[data-v-a047ccc9]{background:#3b82f6d9;color:var(--color-text-inverse)}.edit-btn[data-v-a047ccc9]:hover{background:#3b82f6;transform:scale(1.1)}.delete-btn[data-v-a047ccc9]{background:#ef4444d9;color:var(--color-text-inverse)}.delete-btn[data-v-a047ccc9]:hover{background:#ef4444;transform:scale(1.1)}.modal-overlay[data-v-ca370114]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:var(--space-4)}.modal-content[data-v-ca370114]{background:var(--color-bg-primary);border-radius:var(--radius-lg);width:100%;max-width:720px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);border:1px solid var(--color-border)}.modal-header[data-v-ca370114]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);position:sticky;top:0;background:var(--color-bg-primary);z-index:1}.modal-header h2[data-v-ca370114]{font-family:var(--font-heading);margin:0;color:var(--color-text-primary)}.btn-close[data-v-ca370114]{background:transparent;border:none;font-size:1.5rem;color:var(--color-text-secondary);cursor:pointer}.btn-close[data-v-ca370114]:hover{color:var(--color-text-primary)}.guide-form[data-v-ca370114]{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.form-group[data-v-ca370114]{display:flex;flex-direction:column;gap:var(--space-2)}label[data-v-ca370114]{font-family:var(--font-heading);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}input[data-v-ca370114],textarea[data-v-ca370114],select[data-v-ca370114]{padding:10px 14px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--font-size-base);transition:border-color .2s ease,box-shadow .2s ease}input[data-v-ca370114]:focus,textarea[data-v-ca370114]:focus,select[data-v-ca370114]:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px #a3e63526}.type-selector[data-v-ca370114]{display:flex;gap:var(--space-2)}.type-btn[data-v-ca370114]{flex:1;padding:10px 16px;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-secondary);font-family:var(--font-heading);font-weight:600;cursor:pointer;transition:all .2s ease}.type-btn.active[data-v-ca370114]{border-color:var(--color-brand-primary);background:#a3e6351a;color:var(--color-brand-primary)}.type-btn[data-v-ca370114]:hover:not(.active){border-color:var(--color-text-muted);color:var(--color-text-primary)}.tag-group[data-v-ca370114]{position:relative}.selected-tags[data-v-ca370114]{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.tag-chip[data-v-ca370114]{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#a3e63526;color:var(--color-brand-primary);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.remove-tag[data-v-ca370114]{background:none;border:none;color:inherit;cursor:pointer;font-size:14px;padding:0 2px;opacity:.7}.remove-tag[data-v-ca370114]:hover{opacity:1}.tag-dropdown-wrapper[data-v-ca370114]{position:relative}.tag-input[data-v-ca370114]{width:100%}.tag-dropdown[data-v-ca370114]{position:absolute;top:100%;left:0;right:0;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:200px;overflow-y:auto;z-index:20;box-shadow:var(--shadow-lg);margin-top:4px}.tag-option[data-v-ca370114]{display:block;width:100%;text-align:left;padding:8px 14px;background:transparent;border:none;color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm);transition:background .1s ease}.tag-option[data-v-ca370114]:hover{background:var(--color-bg-hover)}.tag-option.new-tag[data-v-ca370114]{color:var(--color-brand-primary);font-weight:600;border-top:1px solid var(--color-border)}.tag-empty[data-v-ca370114]{padding:12px 14px;color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center}.click-away[data-v-ca370114]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10}.content-label-row[data-v-ca370114]{display:flex;justify-content:space-between;align-items:center}.help-toggle[data-v-ca370114]{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all .2s ease}.help-toggle[data-v-ca370114]:hover{color:var(--color-brand-primary);border-color:var(--color-brand-primary);background:#a3e6350f}.formatting-help[data-v-ca370114]{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-2)}.help-header[data-v-ca370114]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);color:var(--color-text-primary);font-size:var(--font-size-sm)}.help-close[data-v-ca370114]{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;font-size:1rem;padding:2px 4px}.help-close[data-v-ca370114]:hover{color:var(--color-text-primary)}.help-grid[data-v-ca370114]{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4)}.help-section h4[data-v-ca370114]{font-size:var(--font-size-xs);font-weight:700;margin:0 0 var(--space-2) 0;color:var(--color-text-primary)}.help-section ul[data-v-ca370114]{list-style:none;padding:0;margin:0}.help-section li[data-v-ca370114]{font-size:var(--font-size-xs);color:var(--color-text-secondary);padding:2px 0;line-height:1.5}.help-fade-enter-active[data-v-ca370114],.help-fade-leave-active[data-v-ca370114]{transition:opacity .2s ease,transform .2s ease}.help-fade-enter-from[data-v-ca370114],.help-fade-leave-to[data-v-ca370114]{opacity:0;transform:translateY(-6px)}.upload-indicator[data-v-ca370114]{display:flex;align-items:center;gap:var(--space-2);padding:8px 14px;background:#a3e63514;border:1px solid rgba(163,230,53,.2);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-brand-primary);animation:pulse-bg-ca370114 1.5s ease-in-out infinite}.upload-spinner[data-v-ca370114]{width:16px;height:16px;border:2px solid rgba(163,230,53,.3);border-top-color:var(--color-brand-primary);border-radius:50%;animation:spin-ca370114 .7s linear infinite}@keyframes spin-ca370114{to{transform:rotate(360deg)}}@keyframes pulse-bg-ca370114{0%,to{opacity:1}50%{opacity:.7}}.editor-toolbar[data-v-ca370114]{display:flex;flex-wrap:wrap;gap:4px;padding:6px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0}.editor-toolbar button[data-v-ca370114]{padding:6px 10px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-family:var(--font-heading);transition:all .15s ease;min-width:32px}.editor-toolbar button[data-v-ca370114]:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.editor-toolbar button.is-active[data-v-ca370114]{background:#a3e63526;color:var(--color-brand-primary);border-color:var(--color-brand-primary)}.editor-container[data-v-ca370114]{border:1px solid var(--color-border);border-radius:0 0 var(--radius-md) var(--radius-md);min-height:250px;background:var(--color-bg-secondary)}.editor-container[data-v-ca370114] .tiptap-editor-content{padding:14px;min-height:250px;color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--font-size-base);line-height:1.7;outline:none}.editor-container[data-v-ca370114] .tiptap-editor-content h2{font-size:var(--font-size-xl);font-weight:700;margin:1em 0 .5em;color:var(--color-text-primary)}.editor-container[data-v-ca370114] .tiptap-editor-content h3{font-size:var(--font-size-lg);font-weight:600;margin:.8em 0 .4em;color:var(--color-text-primary)}.editor-container[data-v-ca370114] .tiptap-editor-content p{margin:.5em 0}.editor-container[data-v-ca370114] .tiptap-editor-content a{color:var(--color-brand-primary);text-decoration:underline}.editor-container[data-v-ca370114] .tiptap-editor-content img{max-width:100%;border-radius:var(--radius-md);margin:.5em 0}.editor-container[data-v-ca370114] .tiptap-editor-content ul,.editor-container[data-v-ca370114] .tiptap-editor-content ol{padding-left:1.5em;margin:.5em 0}.editor-container[data-v-ca370114] .tiptap-editor-content blockquote{border-left:3px solid var(--color-brand-primary);padding-left:1em;margin:.5em 0;color:var(--color-text-secondary)}.editor-container[data-v-ca370114] .tiptap-editor-content pre{background:var(--color-bg-primary);border-radius:var(--radius-md);padding:1em;overflow-x:auto;font-family:Fira Code,monospace;font-size:var(--font-size-sm)}.drop-zone[data-v-ca370114]{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);text-align:center;cursor:pointer;transition:all .2s ease}.drop-zone[data-v-ca370114]:hover,.drop-zone.is-dragover[data-v-ca370114]{border-color:var(--color-brand-primary);background:#a3e6350d}.file-input-hidden[data-v-ca370114]{display:none}.drop-zone-content[data-v-ca370114]{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.file-name-container[data-v-ca370114]{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.file-name[data-v-ca370114]{color:var(--color-brand-primary);font-weight:600}.remove-image-btn[data-v-ca370114]{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--color-error);border-radius:var(--radius-sm);cursor:pointer;padding:2px 6px;font-size:var(--font-size-xs)}.alert[data-v-ca370114]{padding:12px 16px;border-radius:var(--radius-md);font-size:var(--font-size-sm)}.error-alert[data-v-ca370114]{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--color-error)}.success-alert[data-v-ca370114]{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:var(--color-success)}.form-actions[data-v-ca370114]{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-2)}.btn-cancel[data-v-ca370114]{padding:10px 20px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-weight:600;transition:all .2s ease}.btn-cancel[data-v-ca370114]:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.btn-primary[data-v-ca370114]{padding:10px 24px;background:var(--color-brand-primary);border:none;border-radius:var(--radius-md);color:var(--color-text-inverse);cursor:pointer;font-weight:600;transition:all .2s ease}.btn-primary[data-v-ca370114]:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 2px 8px #a3e6354d}.btn-primary[data-v-ca370114]:disabled,.btn-cancel[data-v-ca370114]:disabled{opacity:.6;cursor:not-allowed}.guides-view[data-v-fc5e4f22]{max-width:1200px;margin:0 auto;padding:var(--space-6) var(--space-4);min-height:100%}.guides-header[data-v-fc5e4f22]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.guides-header h1[data-v-fc5e4f22]{font-family:var(--font-heading);font-size:var(--font-size-3xl);color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.subtitle[data-v-fc5e4f22]{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin:0}.intro-text[data-v-fc5e4f22]{color:var(--color-text-secondary);font-size:var(--font-size-sm);max-width:65ch;margin:var(--space-2) 0 0 0;line-height:1.6}.filters-section[data-v-fc5e4f22]{margin-bottom:var(--space-6)}.tag-filters[data-v-fc5e4f22]{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.tag-btn[data-v-fc5e4f22]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.tag-btn[data-v-fc5e4f22]:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.tag-btn.active[data-v-fc5e4f22]{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:var(--color-text-inverse)}.filter-row[data-v-fc5e4f22]{display:flex;gap:var(--space-3);align-items:stretch;flex-wrap:wrap}.type-filter[data-v-fc5e4f22]{display:flex;background:var(--color-bg-secondary);padding:3px;border-radius:var(--radius-full);border:1px solid var(--color-border)}.type-btn[data-v-fc5e4f22]{padding:6px 16px;border-radius:var(--radius-full);border:none;background:transparent;color:var(--color-text-secondary);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease;white-space:nowrap}.type-btn.active[data-v-fc5e4f22]{background:var(--color-brand-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.type-btn[data-v-fc5e4f22]:hover:not(.active){color:var(--color-text-primary)}.mod-video:not(.active) .btn-icon-left[data-v-fc5e4f22]{color:#ef4444}.mod-article:not(.active) .btn-icon-left[data-v-fc5e4f22]{color:#3b82f6}.search-bar-wrapper[data-v-fc5e4f22]{position:relative;flex:1}.search-bar-icon[data-v-fc5e4f22]{position:absolute;top:50%;left:12px;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.search-bar-input[data-v-fc5e4f22]{width:100%;padding-left:40px}.empty-icon-wrapper[data-v-fc5e4f22]{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:#22c55e1a;color:#22c55e;margin:0 auto var(--space-4);box-shadow:0 0 20px #22c55e33}[data-theme=dark] .empty-icon-wrapper[data-v-fc5e4f22]{color:#4ade80;background:#4ade801a;box-shadow:0 0 20px #4ade8026}.guides-grid[data-v-fc5e4f22]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6)}.modal-overlay[data-v-fc5e4f22]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:var(--z-modal);padding:var(--space-4)}.delete-modal[data-v-fc5e4f22]{background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--space-6);max-width:420px;width:100%;border:1px solid var(--color-border);box-shadow:var(--shadow-xl)}.delete-modal h3[data-v-fc5e4f22]{margin:0 0 var(--space-3) 0;color:var(--color-text-primary);font-family:var(--font-heading)}.delete-modal p[data-v-fc5e4f22]{color:var(--color-text-secondary);margin:0 0 var(--space-4) 0}.delete-actions[data-v-fc5e4f22]{display:flex;justify-content:flex-end;gap:var(--space-3)}.btn-cancel[data-v-fc5e4f22]{padding:8px 16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-weight:600}.btn-cancel[data-v-fc5e4f22]:hover{color:var(--color-text-primary)}.btn-danger[data-v-fc5e4f22]{padding:8px 16px;background:var(--color-error);border:none;border-radius:var(--radius-md);color:var(--color-text-inverse);cursor:pointer;font-weight:600;transition:all .2s ease}.btn-danger[data-v-fc5e4f22]:hover{filter:brightness(.9)}@media (max-width: 640px){.guides-grid[data-v-fc5e4f22]{grid-template-columns:1fr}.filter-row[data-v-fc5e4f22]{flex-direction:column}.tag-filters[data-v-fc5e4f22]{justify-content:center}}