:root{--font-display: "Inter", system-ui, -apple-system, "Segoe UI", "PingFang SC", "Noto Sans SC", sans-serif;--font-sans: "Inter", system-ui, -apple-system, "PingFang SC", "Noto Sans SC", "Source Han Sans SC", "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--color-bg: #F8FAFC;--color-bg-alt: #F1F5F9;--color-card: #FFFFFF;--color-card-hover: #F8FAFC;--color-text: #0F172A;--color-text-muted: #64748B;--color-text-faint: #94A3B8;--color-border: #E2E8F0;--color-border-light: #F1F5F9;--color-shadow: rgba(15, 23, 42, .04);--color-shadow-hover: rgba(15, 23, 42, .08);--color-shadow-lg: rgba(15, 23, 42, .1);--color-accent: #4F46E5;--color-accent-hover: #4338CA;--color-accent-soft: #EEF2FF;--color-accent-gradient: linear-gradient(90deg, #7C3AED, #4F46E5, #06B6D4);--violet: #7C3AED;--indigo: #4F46E5;--cyan: #06B6D4;--grad-brand: linear-gradient(90deg, #7C3AED, #4F46E5, #06B6D4);--grad-logo: linear-gradient(135deg, #8B5CF6, #4F46E5);--indigo-200: #C7D2FE;--shadow-card-hover: 0 16px 32px -12px rgba(199, 210, 254, .9), 0 4px 12px rgba(15, 23, 42, .06);--hot-from: #F97316;--hot-to: #EF4444;--grad-hot: linear-gradient(135deg, #F97316, #EF4444);--free-bg: #ECFDF5;--free-border: #A7F3D0;--free-text: #059669;--color-tag-bg: #F1F5F9;--color-tag-text: #475569;--color-tooltip-bg: #0F172A;--color-tooltip-text: #F1F5F9;--radius-card: 16px;--radius-tag: 999px;--radius-sm: 10px;--radius-md: 12px;--grid-gap: 14px;--header-height: 64px;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-base: .2s;--duration-slow: .3s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);scroll-behavior:smooth;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light}body{min-height:100vh;display:flex;flex-direction:column;touch-action:manipulation;background:var(--color-bg);text-rendering:optimizeLegibility}a{color:var(--color-accent);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--color-accent-hover)}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}.unified-search__input:focus-visible{outline:none}.skip-to-content{position:absolute;top:-100%;left:12px;padding:8px 16px;background:var(--color-accent);color:#fff;font-weight:600;border-radius:0 0 8px 8px;z-index:10000;text-decoration:none;transition:top .05s}.skip-to-content:focus-visible{top:0}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 20px}@media(max-width:640px){.container{padding:0 14px}}section[id],.directory-group[id],.category-section[id]{scroll-margin-top:calc(var(--header-height) + 76px)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.site-header{position:sticky;top:0;z-index:50;background:#fffc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border)}.site-header__inner{min-height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:20px}.site-header__brand{display:inline-flex;align-items:center;gap:10px;color:var(--color-text);text-decoration:none;white-space:nowrap}.site-header__mark{width:30px;height:30px;border-radius:9px;background:var(--grad-logo);display:inline-flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #4f46e559;flex-shrink:0}.site-header__logo{font-family:var(--font-display);font-size:1.05rem;font-weight:800;letter-spacing:-.03em;color:var(--color-text)}.site-header__badge{font-size:.62rem;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--color-accent-soft);color:var(--color-accent);letter-spacing:.02em}.site-header__tools{display:flex;align-items:center;gap:4px;min-width:0}.hdr-link,.hdr-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:36px;padding:7px 12px;color:var(--color-text-muted);border:0;border-radius:var(--radius-sm);background:transparent;font:600 .8rem/1 var(--font-sans);text-decoration:none;cursor:pointer;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.hdr-link:hover,.hdr-btn:hover{color:var(--color-text);background:var(--color-bg-alt)}.hdr-link--submit{background:var(--color-text);color:#fff;border-radius:var(--radius-sm);padding:8px 14px;margin-left:4px}.hdr-link--submit:hover{background:#1e293b;color:#fff}.hdr-link__count{min-width:17px;height:17px;padding:0 5px;border-radius:999px;background:var(--color-accent);color:#fff;font-size:.65rem;line-height:17px;text-align:center}@media(max-width:640px){.site-header__inner{min-height:58px;gap:10px}.site-header__tools{gap:0}.hdr-link{display:none}.hdr-link--saved,.hdr-link--submit{display:inline-flex}.hdr-link--submit{font-size:0;padding:8px 10px}.hdr-link--submit:after{content:"+";font-size:1.2rem;line-height:1}.site-header__badge{display:none}}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--color-border)}.hero__bg{position:absolute;inset:0;pointer-events:none}.hero__bg:before{content:"";position:absolute;top:-180px;left:50%;transform:translate(-50%);width:900px;height:500px;background:linear-gradient(90deg,#ddd6fe99,#c7d2fe80,#a5f3fc66);filter:blur(72px);border-radius:50%}.hero__bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(100,116,139,.09) 1px,transparent 1px),linear-gradient(to bottom,rgba(100,116,139,.09) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,#000 30%,transparent 75%)}.hero__inner{position:relative;max-width:880px;margin:0 auto;padding:64px 20px 44px;text-align:center}.hero__badge{display:inline-flex;align-items:center;gap:7px;padding:7px 16px;border-radius:999px;border:1px solid var(--color-border);background:#ffffffbf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-text-muted);font-size:.78rem;font-weight:600;box-shadow:0 1px 2px var(--color-shadow)}.hero__badge svg{color:var(--color-accent)}.hero h1{margin-top:22px;font-family:var(--font-display);font-size:clamp(2.3rem,5.5vw,3.9rem);font-weight:800;line-height:1.12;letter-spacing:-.035em;color:var(--color-text);text-wrap:balance}.hero__grad{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hero__summary{max-width:620px;margin:16px auto 0;color:var(--color-text-muted);font-size:1.02rem;line-height:1.7}.hero__search{position:relative;max-width:680px;margin:28px auto 0}.hero__search:before{content:"";position:absolute;inset:-2px;border-radius:18px;background:linear-gradient(90deg,#a78bfa,#818cf8,#22d3ee);opacity:.3;filter:blur(8px);transition:opacity var(--duration-base) var(--ease-out);pointer-events:none}.hero__search:focus-within:before{opacity:.6}.hero__links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:18px}.hero__links-label{color:var(--color-text-faint);font-size:.78rem;font-weight:600;margin-right:2px}.hero__links a{display:inline-flex;align-items:center;min-height:30px;padding:0 13px;border:1px solid var(--color-border);border-radius:999px;background:#fffc;color:var(--color-text-muted);font-size:.8rem;font-weight:500;text-decoration:none;transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.hero__links a:hover,.hero__links a:focus-visible{color:var(--color-accent);border-color:var(--indigo-200);background:var(--color-accent-soft)}.hero__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:720px;margin:34px auto 0}.hero__stat{background:#ffffffb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:14px 10px;box-shadow:0 1px 2px var(--color-shadow)}.hero__stat-value{display:block;font-family:var(--font-display);font-size:1.45rem;font-weight:800;letter-spacing:-.03em;color:var(--color-text);line-height:1.15}.hero__stat-label{display:block;margin-top:3px;font-size:.72rem;color:var(--color-text-muted)}@media(max-width:640px){.hero__inner{padding:44px 14px 34px}.hero h1{font-size:clamp(2rem,10vw,2.6rem)}.hero__stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.unified-search{position:relative}.unified-search__providers{display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:10px;position:relative;z-index:1}.unified-search__provider{min-height:30px;padding:6px 14px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--color-text-muted);font:600 .76rem/1 var(--font-sans);cursor:pointer;white-space:nowrap;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.unified-search__provider:hover,.unified-search__provider:focus-visible{color:var(--color-text);background:#fffc}.unified-search__provider--active,.unified-search__provider--active:hover{background:var(--color-text);color:#fff}.unified-search__bar{position:relative;display:flex;align-items:center;gap:0;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:5px;box-shadow:0 10px 30px -10px #0f172a26;transition:border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.unified-search__bar:focus-within{border-color:var(--indigo-200);box-shadow:0 10px 30px -10px #4f46e540}.unified-search__icon{flex-shrink:0;color:var(--color-text-faint);margin:0 4px 0 13px}.unified-search__input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:1rem;font-family:var(--font-sans);color:var(--color-text);padding:12px 8px}.unified-search__input::placeholder{color:var(--color-text-faint)}.unified-search__input::-webkit-search-cancel-button{display:none}.unified-search__clear{flex-shrink:0;background:none;border:none;cursor:pointer;color:var(--color-text-faint);padding:8px;border-radius:8px;line-height:0;transition:color var(--duration-fast),background var(--duration-fast)}.unified-search__clear:hover{color:var(--color-text);background:var(--color-bg-alt)}.unified-search__actions{display:flex;gap:4px;flex-shrink:0;margin-right:3px}.unified-search__btn{display:flex;align-items:center;gap:6px;border:none;border-radius:12px;padding:10px 16px;font-size:.84rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;background:transparent;color:var(--color-text-muted);transition:background var(--duration-fast),color var(--duration-fast)}.unified-search__btn:hover{background:var(--color-bg-alt);color:var(--color-text)}.unified-search__btn--primary{background:var(--color-text);color:#fff}.unified-search__btn--primary:hover{background:#1e293b;color:#fff}.search-filter__filters{display:flex;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap;justify-content:center}.search-filter__chips{display:flex;gap:6px}.filter-chip{padding:7px 16px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-card);color:var(--color-text-muted);font-size:.78rem;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.filter-chip:hover{border-color:var(--indigo-200);color:var(--color-text)}.filter-chip:active{transform:scale(.96);transition:transform .08s ease}.filter-chip--active{background:var(--color-text);color:#fff;border-color:var(--color-text)}.filter-chip--active:hover{background:#1e293b;color:#fff}.search-filter__chips:has(.filter-chip--active) .filter-chip:not(.filter-chip--active){opacity:.55;transition:opacity .25s ease}.search-filter__select{appearance:none;-webkit-appearance:none;padding:8px 36px 8px 16px;border:1px solid var(--color-border);border-radius:999px;background-color:var(--color-card);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;background-size:14px;color:var(--color-text);font-size:.8rem;font-family:var(--font-sans);cursor:pointer;max-width:180px;transition:border-color var(--duration-base) var(--ease-out)}.search-filter__select:hover{border-color:var(--indigo-200)}.search-filter__select:focus{outline:none;border-color:var(--color-accent)}.search-filter__empty{text-align:center;padding:44px 20px;color:var(--color-text-muted);font-size:var(--text-md);display:flex;flex-direction:column;align-items:center;gap:8px;max-width:680px;margin:16px auto 0;border:1.5px dashed var(--color-border);border-radius:var(--radius-card)}@media(max-width:600px){.unified-search__providers{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.unified-search__providers::-webkit-scrollbar{display:none}.unified-search__provider{padding-left:11px;padding-right:11px}.unified-search__btn-label{display:none}.unified-search__btn{padding:10px 12px}.unified-search__icon{margin:0 2px 0 9px}.unified-search__input{font-size:.9375rem}}.pillbar{position:sticky;top:var(--header-height);z-index:40;background:#f8fafce0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--color-border);padding:10px 0}.pillbar__row{display:flex;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:none;padding:2px 0}.pillbar__row::-webkit-scrollbar{display:none}.pillbar__row+.pillbar__row{margin-top:7px}.pillbar__pill{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 14px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text-muted);font-size:.78rem;font-weight:600;white-space:nowrap;text-decoration:none;flex-shrink:0;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.pillbar__pill:hover,.pillbar__pill:focus-visible{color:var(--color-text);border-color:var(--indigo-200);background:var(--color-accent-soft)}.pillbar__pill--group{background:var(--color-text);border-color:var(--color-text);color:#fff;box-shadow:0 2px 6px #0f172a2e}.pillbar__pill--group:hover,.pillbar__pill--group:focus-visible{background:#1e293b;border-color:#1e293b;color:#fff}.pillbar__count{font-size:.66rem;font-weight:500;color:var(--color-text-faint)}.pillbar__pill--group .pillbar__count{color:#ffffffa6}@media(max-width:640px){.pillbar{padding:8px 0}.pillbar__row--groups{display:none}}.directory-groups{display:grid;gap:44px}.directory-group__head{display:flex;align-items:center;gap:12px;margin-bottom:20px}.directory-group__icon{width:36px;height:36px;border-radius:10px;background:var(--color-accent-soft);color:var(--color-accent);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.directory-group__head h2{font-family:var(--font-display);font-size:1.35rem;font-weight:800;letter-spacing:-.02em;color:var(--color-text);line-height:1.2}.directory-group__count{font-size:.72rem;font-weight:600;color:var(--color-text-muted);background:var(--color-card);border:1px solid var(--color-border);border-radius:999px;padding:3px 10px}.category-section{min-width:0}.category-section+.category-section{margin-top:30px}.category-section__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.category-section__title{font-family:var(--font-display);font-size:1.02rem;font-weight:700;color:var(--color-text);line-height:1.3}.category-section__title--link{color:inherit;text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.category-section__title--link:hover{color:var(--color-accent)}.category-section__count{margin-left:7px;font-size:.68rem;font-weight:600;color:var(--color-text-muted);background:var(--color-bg-alt);border-radius:999px;padding:2px 8px;vertical-align:middle}.category-section__browse{flex-shrink:0;color:var(--color-text-faint);font:500 .76rem/1 var(--font-sans);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.category-section__browse:hover,.category-section__browse:focus-visible{color:var(--color-accent)}.category-section__more{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;margin-top:12px;padding:10px 0;font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);cursor:pointer;background:var(--color-card);border:1px dashed var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);transition:color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),background var(--duration-base) var(--ease-out);text-decoration:none}.category-section__more:hover{color:var(--color-accent);background:var(--color-accent-soft);border-color:var(--indigo-200)}.tool-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--grid-gap)}@media(max-width:1100px){.tool-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.tool-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.tool-list{grid-template-columns:minmax(0,1fr)}}.tool-row{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:14px 14px 12px;transition:transform var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.tool-row[data-overflow=true]{display:none}.tool-row.is-revealed[data-overflow=true]{display:flex}.tool-row:hover{transform:translateY(-2px);border-color:var(--indigo-200);box-shadow:var(--shadow-card-hover)}.tool-row__link{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:11px;row-gap:7px;flex:1;min-width:0;text-decoration:none;color:var(--color-text);padding-bottom:30px}.tool-row__icon{grid-column:1;grid-row:1;width:40px;height:40px;border-radius:10px;object-fit:contain;background:var(--color-bg);align-self:start}.tool-row__icon--fallback{display:flex;align-items:center;justify-content:center;font-size:1.05rem;font-weight:700;color:#fff;background:var(--grad-logo)}.tool-row__text{grid-column:2;grid-row:1;display:flex;align-items:center;gap:6px;min-width:0;min-height:40px;overflow:hidden}.tool-row__name{font-size:.92rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere;white-space:normal;color:var(--color-text);transition:color var(--duration-fast) var(--ease-out)}.tool-row:hover .tool-row__name{color:var(--color-accent)}.tool-row__flag{font-size:.9rem;flex-shrink:0;line-height:1}.tool-row__tooltip{grid-column:1 / -1;grid-row:2;font-size:.8rem;line-height:1.5;color:var(--color-text-muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tool-row__tags{grid-column:1 / -1;grid-row:3;display:flex;gap:5px;flex-wrap:wrap;align-self:end}.tool-row__tag{font-size:.66rem;padding:2px 9px;border-radius:var(--radius-tag);background:var(--color-tag-bg);color:var(--color-tag-text);font-weight:500;white-space:nowrap}.tool-row__tag--free{background:var(--free-bg);color:var(--free-text);border:1px solid var(--free-border)}.tool-row__detail{position:absolute;right:11px;bottom:10px;font-size:.68rem;font-weight:500;color:var(--color-text-muted);text-decoration:none;padding:3px 8px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-card);opacity:.85;white-space:nowrap;line-height:1.4;transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.tool-row__detail:hover,.tool-row__detail:focus-visible{color:var(--color-accent);border-color:var(--indigo-200);background:var(--color-accent-soft)}.weekly-leaderboard .tool-list{display:block}.weekly-leaderboard .tool-row{display:flex;flex-direction:row;align-items:center;gap:10px;padding:8px 4px;border:0;border-bottom:1px solid var(--color-border-light);border-radius:0;background:transparent;box-shadow:none;text-decoration:none;color:var(--color-text);transform:none}.weekly-leaderboard .tool-row:hover{transform:none;border-color:var(--color-border-light);box-shadow:none;background:var(--color-card-hover)}.weekly-leaderboard .tool-row:last-child{border-bottom:0}.weekly-leaderboard .tool-row__text{display:flex;grid-column:auto;grid-row:auto;flex:1;min-height:0;align-items:baseline}.weekly-leaderboard .tool-row__name{font-size:.86rem;font-weight:600}.weekly-leaderboard .tool-row__tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--color-tooltip-bg);color:var(--color-tooltip-text);font-size:.78rem;padding:8px 14px;border-radius:var(--radius-sm);max-width:320px;text-align:center;opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:100;white-space:normal;line-height:1.45;box-shadow:0 6px 20px #0003;-webkit-line-clamp:unset;display:block}.weekly-leaderboard .tool-row:hover .tool-row__tooltip{opacity:1}.weekly-leaderboard .tool-row__stars{font-size:.75rem;font-weight:600;color:var(--hot-from);white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums}.weekly-leaderboard{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:18px 20px 14px;box-shadow:0 1px 3px var(--color-shadow)}.weekly-leaderboard__head{display:flex;align-items:center;gap:11px;margin-bottom:4px}.weekly-leaderboard__flame{width:34px;height:34px;border-radius:10px;background:var(--grad-hot);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 10px #f9731659}.weekly-leaderboard__title{font-family:var(--font-display);font-size:1.05rem;font-weight:800;letter-spacing:-.01em;color:var(--color-text)}.weekly-leaderboard__subtitle{font-size:.76rem;color:var(--color-text-muted);margin-bottom:10px}.weekly-leaderboard__initial{font-size:.72rem;color:var(--color-text-muted);background:var(--color-tag-bg);padding:4px 10px;border-radius:6px;margin-bottom:8px;display:inline-block}.weekly-leaderboard__rank{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:7px;font-size:.7rem;font-weight:700;flex-shrink:0;color:var(--color-text-muted);background:var(--color-bg-alt)}.weekly-leaderboard__rank--gold{color:#fff;background:linear-gradient(135deg,#f59e0b,#f97316)}.weekly-leaderboard__rank--silver{color:#fff;background:#94a3b8}.weekly-leaderboard__rank--bronze{color:#fff;background:#b87333}.weekly-leaderboard__delta{font-size:.68rem;font-weight:600;color:var(--free-text);background:var(--free-bg);padding:2px 8px;border-radius:var(--radius-tag);white-space:nowrap;flex-shrink:0}.weekly-leaderboard__delta--initial{color:var(--color-text-muted);background:var(--color-bg-alt)}@media(max-width:750px){.weekly-leaderboard .tool-row__tooltip{display:none}}.save-tool-button{flex:0 0 auto;min-height:30px;padding:0 11px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-card);color:var(--color-text-muted);font:500 .7rem/1 var(--font-sans);cursor:pointer;transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.save-tool-button:hover,.save-tool-button:focus-visible{color:var(--color-accent);border-color:var(--indigo-200);background:var(--color-accent-soft)}.save-tool-button.is-saved{color:var(--color-accent);border-color:var(--indigo-200);background:var(--color-accent-soft);font-weight:600}.save-tool-button--compact{position:absolute;left:11px;bottom:10px;min-height:23px;padding:0 8px;font-size:.64rem;border-color:transparent;background:transparent;opacity:0;transition:opacity var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.tool-row:hover .save-tool-button--compact,.save-tool-button--compact:focus-visible,.save-tool-button--compact.is-saved{opacity:1}@media(max-width:640px){.save-tool-button--compact{opacity:.5}}.portal-home{padding-bottom:56px}.portal-main{min-width:0;padding-top:34px;scroll-margin-top:calc(var(--header-height) + 70px)}.portal-featured{margin-bottom:44px;scroll-margin-top:calc(var(--header-height) + 76px)}.portal-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:14px}.portal-section-heading h2{margin:0;color:var(--color-text);font-family:var(--font-display);font-size:1.35rem;font-weight:800;letter-spacing:-.02em;line-height:1.2}.portal-section-heading span{color:var(--color-text-muted);font-size:.8rem}@media(max-width:640px){.portal-section-heading{align-items:flex-start;flex-direction:column;gap:4px}.portal-main{padding-top:24px}.directory-groups{gap:34px}}