*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;color:#333}.app{min-height:100vh}.header{background:#fff;border-bottom:1px solid #e0e0e0;padding:24px 0;margin-bottom:32px}.header-content{max-width:1200px;margin:0 auto;padding:0 24px}.header-main{display:flex;justify-content:space-between;align-items:center;gap:24px}.header-text{flex:1}.header h1{margin:0 0 8px;font-size:2.5rem;font-weight:700;color:#1976d2}.header p{margin:0;font-size:1.1rem;color:#666}.github-link{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#24292e;color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:all .2s ease;white-space:nowrap}.github-link:hover{background:#1b1f23;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.github-icon{width:20px;height:20px;filter:invert(1)}@media (max-width: 768px){.header-main{flex-direction:column;align-items:flex-start;gap:16px}.header h1{font-size:2rem}.github-link{align-self:stretch;justify-content:center}}.main-content{max-width:1200px;margin:0 auto;padding:0 24px}.search-bar{margin-bottom:32px}.search-input-container{position:relative;max-width:600px;margin:0 auto}.search-input{width:100%;padding:16px 48px;font-size:16px;border:2px solid #e0e0e0;border-radius:12px;outline:none;transition:all .2s ease;background:#fff}.search-input:focus{border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;opacity:.5}.clear-button{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;padding:8px;cursor:pointer;border-radius:6px;transition:background-color .2s ease}.clear-button:hover{background-color:#f5f5f5}.clear-button img{width:16px;height:16px}.filter-tabs{display:flex;gap:8px;margin-bottom:32px;overflow-x:auto;padding-bottom:4px}.filter-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-size:14px;font-weight:500}.filter-tab:hover{border-color:#1976d2;background-color:#f3f8ff}.filter-tab.active{background-color:#1976d2;border-color:#1976d2;color:#fff}.tab-icon{width:16px;height:16px}.filter-tab.active .tab-icon{filter:brightness(0) invert(1)}.tab-count{font-size:12px;opacity:.8}.icon-grid-container{background:#fff;border-radius:12px;padding:24px;border:1px solid #e0e0e0}.icon-grid-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.result-count{font-size:14px;color:#666;font-weight:500}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.icon-card{position:relative;padding:10px;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff;overflow:hidden}.icon-card:hover{border-color:#1976d2;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.icon-preview{display:flex;justify-content:center;align-items:center;height:32px;margin-bottom:12px}.icon-info{text-align:center}.icon-name{font-size:14px;font-weight:500;color:#333;margin-bottom:8px;word-break:break-word;line-height:1.3}.icon-tags{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.icon-tag{background:#f0f0f0;color:#666;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500}.icon-tag.more{background:#e0e0e0}.icon-actions{position:absolute;top:8px;right:8px}.copy-button{background:#ffffffe6;border:1px solid #e0e0e0;border-radius:6px;padding:6px;display:flex;align-items:center;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.copy-button:hover{background:#fff;border-color:#1976d2}.copy-button.copied{background:#4caf50;border-color:#4caf50}.copy-button img{width:14px;height:14px}.copy-button.copied img{filter:brightness(0) invert(1)}.icon-grid-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#666}.loading-spinner{margin-bottom:16px}.spinner{width:32px;height:32px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-grid-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#666;text-align:center}.empty-icon{width:48px;height:48px;opacity:.5;margin-bottom:16px}.icon-grid-empty h3{margin:0 0 8px;color:#333}.icon-grid-empty p{margin:0;max-width:400px;line-height:1.5}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;z-index:1001;max-width:800px;width:90vw;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;font-size:1.5rem;color:#333}.modal-close{background:none;border:none;padding:8px;cursor:pointer;border-radius:6px;transition:background-color .2s ease}.modal-close:hover{background-color:#f5f5f5}.modal-close img{width:20px;height:20px}.modal-content{padding:24px}.icon-preview-section{text-align:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #f0f0f0}.icon-preview-large{margin-bottom:24px}.icon-sizes{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.size-variant{display:flex;flex-direction:column;align-items:center;gap:8px}.size-variant span{font-size:12px;color:#666}.icon-details{display:grid;gap:24px}.detail-section h3{margin:0 0 12px;font-size:1.1rem;color:#333}.category-badge{display:inline-block;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;text-transform:capitalize;margin-right:8px}.category-badge.files{background:#e3f2fd;color:#1976d2}.category-badge.folders{background:#fff3e0;color:#f57c00}.category-badge.languages{background:#e8f5e8;color:#388e3c}.matched-terms{display:flex;flex-wrap:wrap;gap:8px}.matched-term{background:#f5f5f5;color:#333;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500}.usage-examples{display:grid;gap:16px}.usage-example{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.example-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e0e0e0}.example-header h4{margin:0;font-size:14px;color:#333}.copy-code-button{display:flex;align-items:center;gap:6px;background:none;border:1px solid #d0d0d0;padding:6px 10px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s ease}.copy-code-button:hover{border-color:#1976d2;color:#1976d2}.copy-code-button.copied{border-color:#4caf50;color:#4caf50}.copy-code-button img{width:12px;height:12px}.code-block{margin:0;padding:16px;background:#f8f9fa;overflow-x:auto;max-height:300px;overflow-y:auto}.code-block code{font-family:Fira Code,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:13px;line-height:1.5;color:#333;white-space:pre-wrap;word-break:break-all}.code-block.svg-code{max-height:200px}.code-block.svg-code code{font-size:12px;word-break:break-all}@media (max-width: 768px){.header-content,.main-content{padding:0 16px}.header h1{font-size:2rem}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.filter-tabs{gap:4px}.filter-tab{padding:10px 16px;font-size:13px}.modal-container{width:95vw}.icon-sizes{gap:16px}}