.patterns-main{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px}.patterns-main>*{flex-shrink:0}.pat-intro{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:18px;padding:12px 16px}.pat-intro-title{font-size:14px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.pat-intro-title i{color:var(--blue)}.pat-legend{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.pat-legend-item{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text-secondary)}.pat-legend-swatch{width:12px;height:22px;border-radius:2px;flex-shrink:0}.pat-legend-swatch.up{background:var(--green)}.pat-legend-swatch.down{background:var(--red)}.pat-intro-note{margin-left:auto;font-size:11.5px;color:var(--text-tertiary)}.pat-filterbar{display:flex;flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 14px}.pat-filter-label{font-size:11px;letter-spacing:0.5px;color:var(--text-tertiary);font-weight:700;margin-right:2px}.pat-filter-group{display:flex;align-items:center;gap:4px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-xs);padding:3px}.pat-pill{background:transparent;border:none;color:var(--text-secondary);padding:6px 11px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;letter-spacing:0.2px;transition:background .15s ease,color .15s ease}.pat-pill:hover{background:var(--bg-hover);color:var(--text-primary)}.pat-pill.active{background:var(--blue-dim);color:var(--blue);box-shadow:0 1px 3px rgba(0,0,0,0.35)}.pat-sep{width:1px;height:20px;background:var(--border);margin:0 2px}.pat-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--surface-1);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b93a7' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px;border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-primary);font-size:12px;font-weight:600;letter-spacing:0.2px;padding:7px 30px 7px 11px;cursor:pointer;transition:border-color .15s ease,color .15s ease}.pat-select::-ms-expand{display:none}.pat-select:hover{border-color:var(--blue);color:var(--text-primary)}.pat-select:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-color:var(--blue)}.pat-select option{background:var(--bg-2);color:var(--text-primary)}.pat-search-wrap{display:flex;align-items:center;gap:6px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-xs);padding:4px 10px}.pat-search-wrap i{font-size:11px;color:var(--text-tertiary)}.pat-search-input{background:transparent;border:none;outline:none;color:var(--text-primary);font-size:13px;width:150px}.pat-search-input::placeholder{color:var(--text-tertiary)}.pat-search-clear{background:none;border:none;cursor:pointer;color:var(--text-tertiary);font-size:13px;line-height:1}.pat-count{margin-left:auto;font-size:12px;color:var(--text-tertiary);font-weight:600}.patterns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:12px;align-content:start}.pat-card{background:var(--bg-raised);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--panel-shadow);overflow:hidden;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;display:flex;flex-direction:column}.pat-card:hover,.pat-card:focus-visible{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:0 12px 34px rgba(3,6,18,0.5);outline:none}.pat-illus{height:132px;background:linear-gradient(180deg,rgba(124,92,255,0.06),rgba(45,212,191,0.03) 70%,transparent),rgba(0,0,0,0.18);border-bottom:1px solid var(--border);padding:6px}.pat-illus svg{display:block}.pat-card-body{padding:11px 13px 13px;display:flex;flex-direction:column;gap:7px}.pat-card-title{display:flex;flex-direction:column;gap:1px}.pat-name{font-size:14.5px;font-weight:700;color:var(--text-primary)}.pat-name-vi{font-size:12px;color:var(--text-tertiary)}.pat-summary{font-size:12.5px;line-height:1.5;color:var(--text-secondary);margin:0}.pat-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pat-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;letter-spacing:0.2px;white-space:nowrap}.pat-badge--bullish{background:var(--green-dim);color:var(--green)}.pat-badge--bearish{background:var(--red-dim);color:var(--red)}.pat-badge--neutral{background:var(--surface-3);color:var(--text-secondary)}.pat-badge--kind{background:var(--blue-dim);color:var(--blue)}.pat-badge--struct{background:var(--cyan-dim);color:var(--cyan)}.pat-badge--cat{background:var(--violet-glow);color:var(--violet);border:1px solid var(--violet-border)}.pat-permalink{display:inline-block;margin-top:18px;font-size:14px;font-weight:600;color:var(--cyan);text-decoration:none}.pat-permalink:hover{text-decoration:underline}.pat-reliab{display:inline-flex;align-items:center;gap:3px;margin-left:auto}.pat-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.16)}.pat-dot.on{background:var(--cyan);box-shadow:0 0 5px rgba(45,212,191,0.6)}.patterns-empty{display:none;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:60px 20px;color:var(--text-tertiary)}.patterns-empty .pe-icon{font-size:30px;opacity:0.5}.pat-detail-overlay{position:fixed;inset:0;z-index:60;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(4,6,16,0.62);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.pat-detail-overlay.open{display:flex}.pat-detail-card{position:relative;width:min(620px,100%);max-height:88vh;overflow-y:auto;background:var(--bg-overlay);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:0 24px 70px rgba(0,0,0,0.6),0 0 0 1px rgba(124,92,255,0.12);padding:22px}.pat-detail-close{position:absolute;top:14px;right:14px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary);width:30px;height:30px;border-radius:var(--radius-xs);cursor:pointer;font-size:15px;line-height:1}.pat-detail-close:hover{background:var(--bg-hover);color:var(--text-primary)}.pat-detail-head{display:flex;gap:18px;margin-bottom:8px}.pat-detail-illus{flex-shrink:0;width:280px;height:190px;background:linear-gradient(180deg,rgba(124,92,255,0.07),rgba(45,212,191,0.03) 70%,transparent),rgba(0,0,0,0.22);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px}.pat-detail-meta{display:flex;flex-direction:column;gap:8px;min-width:0}.pat-detail-name{font-size:20px;font-weight:800;color:var(--text-primary)}.pat-detail-name-vi{font-size:14px;color:var(--text-secondary);margin-top:-4px}.pat-detail-reliab{font-size:12.5px;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.pat-detail-reliab .pat-reliab{margin-left:0}.pat-detail-alias{font-size:12px;color:var(--text-tertiary)}.pat-sec{margin-top:14px}.pat-sec-label{font-size:11.5px;letter-spacing:0.6px;font-weight:800;color:var(--blue);margin-bottom:4px}.pat-sec p{margin:0;font-size:14px;line-height:1.6;color:var(--text-secondary)}.pat-disclaimer{margin-top:18px;padding-top:12px;border-top:1px solid var(--border);font-size:12px;color:var(--text-tertiary)}@media (max-width:720px){.pat-detail-head{flex-direction:column}.pat-detail-illus{width:100%}}@media (max-width:560px){.patterns-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.pat-intro-note{margin-left:0;width:100%}}