:root{--bg:oklch(17.88% .0016 17.3102);--bg-elevated:oklch(30.2% .0036 286.185);--card:oklch(17.85% .0041 285.981);--card-hover:oklch(21.43% .0039 286.068);--card-foreground:oklch(97.35% .0054 274.966);--card-muted:oklch(74.34% .0173 278.408);--border:oklch(34.3% .0104 285.84);--border-strong:oklch(41.45% .0116 279.394);--text:oklch(78.64% .0145 272.645);--text-secondary:oklch(74.34% .0173 278.408);--text-muted:oklch(55% .012 278);--accent:oklch(43.94% .2315 302.365);--accent-2:oklch(68% .16 302);--ring:oklch(73.94% .1022 222.282);--grad-cta:linear-gradient(93deg, #f97316 0%, #ec4899 100%);--grad-hero:linear-gradient(150deg, #0b0b18 0%, #12102a 55%, #241448 100%);--chip:oklch(20.97% .008 274.533);--chip-text:oklch(74.34% .0173 278.408);--pill:oklch(97.35% .0054 274.966);--pill-hover:oklch(90.43% .014 272.679);--pill-foreground:oklch(30.72% .0266 164.074);--radius-lg:20px;--radius-md:12px;--radius-pill:999px;--sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--display:"Archivo Black", "Archivo", system-ui, sans-serif;--heading:"Archivo", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:15px;line-height:1.5}button{cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:4px}.app{flex-direction:column;min-height:100svh;display:flex}.app-body{flex:1;min-height:0;display:flex}.topbar{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#1a1717d9;align-items:center;gap:16px;height:72px;padding:0 24px;display:flex;position:sticky;top:0}.topbar__brand{font-family:var(--heading);letter-spacing:.08em;text-transform:uppercase;color:var(--text);white-space:nowrap;align-items:center;gap:10px;font-size:15px;font-weight:800;display:flex}.topbar__brand svg{color:var(--accent-2);flex-shrink:0}.topbar__search{flex:1;align-items:center;max-width:640px;margin:0 auto;display:flex;position:relative}.topbar__search-icon{color:var(--text-muted);pointer-events:none;display:flex;position:absolute;left:16px}.topbar__search input{background:var(--bg-elevated);border:1.5px solid var(--border-strong);width:100%;height:44px;color:var(--text);font:inherit;border-radius:12px;padding:0 72px 0 44px;font-size:14px;transition:border-color .14s}.topbar__search input::placeholder{color:var(--text-muted)}.topbar__search input:focus{border-color:var(--accent);outline:none}.topbar__kbd{pointer-events:none;gap:4px;display:flex;position:absolute;right:14px}.topbar__kbd kbd{min-width:22px;height:22px;font:600 11px var(--sans);color:var(--text-secondary);background:var(--chip);border:1px solid var(--border-strong);border-radius:6px;justify-content:center;align-items:center;padding:0 5px;display:inline-flex}.filters{position:relative}.filters__dropdown{z-index:50;width:min(320px,100vw - 32px);position:absolute;top:calc(100% + 10px);right:0}.filter-panel{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-lg);max-height:min(640px,100vh - 160px);padding:20px;overflow-y:auto;box-shadow:0 24px 60px #0009}.filter-panel__group+.filter-panel__group{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.sidebar__heading{font-family:var(--heading);letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 12px;font-size:12px;font-weight:700}.category-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.category-item{width:100%;color:var(--text-secondary);text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:9px 12px;font-size:14px;display:flex}.category-item:hover{background:var(--chip);color:var(--text)}.category-item[aria-pressed=true]{background:color-mix(in srgb, var(--accent) 14%, transparent);border:1px solid color-mix(in srgb, var(--accent) 55%, transparent);color:var(--text);font-weight:500}.category-item__icon{color:var(--text-muted);display:flex}.category-item[aria-pressed=true] .category-item__icon{color:var(--accent-2)}.category-item__label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.category-item__count{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12.5px}.sort-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.sort-item{width:100%;color:var(--text-secondary);text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:9px 12px;font-size:14px;display:flex}.sort-item:hover{background:var(--chip);color:var(--text)}.sort-item__radio{border:1.5px solid var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.sort-item__radio-dot{background:var(--accent-2);border-radius:50%;width:8px;height:8px;transition:transform .12s;transform:scale(0)}.sort-item[aria-pressed=true]{color:var(--text);font-weight:500}.sort-item[aria-pressed=true] .sort-item__radio{border-color:var(--accent-2)}.sort-item[aria-pressed=true] .sort-item__radio-dot{transform:scale(1)}.sort-item__icon{color:var(--text-muted);display:flex}.language-select{position:relative}.language-select__trigger{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;height:42px;color:var(--text-secondary);font:inherit;justify-content:space-between;align-items:center;gap:10px;padding:0 14px;font-size:14px;display:flex}.language-select__trigger:hover{border-color:var(--border-strong);color:var(--text)}.language-select__trigger svg{color:var(--text-muted);transition:transform .14s}.language-select__trigger[aria-expanded=true] svg{transform:rotate(180deg)}.language-select__trigger[aria-expanded=true]{border-color:var(--accent)}.language-select__menu{z-index:50;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);max-height:280px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 16px 40px #00000080}.language-select__option{width:100%;color:var(--text-secondary);font:inherit;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:9px 10px;font-size:14px;display:flex}.language-select__option:hover{background:var(--chip);color:var(--text)}.language-select__option[aria-selected=true]{background:var(--chip);color:var(--text);font-weight:500}.language-select__option[aria-selected=true]:after{content:"✓";color:var(--accent-2);font-size:12px}.main{flex:1;min-width:0;padding:40px 40px 80px;position:relative;overflow:hidden}.main__glow{background:radial-gradient(circle at 30% 30%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 60%), radial-gradient(circle at 70% 60%, #38bdf814, transparent 55%);filter:blur(10px);pointer-events:none;border-radius:50%;width:620px;height:620px;position:absolute;top:-180px;right:-140px}.hero{background:var(--grad-hero);border:1px solid color-mix(in srgb, var(--accent) 60%, transparent);border-radius:28px;max-width:1080px;margin:0 auto;padding:clamp(32px,5vw,56px);position:relative;overflow:hidden;box-shadow:0 0 60px #8b5cf638,0 24px 60px #0000008c}.hero:after{content:"";background:radial-gradient(ellipse at center, color-mix(in srgb, var(--accent) 45%, transparent), transparent 65%);filter:blur(30px);pointer-events:none;width:420px;height:300px;position:absolute;bottom:-120px;right:-80px}.hero__eyebrow{font-family:var(--heading);letter-spacing:.32em;text-transform:uppercase;color:var(--accent-2);margin:0 0 20px;font-size:12px;font-weight:700}.hero__title{font-family:var(--display);letter-spacing:.01em;text-transform:uppercase;color:#fff;margin:0 0 20px;font-size:clamp(32px,4.6vw,54px);font-weight:400;line-height:1.06}.hero__title-accent{background:linear-gradient(100deg,#c084fc 0%,#a855f7 55%,#38bdf8 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero__subtitle{max-width:560px;color:var(--text-secondary);margin:0;font-size:16px;line-height:1.65}.hero__note{font-family:var(--heading);letter-spacing:.14em;text-transform:uppercase;color:#c084fcd9;text-align:right;pointer-events:none;max-width:180px;font-size:13px;font-weight:700;line-height:1.4;position:absolute;top:40px;right:28px;transform:rotate(3deg)}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:44px 0 24px;display:flex}.toolbar__tabs{flex-wrap:wrap;gap:10px;display:flex}.chip{background:var(--pill);border:1px solid var(--pill);border-radius:var(--radius-pill);height:42px;color:var(--pill-foreground);align-items:center;padding:0 22px;font-size:14px;font-weight:600;transition:background .14s,color .14s,transform .14s;display:inline-flex}.chip:hover{background:var(--pill-hover);transform:translateY(-1px)}.chip[aria-pressed=true]{background:var(--grad-cta);color:#fff;border-color:#0000}.filters-button{border:1px solid var(--border-strong);border-radius:var(--radius-pill);height:42px;color:var(--text-secondary);background:0 0;align-items:center;gap:8px;padding:0 20px;font-size:14px;font-weight:500;display:inline-flex}.filters-button:hover{background:var(--chip);color:var(--text)}.filters-button[aria-expanded=true]{background:var(--chip);color:var(--text);border-color:var(--border-strong)}.repo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.repo-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:0;color:var(--card-foreground);flex-direction:column;gap:14px;padding:22px;transition:background .14s,border-color .14s,box-shadow .14s,transform .14s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000059}.repo-card:hover{background:var(--card-hover);border-color:color-mix(in srgb, var(--accent) 55%, transparent);transform:translateY(-2px);box-shadow:0 12px 32px #00000073}.repo-card__head{align-items:center;gap:12px;display:flex}.repo-card__avatar{color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:17px;font-weight:700;display:flex}.repo-card__id{flex:1;min-width:0}.repo-card__name{font-family:var(--heading);color:var(--card-foreground);white-space:nowrap;text-overflow:ellipsis;font-size:16.5px;font-weight:700;overflow:hidden}.repo-card__owner{color:var(--card-muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.repo-card__arrow{color:var(--text-muted);transition:color .14s,transform .14s;display:flex}.repo-card:hover .repo-card__arrow{color:var(--accent-2);transform:translate(2px,-2px)}.repo-card__desc{color:var(--text-secondary);overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.55;display:-webkit-box;overflow:hidden}.repo-card__tags{flex-wrap:wrap;gap:8px;display:flex}.tag{background:var(--chip);border-radius:var(--radius-pill);color:var(--chip-text);white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:5px 12px;font-size:12.5px;font-weight:500;overflow:hidden}.repo-card__meta{min-width:0;color:var(--card-muted);flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:auto;padding-top:4px;font-size:13px;display:flex}.repo-card__stat{color:var(--card-foreground);align-items:center;gap:6px;font-weight:600;display:inline-flex}.repo-card__stat svg{color:var(--accent-2)}.repo-card__updated{color:var(--card-muted);white-space:nowrap;text-overflow:ellipsis;margin-left:auto;overflow:hidden}.pagination{justify-content:center;align-items:center;gap:16px;margin-top:40px;display:flex}.pagination__button{background:var(--pill);border:1px solid var(--pill);border-radius:var(--radius-pill);height:42px;color:var(--pill-foreground);align-items:center;padding:0 22px;font-size:14px;font-weight:600;transition:background .14s,color .14s,transform .14s,opacity .14s;display:inline-flex}.pagination__button:hover:not(:disabled){background:var(--pill-hover);transform:translateY(-1px)}.pagination__button:disabled{opacity:.4;cursor:not-allowed}.pagination__page{color:var(--text-secondary);font-variant-numeric:tabular-nums;text-align:center;min-width:64px;font-size:14px;font-weight:600}.sync-note{color:var(--text-muted);margin:-8px 0 16px;font-size:12.5px}.sync-trigger{border:1px dashed var(--border-strong);color:var(--text-muted);background:0 0;border-radius:8px;margin-top:32px;padding:8px 14px;font-size:12.5px}.sync-trigger:hover{color:var(--text);border-color:var(--text-muted)}.repo-card--skeleton{background:linear-gradient(100deg, var(--card) 40%, var(--card-hover) 50%, var(--card) 60%);background-size:200% 100%;min-height:220px;animation:1.4s infinite skeleton}@keyframes skeleton{0%{background-position:180% 0}to{background-position:-20% 0}}.detail{width:100%;max-width:1080px;margin:0 auto;padding-top:40px}.detail__loading{color:var(--text-secondary);padding:48px 0}.detail__empty{margin-top:48px}.detail__back{color:var(--accent-2);margin-top:16px;font-weight:500;display:inline-block}.detail__back-button{border:1px solid var(--border-strong);border-radius:var(--radius-pill);height:38px;color:var(--text-secondary);background:0 0;align-items:center;gap:6px;margin-bottom:20px;padding:0 18px;font-size:13.5px;font-weight:500;transition:background .14s,color .14s,border-color .14s;display:inline-flex}.detail__back-button:hover{background:var(--chip);color:var(--text);border-color:var(--accent)}.detail__breadcrumb{color:var(--text-muted);margin-bottom:24px;font-size:13.5px}.detail__breadcrumb a:hover{color:var(--text)}.detail__header{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.detail__header .repo-card__avatar{border-radius:16px;width:56px;height:56px;font-size:22px}.detail__heading h1{font-family:var(--display);text-transform:uppercase;letter-spacing:.01em;color:#fff;margin:0;font-size:clamp(26px,3.6vw,40px);font-weight:400;line-height:1.1}.detail__owner{color:var(--text-muted);margin:4px 0 0;font-size:14px}.detail__github{background:var(--grad-cta);border-radius:var(--radius-pill);color:#fff;border:none;align-items:center;gap:8px;height:44px;margin-left:auto;padding:0 20px;font-size:14px;font-weight:700;display:inline-flex}.detail__github:hover{filter:brightness(1.08)}.detail__description{max-width:720px;color:var(--text-secondary);margin:20px 0 0;font-size:16px;line-height:1.65}.detail__layout{grid-template-columns:minmax(0,1fr) 320px;gap:40px;margin-top:36px;display:grid}.detail__body section{margin-bottom:36px}.detail__body h2,.detail__sidebar h2{font-family:var(--heading);letter-spacing:.06em;text-transform:uppercase;color:var(--text);margin:0 0 12px;font-size:15px;font-weight:700}.detail__body p{color:var(--text-secondary);margin:0;line-height:1.7}.detail__features{color:var(--text-secondary);margin:0;padding-left:20px;line-height:1.8}.detail__muted{color:var(--text-muted);font-size:14px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.detail__related{color:var(--text-secondary);margin:0;padding-left:20px;font-size:14px;line-height:1.8}.detail__related a{color:var(--accent-2)}.detail__related a:hover{color:var(--text)}.detail__sidebar section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--card-foreground);padding:22px;box-shadow:0 1px 2px #00000059}.detail__sidebar h2{color:var(--card-foreground)}.detail__meta{flex-direction:column;gap:12px;margin:0;display:flex}.detail__meta>div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.detail__meta dt{color:var(--card-muted);white-space:nowrap;font-size:13px}.detail__meta dd{color:var(--card-foreground);text-align:right;word-break:break-word;align-items:center;gap:6px;margin:0;font-size:13.5px;font-weight:500;display:inline-flex}.detail__meta dd svg{color:var(--accent-2);flex-shrink:0}@media (width<=900px){.detail__layout{grid-template-columns:1fr}.detail__github{margin-left:0}}.empty{text-align:center;color:var(--text-secondary);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);padding:72px 24px}.empty h3{font-family:var(--heading);text-transform:uppercase;letter-spacing:.04em;color:var(--text);margin:0 0 8px;font-size:17px;font-weight:700}.empty p{margin:0;font-size:14px}@media (width<=1180px){.repo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1024px){.main{padding:36px 24px 64px}.hero__note{display:none}.filters__dropdown{width:auto;position:fixed;top:84px;left:16px;right:16px}}@media (width<=720px){.topbar{gap:10px;padding:0 16px}.topbar__search kbd{display:none}.topbar__search{max-width:none}.repo-grid{grid-template-columns:1fr}.main{padding:28px 16px 56px}.toolbar{margin-top:32px}}@media (width<=560px){.topbar__brand span{display:none}}
