.page-module__WkofUq__main{min-height:calc(100vh - 140px);padding:2rem 0}.page-module__WkofUq__controls{margin-bottom:1.5rem}.page-module__WkofUq__searchBox{margin-bottom:1rem;position:relative}.page-module__WkofUq__searchBox i{color:var(--text-secondary);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.page-module__WkofUq__searchBox input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-primary);border-radius:8px;padding:.75rem 1rem .75rem 2.75rem;font-size:.9375rem;transition:border-color .2s,box-shadow .2s}.page-module__WkofUq__searchBox input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.page-module__WkofUq__filterButtons{flex-wrap:wrap;gap:.5rem;display:flex}.page-module__WkofUq__filterBtn{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;border-radius:20px;padding:.5rem 1rem;font-size:.875rem;transition:all .2s}.page-module__WkofUq__filterBtn:hover{border-color:var(--primary);color:var(--primary)}.page-module__WkofUq__filterBtn.page-module__WkofUq__active{background:var(--primary);border-color:var(--primary);color:#fff}.page-module__WkofUq__stats{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.875rem}.page-module__WkofUq__codesContainer{margin-bottom:3rem}.page-module__WkofUq__categorySection{margin-bottom:2rem}.page-module__WkofUq__categorySection:last-child{margin-bottom:0}.page-module__WkofUq__categoryTitle{border-bottom:1px solid var(--border);align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.125rem;font-weight:600;display:flex}.page-module__WkofUq__categoryDot{border-radius:50%;width:10px;height:10px}.page-module__WkofUq__categoryCount{color:var(--text-secondary);margin-left:.25rem;font-size:.875rem;font-weight:400}.page-module__WkofUq__codesGrid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;display:grid}.page-module__WkofUq__codeCard{cursor:pointer;border-left:4px solid;border-radius:8px;padding:1rem 1.25rem;transition:transform .2s,box-shadow .2s;position:relative}.page-module__WkofUq__codeCard:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.page-module__WkofUq__codeHeader{align-items:baseline;gap:.75rem;margin-bottom:.5rem;display:flex}.page-module__WkofUq__codeNumber{font-family:SF Mono,Fira Code,monospace;font-size:1.5rem;font-weight:700}.page-module__WkofUq__codeName{color:var(--text-primary);font-size:.875rem;font-weight:600}.page-module__WkofUq__codeDesc{color:var(--text-secondary);margin:0;font-size:.8125rem;line-height:1.5}.page-module__WkofUq__copyHint{color:var(--text-muted);opacity:0;font-size:.75rem;transition:opacity .2s;position:absolute;top:.75rem;right:.75rem}.page-module__WkofUq__codeCard:hover .page-module__WkofUq__copyHint{opacity:1}.page-module__WkofUq__copyHint span{align-items:center;gap:.25rem;display:flex}.page-module__WkofUq__categoryList{margin:0;padding:0;list-style:none}.page-module__WkofUq__categoryList li{border-bottom:1px solid var(--border);padding:.5rem 0}.page-module__WkofUq__categoryList li:last-child{border-bottom:none}.page-module__WkofUq__relatedToolsCompact{margin-top:32px;padding-bottom:0}@media (max-width:768px){.page-module__WkofUq__codesGrid{grid-template-columns:1fr}.page-module__WkofUq__filterButtons{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:.5rem;overflow-x:auto}.page-module__WkofUq__filterBtn{white-space:nowrap;flex-shrink:0}.page-module__WkofUq__categoryTitle{font-size:1rem}}