:root{--bg:#f6f7f4;--surface:#fff;--surface-soft:#eef3ee;--surface-warm:#f8f1e7;--text:#1f2528;--muted:#6b7475;--line:#d9dfdc;--line-strong:#b7c4be;--accent:#146c65;--accent-strong:#0c4f55;--accent-soft:#dcefeb;--warn:#8a5a00;--shadow:0 20px 50px #1f252814;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{scrollbar-gutter:stable;scrollbar-color:color-mix(in srgb, var(--accent) 62%, var(--line-strong)) color-mix(in srgb, var(--bg) 88%, var(--surface));scrollbar-width:thin;overflow-y:scroll}*{box-sizing:border-box}body{min-width:320px;margin:0;overflow-x:clip}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:color-mix(in srgb, var(--bg) 88%, var(--surface))}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 82%, #fff), var(--accent-strong));border:3px solid color-mix(in srgb, var(--bg) 88%, var(--surface));background-clip:padding-box;border-radius:999px;min-height:72px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 92%, #fff), color-mix(in srgb, var(--accent-strong) 88%, #000));background-clip:padding-box}::-webkit-scrollbar-corner{background:var(--bg)}button,input{font:inherit}button{cursor:pointer}a{color:inherit}:where(button,a,summary,input):focus-visible{outline-offset:3px;outline:3px solid #146c6547}img{display:block}#app{min-height:100svh}.shell{width:min(1440px,100%);margin:0 auto;padding:24px}.toolbar{z-index:5;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;justify-content:space-between;align-items:center;gap:20px;padding:16px 0 18px;transition:opacity .36s,transform .36s;display:flex;position:sticky;top:0;transform:translateY(-10px)}.shell.is-ready .toolbar{opacity:1;transform:translateY(0)}.brand{align-items:center;gap:14px;min-width:240px;display:flex}.brand-mark{width:46px;height:46px;color:var(--accent-strong);background:var(--accent-soft);border:1px solid var(--line-strong);border-radius:8px;place-items:center;transition:background-color .18s,border-color .18s,transform .18s;display:grid}.brand:hover .brand-mark{transform:translateY(-1px)rotate(-2deg)}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:26px;font-weight:720;line-height:1.1}.brand p{color:var(--muted);margin-top:4px;font-size:14px}.tools{flex:1;justify-content:flex-end;align-items:center;gap:12px;display:flex}.usage-menu{flex:none;position:relative}.usage-menu summary{min-height:42px;color:var(--accent-strong);background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:0 13px;font-weight:700;list-style:none;transition:border-color .18s,box-shadow .18s,transform .18s,color .18s;display:inline-flex}.usage-menu summary::-webkit-details-marker{display:none}.usage-menu[open] summary,.usage-menu summary:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 0 0 3px #146c651f}.usage-panel{z-index:20;width:min(360px,100vw - 32px);color:var(--text);text-align:left;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);transform-origin:100% 0;border-radius:8px;padding:16px;position:absolute;top:calc(100% + 10px);right:0}.usage-menu[open] .usage-panel{animation:.18s ease-out both panel-in}.usage-panel h2{margin-bottom:10px;font-size:17px}.usage-panel p{color:var(--muted);font-size:14px;line-height:1.55}.usage-panel p+p{margin-top:8px}.usage-panel code{color:var(--accent-strong);background:var(--accent-soft);border-radius:5px;padding:2px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.usage-panel a{min-height:34px;color:var(--accent-strong);align-items:center;gap:6px;margin-top:12px;font-weight:700;text-decoration:none;transition:color .18s,transform .18s;display:inline-flex}.usage-panel a:hover{color:var(--accent);transform:translate(2px)}.github-logo{color:#181717}.search-field{width:min(360px,100%);height:42px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:8px;align-items:center;gap:9px;padding:0 13px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.search-field:hover{transform:translateY(-1px)}.search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #146c6524}.search-field input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0}.segmented{background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(3,minmax(74px,1fr));gap:4px;padding:4px;display:grid;position:relative}.segmented:before{z-index:0;content:"";background:var(--surface);border:1px solid #b7c4beb8;border-radius:6px;width:calc(33.3333% - 5.33333px);transition:transform .22s cubic-bezier(.2,.8,.2,1);position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 3px 12px #1f252814}.segmented.active-0:before{transform:translate(0)}.segmented.active-1:before{transform:translate(calc(100% + 4px))}.segmented.active-2:before{transform:translate(calc(200% + 8px))}.segmented button{z-index:1;min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 12px;transition:color .18s,transform .18s;display:flex;position:relative}.segmented button:hover{color:var(--accent-strong);transform:translateY(-1px)}.segmented button:active{transform:translateY(0)scale(.98)}.segmented button.active{color:var(--accent-strong)}.stats-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:6px 0 22px;display:grid}.stats-row,.cursor-card,.empty-state{opacity:0;transition:opacity .42s,transform .42s cubic-bezier(.2,.8,.2,1);transition-delay:var(--reveal-delay,0s);transform:translateY(16px)}.stats-row:not(.is-visible),.cursor-card:not(.is-visible),.empty-state:not(.is-visible),.shell:not(.is-ready) .toolbar{will-change:opacity, transform}.stats-row.is-visible,.cursor-card.is-visible,.empty-state.is-visible{opacity:1;transform:translateY(0)}.stats-row>div{min-height:44px;color:var(--accent-strong);background:var(--surface);border:1px solid var(--line);border-radius:8px;align-items:center;gap:10px;padding:0 14px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.stats-row>div:hover{border-color:var(--line-strong);transform:translateY(-1px);box-shadow:0 10px 24px #1f252812}.platform-logo{flex:none}.platform-logo-windows{color:#0078d4}.platform-logo-linux{color:#111820}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));align-items:stretch;gap:16px;display:grid}.cursor-card{background:var(--surface);border:1px solid var(--line);min-width:0;box-shadow:var(--shadow);border-radius:8px;transition:opacity .42s,transform .42s cubic-bezier(.2,.8,.2,1),border-color .18s,box-shadow .18s;display:flex;overflow:hidden}.cursor-card.is-visible:hover{border-color:var(--line-strong);transform:translateY(-3px);box-shadow:0 24px 58px #1f25281f}.preview-panel{background:linear-gradient(45deg, #1f25280e 25%, transparent 25%), linear-gradient(-45deg, #1f25280e 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #1f25280e 75%), linear-gradient(-45deg, transparent 75%, #1f25280e 75%), var(--surface-warm);border-right:1px solid var(--line);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;flex:0 0 112px;place-items:center;width:112px;min-height:212px;padding:14px;display:grid;position:relative}.preview-panel .lazy-image{width:72px;height:72px}.preview-panel .lazy-image img{object-fit:contain;filter:drop-shadow(0 10px 18px #1f25282e);width:auto;max-width:100%;height:auto;max-height:100%}.preview-empty{width:64px;height:64px;color:var(--muted);border:1px dashed var(--line-strong);background:#ffffffad;border-radius:8px;place-items:center;display:grid}.platform-pill{color:var(--accent-strong);text-align:center;text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--line);background:#ffffffd6;border-radius:6px;padding:5px 8px;font-size:12px;font-weight:700;display:block;position:absolute;bottom:10px;left:10px;right:10px;overflow:hidden}.card-body{flex-direction:column;flex:1;gap:12px;min-width:0;padding:14px;display:flex}.title-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}h2{min-width:0;color:var(--text);letter-spacing:0;overflow-wrap:anywhere;font-size:18px;font-weight:720;line-height:1.25}.archive-type{max-width:70px;color:var(--accent-strong);text-transform:uppercase;background:var(--accent-soft);border-radius:6px;flex:none;padding:3px 7px;font-size:12px;font-weight:700}.meta-row{color:var(--muted);flex-wrap:wrap;gap:6px;font-size:13px;display:flex}.meta-row span{background:var(--surface-soft);border-radius:6px;padding:4px 7px}.sample-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.sample-strip figure{min-width:0;margin:0}.sample-image{aspect-ratio:1;background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;place-items:center;display:grid}.sample-image .lazy-image{width:28px;height:28px}.sample-image .lazy-image img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.lazy-image{aspect-ratio:var(--lazy-aspect);color:var(--muted);border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.lazy-image img{z-index:2;opacity:0;transition:opacity .22s,transform .22s;position:relative;transform:scale(.96)}.lazy-image.is-loaded img{opacity:1;transform:scale(1)}.lazy-placeholder,.lazy-error{border-radius:inherit;border:1px solid #b7c4becc;place-items:center;display:grid;position:absolute;inset:0}.lazy-placeholder{background:#ffffff9e;overflow:hidden}.lazy-placeholder:after{content:"";background:linear-gradient(110deg,#0000 0%,#ffffffb8 42%,#0000 78%);animation:1.3s ease-in-out infinite lazy-shimmer;position:absolute;inset:0;transform:translate(-100%)}.lazy-error{background:#ffffffb3;border-style:dashed}figcaption{min-height:22px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;justify-content:center;align-items:center;gap:3px;font-size:12px;display:flex;overflow:hidden}figcaption small{color:var(--accent);font-size:10px}.warning-text{color:var(--warn);overflow-wrap:anywhere;font-size:13px;line-height:1.35}.download-link{color:#fff;background:var(--accent-strong);border-radius:8px;align-items:center;gap:8px;width:fit-content;min-height:38px;margin-top:auto;padding:0 13px;font-weight:700;text-decoration:none;transition:background-color .18s,box-shadow .18s,transform .18s;display:inline-flex;box-shadow:0 8px 18px #0c4f552e}.download-link:hover{background:var(--accent);transform:translateY(-2px);box-shadow:0 12px 24px #0c4f553d}.download-link:active{transform:translateY(0)scale(.98)}.empty-state{min-height:220px;color:var(--muted);place-items:center;gap:8px;display:grid}.load-more-state{min-height:74px;color:var(--muted);place-items:center;padding:8px 0 22px;font-size:13px;display:grid}.load-more-sentinel,.load-more-complete{background:color-mix(in srgb, var(--surface) 78%, var(--accent-soft));border:1px solid var(--line);border-radius:999px;align-items:center;gap:9px;min-height:36px;padding:0 14px;display:inline-flex;box-shadow:0 10px 24px #1f25280f}.load-more-sentinel{color:var(--accent-strong)}.load-more-complete{margin:0}.load-more-spinner{border:2px solid color-mix(in srgb, var(--accent) 16%, var(--line-strong));border-top-color:var(--accent);border-radius:999px;width:15px;height:15px;animation:.76s linear infinite load-spin}@keyframes panel-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes lazy-shimmer{to{transform:translate(100%)}}@keyframes load-spin{to{transform:rotate(1turn)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=860px){.shell{padding:16px}.toolbar{flex-direction:column;align-items:stretch;position:static}.tools{flex-direction:column;align-items:stretch}.search-field{width:100%}}@media (width<=620px){.stats-row{grid-template-columns:1fr}.cursor-card{flex-direction:column}.preview-panel{border-right:0;border-bottom:1px solid var(--line);width:100%;min-height:148px}.sample-strip{grid-template-columns:repeat(4,minmax(48px,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.toolbar,.stats-row,.cursor-card,.empty-state,.lazy-image img{opacity:1;transform:none}.cursor-card.is-visible:hover,.download-link:hover,.segmented button:hover,.usage-menu summary:hover,.search-field:hover,.stats-row>div:hover{transform:none}}