*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#e5e7eb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{height:100%}.app{flex-direction:column;height:100%;display:flex;overflow:hidden}.loading{color:#3b82f6;justify-content:center;align-items:center;height:100%;font-size:18px;display:flex}.header{background:#f9fafb;border-bottom:1px solid #d1d5db;flex-shrink:0;padding:.5rem 0;box-shadow:0 1px 3px #00000014}.header-content{flex-wrap:nowrap;align-items:center;gap:1rem;max-width:1400px;margin:0 auto;padding:0 1rem;display:flex}.logo{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.logo-icon{color:#f59e0b;font-size:1.5rem}.logo h1{color:#f59e0b;letter-spacing:-.5px;font-size:1.125rem;font-weight:700}.description{color:#4b5563;white-space:nowrap;flex-shrink:0;font-size:.8125rem}.footer{text-align:center;background:#f9fafb;border-top:1px solid #d1d5db;flex-shrink:0;padding:.375rem}.footer p{color:#4b5563;margin:0;font-size:.6875rem}.search-box{flex:1;min-width:150px;max-width:300px;position:relative}.search-box input{color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;width:100%;padding:.4375rem 2.5rem .4375rem .75rem;font-size:.8125rem;transition:all .2s}.search-box input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.search-box input::placeholder{color:#9ca3af}.search-icon{color:#6b7280;font-size:1rem;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.container{flex:1;gap:.75rem;width:100%;max-width:1400px;margin:0 auto;padding:.75rem;display:flex;overflow:hidden}.sidebar{flex-direction:column;flex-shrink:0;width:170px;display:flex;overflow:hidden}.category-nav{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;flex-direction:column;gap:.25rem;padding:.375rem;display:flex;overflow:hidden;box-shadow:0 1px 2px #00000014}.category-item{cursor:pointer;text-align:left;color:#1f2937;white-space:nowrap;background:0 0;border:none;border-radius:4px;align-items:center;gap:.375rem;width:100%;padding:.4375rem .625rem;font-size:.8125rem;transition:all .2s;display:flex}.category-item:hover{color:#3b82f6;background:#e5e7eb}.category-item.active{color:#fff;background:#3b82f6;font-weight:600}.category-icon{flex-shrink:0;font-size:.9375rem}.category-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.main-content{background:#d1d5db;border:1px solid #9ca3af;border-radius:6px;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden;box-shadow:0 1px 2px #00000014}.content-scroll{flex:1;padding:.75rem;overflow-y:auto}.content-scroll::-webkit-scrollbar{width:6px}.content-scroll::-webkit-scrollbar-track{background:#d1d5db;border-radius:3px}.content-scroll::-webkit-scrollbar-thumb{background:#6b7280;border-radius:3px}.content-scroll::-webkit-scrollbar-thumb:hover{background:#4b5563}.link-section{margin-bottom:1.25rem}.link-section:last-child{margin-bottom:0}.section-title{color:#f59e0b;align-items:center;gap:.5rem;margin-bottom:.625rem;padding-left:.25rem;font-size:.9375rem;font-weight:600;display:flex}.section-icon{font-size:1.0625rem}.no-results{text-align:center;color:#4b5563;background:#e5e7eb;border:1px solid #d1d5db;border-radius:6px;padding:2rem 1rem;font-size:.9375rem}.link-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;display:grid}.link-card{color:inherit;background:#f9fafb;border:1px solid #d1d5db;border-radius:5px;flex-direction:column;gap:.375rem;padding:.625rem;text-decoration:none;transition:all .2s;display:flex}.link-card:hover{background:#fff;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.link-card-header{align-items:center;gap:.5rem;display:flex}.link-icon{object-fit:cover;background:#fff;border-radius:3px;flex-shrink:0;width:18px;height:18px}.link-icon-placeholder{color:#fff;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:.6875rem;font-weight:700;display:flex}.link-icon-placeholder[data-letter=A],.link-icon-placeholder[data-letter=B]{background:linear-gradient(135deg,#f59e0b,#f97316)}.link-icon-placeholder[data-letter=C]{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.link-icon-placeholder[data-letter=D]{background:linear-gradient(135deg,#10b981,#3b82f6)}.link-icon-placeholder[data-letter=E]{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.link-icon-placeholder[data-letter=F]{background:linear-gradient(135deg,#ec4899,#f43f5e)}.link-icon-placeholder[data-letter=G]{background:linear-gradient(135deg,#14b8a6,#10b981)}.link-icon-placeholder[data-letter=H]{background:linear-gradient(135deg,#f97316,#ef4444)}.link-icon-placeholder[data-letter=J]{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.link-icon-placeholder[data-letter=K]{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.link-icon-placeholder[data-letter=L]{background:linear-gradient(135deg,#06b6d4,#3b82f6)}.link-icon-placeholder[data-letter=M]{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.link-icon-placeholder[data-letter=O]{background:linear-gradient(135deg,#f59e0b,#ef4444)}.link-icon-placeholder[data-letter=P]{background:linear-gradient(135deg,#0ea5e9,#6366f1)}.link-icon-placeholder[data-letter=S]{background:linear-gradient(135deg,#22c55e,#10b981)}.link-icon-placeholder[data-letter=T]{background:linear-gradient(135deg,#64748b,#475569)}.link-icon-placeholder[data-letter=U]{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.link-icon-placeholder[data-letter="1"]{background:linear-gradient(135deg,#f59e0b,#d97706)}.link-title{color:#111827;white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:.8125rem;font-weight:600;overflow:hidden}.link-description{color:#4b5563;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.6875rem;line-height:1.3;display:-webkit-box;overflow:hidden}@media (width<=768px){.header-content{flex-wrap:wrap;gap:.5rem}.description{display:none}.search-box{order:3;width:100%;min-width:auto;max-width:none}.container{flex-direction:column;gap:.5rem;padding:.5rem}.sidebar{width:100%;max-height:40px}.category-nav{flex-direction:row;gap:.25rem;padding:.375rem;overflow-x:auto}.category-item{flex-shrink:0;width:auto;padding:.375rem .5rem;font-size:.75rem}.category-icon{font-size:.875rem}.link-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.375rem}.link-title{font-size:.75rem}.link-description{font-size:.625rem}.section-title{font-size:.875rem}}