.skills-page.svelte-1lnpq3j{justify-content:center;align-items:center;width:100%;max-height:100%;padding:1rem 0;display:flex;overflow-y:auto}.skills-grid.svelte-1lnpq3j{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;width:100%;display:grid}.skill-item.svelte-1lnpq3j{aspect-ratio:1;border:1px solid var(--glass-border,oklch(100% 0 0/.08));background-color:#0000;outline:none;place-items:center;padding:1.5rem;transition:border-color .3s,background-color .3s,transform .3s;display:grid;position:relative;overflow:hidden}.skill-item.svelte-1lnpq3j:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 60%,oklch(100% 0 0/.04),#0000 70%);transition:opacity .35s;position:absolute;inset:0}.skill-item.svelte-1lnpq3j:hover,.skill-item.svelte-1lnpq3j:focus-visible{border-color:var(--text-secondary);transform:translateY(-2px)}.skill-item.svelte-1lnpq3j:hover:before,.skill-item.svelte-1lnpq3j:focus-visible:before{opacity:1}.skill-icon.svelte-1lnpq3j{filter:grayscale(.35);will-change:transform;font-size:3.5rem;transition:filter .4s,transform .4s,opacity .3s}.skill-item--mono.svelte-1lnpq3j .skill-icon:where(.svelte-1lnpq3j){color:var(--text);opacity:.85}.skill-icon--logo.svelte-1lnpq3j{width:3.5rem;height:3.5rem;color:var(--text);opacity:.85;filter:none;background-color:currentColor;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.skill-item.svelte-1lnpq3j:hover .skill-icon--logo:where(.svelte-1lnpq3j),.skill-item.svelte-1lnpq3j:focus-visible .skill-icon--logo:where(.svelte-1lnpq3j){filter:none;opacity:1}@media (width<=1024px) and (width>=641px){.skill-icon--logo.svelte-1lnpq3j{width:2.8rem;height:2.8rem}}@media (width<=640px){.skill-icon--logo.svelte-1lnpq3j{width:2.2rem;height:2.2rem}}.skill-item.svelte-1lnpq3j:hover .skill-icon:where(.svelte-1lnpq3j),.skill-item.svelte-1lnpq3j:focus-visible .skill-icon:where(.svelte-1lnpq3j){filter:grayscale(0);opacity:1;transform:translateY(-14px)scale(1.05)}.skill-name.svelte-1lnpq3j{text-align:center;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.16em;opacity:0;pointer-events:none;white-space:nowrap;font-family:IBM Plex Mono,monospace;font-size:.7rem;transition:opacity .3s,transform .3s,color .3s;position:absolute;bottom:1.1rem;left:0;right:0;transform:translateY(6px)}.skill-item.svelte-1lnpq3j:hover .skill-name:where(.svelte-1lnpq3j),.skill-item.svelte-1lnpq3j:focus-visible .skill-name:where(.svelte-1lnpq3j){opacity:1;color:var(--text);transform:translateY(0)}.skill-index.svelte-1lnpq3j{letter-spacing:.1em;color:var(--text-secondary);opacity:.35;font-family:IBM Plex Mono,monospace;font-size:.55rem;transition:opacity .3s;position:absolute;top:.6rem;left:.7rem}.skill-item.svelte-1lnpq3j:hover .skill-index:where(.svelte-1lnpq3j),.skill-item.svelte-1lnpq3j:focus-visible .skill-index:where(.svelte-1lnpq3j){opacity:.7}@media (width<=1024px) and (width>=641px){.skills-grid.svelte-1lnpq3j{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem}.skill-icon.svelte-1lnpq3j{font-size:2.8rem}.skill-name.svelte-1lnpq3j{font-size:.62rem;bottom:.8rem}}@media (width<=640px){.skills-grid.svelte-1lnpq3j{grid-template-columns:repeat(3,1fr);gap:.5rem}.skill-item.svelte-1lnpq3j{padding:1rem}.skill-icon.svelte-1lnpq3j{font-size:2.2rem}.skill-name.svelte-1lnpq3j{letter-spacing:.12em;font-size:.55rem;bottom:.6rem}.skill-index.svelte-1lnpq3j{font-size:.5rem;top:.4rem;left:.5rem}}@media (hover:none){.skill-name.svelte-1lnpq3j{opacity:1;transform:none}.skill-icon.svelte-1lnpq3j{filter:grayscale(.1);transform:translateY(-6px)}}