.oc-card[data-v-6097619a]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 1px 3px #0000000f;cursor:pointer;display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.oc-card[data-v-6097619a]:hover{border-color:var(--ankou-yellow);box-shadow:0 2px 8px #0000001a;background:var(--bg-tertiary)}.oc-body[data-v-6097619a]{padding:16px 20px;display:flex;flex-direction:column;gap:12px;flex:1}.oc-header[data-v-6097619a]{display:flex;align-items:center;gap:6px}.oc-eco[data-v-6097619a]{font-size:.6875rem;font-weight:700;font-family:SF Mono,Consolas,Courier New,monospace;color:var(--ankou-yellow);letter-spacing:.03em}.oc-first-move[data-v-6097619a]{font-size:.6875rem;font-family:SF Mono,Consolas,Courier New,monospace;color:var(--text-secondary)}.oc-main[data-v-6097619a]{display:flex;flex-direction:column;gap:6px;flex:1}.oc-name[data-v-6097619a]{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.35;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .15s ease}.oc-card:hover .oc-name[data-v-6097619a]{color:var(--ankou-yellow)}.oc-moves[data-v-6097619a]{font-size:.75rem;font-family:SF Mono,Consolas,Courier New,monospace;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-footer[data-v-6097619a]{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid var(--border-subtle, var(--border-color));margin-top:auto}.oc-tags[data-v-6097619a]{display:flex;gap:6px;flex-wrap:wrap}.oc-tag[data-v-6097619a]{font-size:.6875rem;font-weight:600;padding:2px 7px;border-radius:3px;text-transform:capitalize;letter-spacing:.01em;border:1px solid}.oc-tag--beginner[data-v-6097619a]{color:#3fb950;border-color:#3fb9504d;background:#3fb95012}.oc-tag--intermediate[data-v-6097619a]{color:#d29922;border-color:#d299224d;background:#d2992212}.oc-tag--advanced[data-v-6097619a]{color:#f85149;border-color:#f851494d;background:#f8514912}.oc-tag--style[data-v-6097619a]{color:var(--text-secondary);border-color:var(--border-color);background:transparent}.oc-vars[data-v-6097619a]{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums}[data-theme=dark] .oc-card[data-v-6097619a],.body--dark .oc-card[data-v-6097619a]{box-shadow:0 1px 3px #00000040}[data-theme=dark] .oc-card[data-v-6097619a]:hover,.body--dark .oc-card[data-v-6097619a]:hover{box-shadow:0 2px 10px #0006}@media (max-width: 599px){.oc-body[data-v-6097619a]{padding:14px 16px;gap:10px}}.hero-section[data-v-4094e785]{padding:clamp(32px,6vw,32px) 0 23px}.hero-content[data-v-4094e785]{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap}.hero-title[data-v-4094e785]{font-size:clamp(28px,5vw,52px);font-weight:800;line-height:1.1;margin:0 0 12px;letter-spacing:-.5px}.hero-title .title-word[data-v-4094e785]{display:block}.hero-title .title-accent[data-v-4094e785]{color:var(--q-primary, #f9ab00)}.hero-description[data-v-4094e785]{font-size:clamp(14px,1.5vw,17px);color:var(--text-secondary, rgba(255,255,255,.6));margin:0 0 16px;max-width:480px}.op-page[data-v-4094e785]{background:var(--bg-primary);min-height:100vh;overflow-x:clip}.op-container[data-v-4094e785]{max-width:1200px;margin:0 auto;padding:0 24px 64px}.op-header[data-v-4094e785]{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:32px;flex-wrap:wrap}.op-header-text[data-v-4094e785]{flex:1;min-width:0}.op-title[data-v-4094e785]{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin:0 0 6px;letter-spacing:-.025em;line-height:1.15}.op-subtitle[data-v-4094e785]{font-size:.8125rem;color:var(--text-secondary);margin:0;font-weight:400}.op-search-wrap[data-v-4094e785]{flex-shrink:0;width:280px}.op-search[data-v-4094e785] .q-field__control{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;height:36px;padding:0 10px}.op-search[data-v-4094e785] .q-field__control:focus-within{border-color:var(--ankou-yellow)}.op-search[data-v-4094e785] .q-field__native{font-size:.875rem;color:var(--text-primary)}.op-search-icon[data-v-4094e785],.op-search[data-v-4094e785] .q-icon{color:var(--text-secondary)}.op-filterbar[data-v-4094e785]{position:sticky;top:0;z-index:100;background:var(--bg-primary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin:0 -24px 24px}.filterbar-inner[data-v-4094e785]{max-width:1200px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;min-width:0;overflow:hidden}.filterbar-groups[data-v-4094e785]{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.filter-group[data-v-4094e785]{display:flex;align-items:center;gap:8px}.filter-group-label[data-v-4094e785]{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.filter-pills[data-v-4094e785]{display:flex;gap:4px;flex-wrap:wrap}.pill[data-v-4094e785]{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:4px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;white-space:nowrap;line-height:1.4;transition:border-color .15s ease,color .15s ease,background .15s ease}.pill[data-v-4094e785]:hover{border-color:var(--text-secondary);color:var(--text-primary)}.pill--active[data-v-4094e785]{border-color:var(--ankou-yellow);color:var(--ankou-yellow);background:#f9ab0014}.pill-count[data-v-4094e785]{font-size:.7rem;font-weight:600;color:var(--text-secondary);background:var(--bg-tertiary);padding:1px 5px;border-radius:3px}.pill--active .pill-count[data-v-4094e785]{background:#f9ab0026;color:var(--ankou-yellow)}.filterbar-meta[data-v-4094e785]{display:flex;align-items:center;gap:16px;flex-shrink:0}.result-count[data-v-4094e785]{font-size:.8125rem;color:var(--text-secondary);white-space:nowrap}.clear-btn[data-v-4094e785]{background:none;border:none;padding:0;font-size:.8125rem;color:var(--ankou-yellow);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.clear-btn[data-v-4094e785]:hover{opacity:.8}.op-popular[data-v-4094e785]{padding:0 0 24px;border-bottom:1px solid var(--border-color);margin-bottom:28px}.op-popular-label[data-v-4094e785]{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px}.op-popular-links[data-v-4094e785]{display:flex;gap:8px;flex-wrap:wrap}.op-popular-link[data-v-4094e785]{display:inline-block;font-size:.8125rem;font-weight:500;color:var(--text-secondary);text-decoration:none;padding:5px 12px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-secondary);transition:color .15s ease,border-color .15s ease}.op-popular-link[data-v-4094e785]:hover{color:var(--text-primary);border-color:var(--text-secondary)}.op-grid[data-v-4094e785]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.op-loading[data-v-4094e785]{display:flex;align-items:center;justify-content:center;gap:12px;padding:80px 0;color:var(--text-secondary);font-size:.875rem}.op-empty[data-v-4094e785]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:80px 0;text-align:center;color:var(--text-secondary)}.op-empty[data-v-4094e785] .q-icon{color:var(--border-color)}.op-empty-text[data-v-4094e785]{margin:0;font-size:.9375rem;color:var(--text-secondary)}@media (max-width: 1023px){.op-grid[data-v-4094e785]{grid-template-columns:repeat(2,1fr);gap:12px}.filterbar-groups[data-v-4094e785]{gap:16px}}@media (max-width: 767px){.op-container[data-v-4094e785]{padding:24px 16px 48px}.op-header[data-v-4094e785]{flex-direction:column;gap:16px;margin-bottom:24px}.op-search-wrap[data-v-4094e785]{width:100%}.op-filterbar[data-v-4094e785]{margin:0 -16px 20px;position:static}.filterbar-inner[data-v-4094e785]{padding:10px 16px;flex-direction:column;align-items:flex-start;gap:10px;width:100%;box-sizing:border-box}.filterbar-groups[data-v-4094e785]{gap:10px;width:100%}.filter-group[data-v-4094e785]{flex-direction:column;align-items:flex-start;gap:6px;width:100%}.filter-pills[data-v-4094e785]{flex-wrap:wrap;max-width:100%}.filterbar-meta[data-v-4094e785]{width:100%;justify-content:space-between}.op-grid[data-v-4094e785]{grid-template-columns:1fr;gap:8px}}