.app{min-height:100vh;background-color:var(--bg-color)}.content-wrapper{display:flex;flex-direction:column;min-height:100vh}.header{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,rgba(57,197,187,.18),transparent 60%),var(--bg-color);padding:1.5rem 2rem 1rem;border-bottom:1px solid var(--card-border);box-shadow:0 2px 8px var(--shadow)}.header-row{display:flex;align-items:center;gap:1.25rem;max-width:1200px;margin:0 auto}.title{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center;color:var(--text-color)}.search-container{position:relative;flex:0 0 320px}.top-anchor-wrapper{flex:1;overflow-x:auto}.anchor-nav{width:100%;display:inline-flex;align-items:center}.anchor-pill{position:relative;padding:.55rem 1.1rem;border-radius:999px;transition:all .2s ease;margin-right:.5rem;white-space:nowrap;border:none;cursor:pointer;background-color:transparent;color:var(--text-color);font-size:.95rem;font-weight:500}.anchor-pill:hover{background-color:var(--pill-hover-bg)}.anchor-pill:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.search-input{width:100%;padding:1rem 1.5rem;font-size:1rem;border:2px solid transparent;border-radius:12px;background-color:var(--input-bg);color:var(--text-color);outline:none;transition:border-color .3s ease,box-shadow .3s ease}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-soft)}.search-count{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);font-size:.875rem;color:#8c8c8c;pointer-events:none}.main{flex:1;padding:2rem;scroll-behavior:smooth}.links-container{display:flex;flex-direction:column;gap:3rem}.category-section{scroll-margin-top:96px}.category-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-color);padding-bottom:.75rem;border-bottom:2px solid var(--card-border)}.loading,.empty{text-align:center;padding:4rem 2rem;color:#8c8c8c;font-size:1.125rem}.links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.link-card{display:flex;align-items:center;padding:1.5rem;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;text-decoration:none;color:var(--text-color);transition:all .3s ease;cursor:pointer;box-shadow:0 2px 4px var(--shadow)}.link-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px var(--shadow);border-color:var(--primary-color);background-color:var(--card-hover)}.link-icon{flex-shrink:0;width:64px;height:64px;margin-right:1.25rem;display:flex;align-items:center;justify-content:center;background-color:var(--bg-color);border-radius:12px;overflow:hidden}.link-icon img{width:100%;height:100%;object-fit:contain}.link-content{flex:1;min-width:0}.link-name{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-description{font-size:.875rem;color:#8c8c8c;margin-bottom:.75rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.footer{text-align:center;padding:2rem;color:#8c8c8c;font-size:.875rem;border-top:1px solid var(--card-border);background-color:var(--bg-color)}@media (max-width: 1024px){.header{padding:1.25rem 1.5rem .75rem}}@media (max-width: 768px){.header-row{flex-direction:column;align-items:stretch;gap:.75rem}.search-container{flex:1}.top-anchor-wrapper{width:100%}.anchor-nav{justify-content:flex-start}.content-wrapper{min-height:100vh}.header{padding:1.5rem 1rem}.title{font-size:2rem}.main{padding:1rem}.links-grid{grid-template-columns:1fr;gap:1rem}.link-card{padding:1rem}.link-icon{width:48px;height:48px;margin-right:1rem}.link-meta{flex-direction:column;align-items:flex-start}}@media (max-width: 640px){.header{padding:1rem}.title{font-size:1.5rem}}:root{--primary-color: #39c5bb;--primary-color-soft: rgba(57, 197, 187, .12);--primary-color-soft-strong: rgba(57, 197, 187, .22);--bg-color: #f5f7fa;--text-color: #1a1a1a;--card-bg: #ffffff;--card-border: #e5e9f0;--card-hover: #f0f9f8;--input-bg: #ffffff;--input-border: #d0d7e2;--pill-hover-bg: rgba(57, 197, 187, .08);--shadow: rgba(15, 23, 42, .08)}@media (prefers-color-scheme: dark){:root{--bg-color: #050816;--text-color: #e5e9f0;--card-bg: #0f172a;--card-border: #1e293b;--card-hover: #111827;--input-bg: #020617;--input-border: #1e293b;--pill-hover-bg: rgba(57, 197, 187, .18);--shadow: rgba(0, 0, 0, .4)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans SC,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease;min-height:100vh}#root{min-height:100vh}h1,h2,h3,h4,h5{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}