.skills-page-wrap.svelte-12hcw4{position:relative;overflow-x:clip}.skills-page.svelte-12hcw4{position:relative;z-index:1;box-sizing:border-box;width:100%;max-width:1080px;margin:0 auto;padding:0 1.85rem 7rem}@media(min-width:1024px){.skills-page.svelte-12hcw4{padding-right:1.25rem;padding-left:1.25rem}}.skills-hero-bg.svelte-12hcw4{position:absolute;top:-4rem;left:0;z-index:0;width:100%;height:48rem;overflow:hidden;pointer-events:none}.ambient-grid-wrapper.svelte-12hcw4{position:absolute;top:0;right:0;left:0;height:38rem;overflow:hidden;transform:scaleY(-1);pointer-events:none}.ambient-grid-canvas{width:100%;height:100%;opacity:0;animation:svelte-12hcw4-ambientGridReveal 2s ease-out .2s forwards}.ambient-grid-top-fade.svelte-12hcw4{position:absolute;top:0;right:0;left:0;z-index:1;height:120px;background:linear-gradient(to bottom,var(--bg-primary) 0%,transparent 100%);pointer-events:none}.ambient-grid-overlay.svelte-12hcw4{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center bottom,transparent 0%,var(--bg-primary) 55%);-webkit-mask-image:linear-gradient(to bottom,black 0%,black 70%,transparent 100%);mask-image:linear-gradient(to bottom,black 0%,black 70%,transparent 100%);-webkit-mask-position:center bottom;mask-position:center bottom;-webkit-mask-size:100% 300%;mask-size:100% 300%;opacity:.97;animation:svelte-12hcw4-overlayIris 2.8s cubic-bezier(.16,1,.3,1) forwards}@keyframes svelte-12hcw4-ambientGridReveal{0%{opacity:0}to{opacity:.9}}@keyframes svelte-12hcw4-overlayIris{0%{-webkit-mask-position:center top;mask-position:center top;-webkit-mask-size:100% 0%;mask-size:100% 0%}60%{-webkit-mask-position:center center;mask-position:center center;-webkit-mask-size:100% 200%;mask-size:100% 200%}to{-webkit-mask-position:center bottom;mask-position:center bottom;-webkit-mask-size:100% 300%;mask-size:100% 300%}}.discovery-header.svelte-12hcw4{display:flex;width:min(100%,992px);flex-direction:column;align-items:center;justify-content:center;padding:4.125rem 0 1.75rem;text-align:center}h2.svelte-12hcw4,p.svelte-12hcw4{margin:0}.search.svelte-12hcw4{display:flex;width:100%;align-items:center;gap:.75rem;margin-top:0;padding:0 1rem;border:1px solid var(--stroke);border-radius:999px;background:#fff;color:var(--text-secondary);box-shadow:0 .5rem 2rem color-mix(in srgb,var(--text-primary) 3%,transparent);transition:border-color .15s ease,box-shadow .15s ease}.search.svelte-12hcw4:focus-within{border-color:var(--text-secondary);box-shadow:0 0 0 3px color-mix(in srgb,var(--text-primary) 5%,transparent),0 .5rem 2rem color-mix(in srgb,var(--text-primary) 3%,transparent)}.search.svelte-12hcw4>svg{width:1.1rem;height:1.1rem;flex:0 0 auto}input.svelte-12hcw4{width:100%;min-width:0;padding:.575rem 0;border:0;outline:0;background:transparent;color:var(--text-primary);font:inherit;font-size:.95rem}input.svelte-12hcw4::-moz-placeholder{color:var(--text-secondary)}input.svelte-12hcw4::placeholder{color:var(--text-secondary)}input.svelte-12hcw4::-webkit-search-cancel-button{display:none}.clear-search.svelte-12hcw4{display:grid;width:2rem;height:2rem;flex:0 0 auto;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--text-secondary);transition:color .15s ease,background-color .15s ease}.clear-search.svelte-12hcw4:hover,.clear-search.svelte-12hcw4:focus-visible{outline:none;background:color-mix(in srgb,var(--bg-secondary) 75%,var(--text-primary) 8%);color:var(--text-primary)}.clear-search.svelte-12hcw4 svg{width:1rem;height:1rem}.category-filters.svelte-12hcw4{display:flex;width:100%;flex-wrap:wrap;gap:.625rem;margin-top:1.5rem}.category-filters.svelte-12hcw4 a:where(.svelte-12hcw4){display:inline-flex;height:40px;flex:none;align-items:center;gap:0;padding:0 14px;border:1px solid rgb(0 0 0 / 11%);border-radius:999px;background:#fff;color:#18181bb8;font:inherit;font-size:.875rem;font-weight:500;line-height:1;text-decoration:none;white-space:nowrap;transition:gap .26s cubic-bezier(.22,1,.36,1),padding-left .26s cubic-bezier(.22,1,.36,1),border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .2s ease}.category-filters.svelte-12hcw4 a:where(.svelte-12hcw4):hover{box-shadow:0 3px 8px #0000000a;transform:translateY(-2px)}.category-filters.svelte-12hcw4 a:where(.svelte-12hcw4):not(.active):hover{border-color:#0000002e;background:#fff;color:var(--text-primary)}.category-filters.svelte-12hcw4 a:where(.svelte-12hcw4):focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--text-primary) 22%,transparent)}.category-filters.svelte-12hcw4 a.active:where(.svelte-12hcw4){gap:6px;padding-left:8px;border-color:var(--text-primary);background:var(--text-primary);color:#fff}.category-filters.svelte-12hcw4 a.discover-filter.active:where(.svelte-12hcw4){gap:0;padding-left:14px}.filter-icon.svelte-12hcw4{display:grid;width:0;height:24px;flex:none;place-items:center;overflow:hidden;border-radius:999px;color:#fff;opacity:0;transform:scale(.72);filter:blur(3px);transition:width .26s cubic-bezier(.22,1,.36,1),opacity .18s ease,transform .24s cubic-bezier(.22,1,.36,1),filter .22s cubic-bezier(.22,1,.36,1)}.active.svelte-12hcw4 .filter-icon:where(.svelte-12hcw4){width:24px;opacity:1;transform:scale(1);filter:blur(0)}.filter-icon.svelte-12hcw4 svg{display:block;width:18px;height:18px;flex:none}.filter-count.svelte-12hcw4{margin-left:8px;color:#71717aad;font-variant-numeric:tabular-nums}.category-filters.svelte-12hcw4 a.active:where(.svelte-12hcw4) .filter-count:where(.svelte-12hcw4){margin-left:0;color:#ffffff8a}.category-filters.svelte-12hcw4 a.discover-filter.active:where(.svelte-12hcw4) .filter-count:where(.svelte-12hcw4){margin-left:8px}.skills-content.svelte-12hcw4{width:min(100%,992px);padding-top:2.25rem}.empty-state.svelte-12hcw4 h2:where(.svelte-12hcw4){color:var(--text-primary);font-size:1.8rem;font-weight:540;letter-spacing:-.035em}.empty-state.svelte-12hcw4 p:where(.svelte-12hcw4){margin-top:.4rem;color:var(--text-secondary);font-size:.95rem;line-height:1.5}.filtered-section-title.svelte-12hcw4{margin:0 0 1.25rem;color:var(--text-primary);font-size:1.225rem;font-weight:540;letter-spacing:-.02em}.filtered-starter-kits.svelte-12hcw4{display:flex;flex-wrap:wrap;align-items:flex-start;gap:2.5rem 1.75rem}.filtered-starter-kit.svelte-12hcw4{width:227px;height:311px}.filtered-starter-kit.svelte-12hcw4 .starter-book{transform:scale(1.08);transform-origin:top left}.empty-state.svelte-12hcw4{padding:3rem 0}@media(max-width:700px){.skills-page.svelte-12hcw4{padding-right:1rem;padding-bottom:5rem;padding-left:1rem}.discovery-header.svelte-12hcw4{padding:2.75rem 0 1.5rem}.search.svelte-12hcw4{min-height:2.75rem}.clear-search.svelte-12hcw4{width:2.5rem;height:2.5rem}.category-filters.svelte-12hcw4{flex-wrap:wrap}.category-filters.svelte-12hcw4 a:where(.svelte-12hcw4){height:44px}.filtered-starter-kits.svelte-12hcw4{justify-content:center}}@media(hover:none){.category-filters.svelte-12hcw4 a:where(.svelte-12hcw4):hover{box-shadow:none;transform:none}}@media(prefers-reduced-motion:reduce){.ambient-grid-canvas,.ambient-grid-overlay.svelte-12hcw4{animation:none}.category-filters.svelte-12hcw4 a:where(.svelte-12hcw4),.filter-icon.svelte-12hcw4{transition-duration:1ms}.category-filters.svelte-12hcw4 a:where(.svelte-12hcw4):hover{transform:none}.ambient-grid-canvas{opacity:.9}}