@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-display: "Space Grotesk", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SFMono-Regular", "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace;--radius-xs: 6px;--radius-sm: 10px;--radius: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--container: 1200px;--gutter: clamp(16px, 4vw, 32px);--header-h: 64px;--ease: cubic-bezier(.2, .8, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur: .22s;--green: #22c55e;--green-soft: rgba(34, 197, 94, .12);--blue: #3b82f6;--purple: #a855f7}:root,[data-theme=dark]{color-scheme:dark;--bg: #09090b;--bg-2: #0f0f12;--surface: #131317;--surface-2: #1a1a20;--surface-3: #22222a;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--text: #f5f5f4;--text-2: #d6d3d1;--muted: #a1a1aa;--faint: #71717a;--accent: #ff7a1a;--accent-2: #ffb347;--accent-3: #ff4d00;--accent-ink: #1a0b00;--accent-soft: rgba(255, 122, 26, .12);--accent-softer: rgba(255, 122, 26, .06);--ring: rgba(255, 122, 26, .5);--glow: rgba(255, 122, 26, .35);--shadow: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 10px 30px -12px rgba(0, 0, 0, .6);--shadow-lg: 0 30px 80px -20px rgba(0, 0, 0, .75), 0 0 0 1px rgba(255, 255, 255, .06);--glass: rgba(12, 12, 15, .68);--code-bg: #0c0c0f;--grid-line: rgba(255, 255, 255, .05);--grain-opacity: .05;--selection: rgba(255, 122, 26, .35)}[data-theme=light]{color-scheme:light;--bg: #fbfaf7;--bg-2: #f4f1ec;--surface: #ffffff;--surface-2: #f7f5f1;--surface-3: #efebe5;--border: rgba(28, 20, 10, .09);--border-strong: rgba(28, 20, 10, .16);--text: #16130f;--text-2: #3a342c;--muted: #6b6359;--faint: #948b80;--accent: #f26a0a;--accent-2: #ff9a3d;--accent-3: #e05300;--accent-ink: #ffffff;--accent-soft: rgba(242, 106, 10, .1);--accent-softer: rgba(242, 106, 10, .05);--ring: rgba(242, 106, 10, .45);--glow: rgba(242, 106, 10, .22);--shadow: 0 1px 2px rgba(28, 20, 10, .05), 0 8px 24px -12px rgba(28, 20, 10, .14);--shadow-lg: 0 30px 80px -24px rgba(28, 20, 10, .28), 0 0 0 1px rgba(28, 20, 10, .06);--glass: rgba(251, 250, 247, .74);--code-bg: #1a1714;--grid-line: rgba(28, 20, 10, .06);--grain-opacity: .035;--selection: rgba(242, 106, 10, .22)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-block-start:calc(var(--header-h) + 16px)}body{margin:0;min-block-size:100vh;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.6;font-feature-settings:"cv11","ss01","ss03";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;display:flex;flex-direction:column;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}body:before{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px}main{flex:1 0 auto}::selection{background:var(--selection);color:var(--text)}img,svg,video,canvas{display:block;max-inline-size:100%}img{block-size:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.15;letter-spacing:-.025em;margin:0;color:var(--text)}h1{font-size:clamp(2.2rem,4.6vw,3.6rem);letter-spacing:-.035em}h2{font-size:clamp(1.5rem,2.6vw,2.1rem)}h3{font-size:1.125rem;letter-spacing:-.015em}p{margin:0}kbd{display:inline-flex;align-items:center;justify-content:center;min-inline-size:22px;block-size:22px;padding-inline:6px;font-family:var(--font-sans);font-size:11px;font-weight:600;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-block-end-width:2px;border-radius:var(--radius-xs);line-height:1}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-xs)}.sr-only{position:absolute!important;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;inset-block-start:12px;inset-inline-start:12px;z-index:200;padding:10px 16px;background:var(--accent);color:var(--accent-ink);font-weight:600;border-radius:var(--radius-sm);transform:translateY(-200%);transition:transform var(--dur) var(--ease)}.skip-link:focus{transform:translateY(0)}.container{inline-size:min(var(--container),100% - 2 * var(--gutter));margin-inline:auto}.container.narrow{--container: 780px}.container.wide{--container: 1360px}.section{padding-block:clamp(48px,7vw,88px);position:relative}.section.tight{padding-block:clamp(32px,4vw,48px)}.section.alt{background:linear-gradient(180deg,transparent,var(--bg-2) 18%,var(--bg-2) 82%,transparent)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-block-end:var(--space-5);flex-wrap:wrap}.section-head>div{display:grid;gap:6px;max-inline-size:640px}.section-head h2{display:flex;align-items:center;gap:10px}.section-head p{color:var(--muted)}.section-head .more,.more{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--muted);padding:6px 12px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease),background var(--dur) var(--ease);white-space:nowrap}.more:after{content:"→";transition:transform var(--dur) var(--ease)}[dir=rtl] .more:after{content:"←"}.more:hover{color:var(--accent);border-color:var(--ring);background:var(--accent-softer)}.more:hover:after{transform:translate(3px)}[dir=rtl] .more:hover:after{transform:translate(-3px)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:var(--space-4)}.grid.lg{grid-template-columns:repeat(auto-fill,minmax(min(360px,100%),1fr))}.grid.sm{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr))}.stack{display:grid;gap:var(--space-4)}.row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.spacer{flex:1}.muted{color:var(--muted)}.accent{color:var(--accent)}.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(170px,auto);gap:var(--space-4)}.bento>*{grid-column:span 4;min-inline-size:0}.bento .span-3{grid-column:span 3}.bento .span-4{grid-column:span 4}.bento .span-5{grid-column:span 5}.bento .span-6{grid-column:span 6}.bento .span-7{grid-column:span 7}.bento .span-8{grid-column:span 8}.bento .span-9{grid-column:span 9}.bento .span-12{grid-column:span 12}.bento .row-2{grid-row:span 2}.bento .card.feature{padding:var(--space-6);justify-content:flex-end;background:radial-gradient(120% 90% at 100% 0%,var(--accent-soft),transparent 55%),var(--surface)}.bento .card.feature h3{font-size:clamp(1.3rem,2.2vw,1.75rem)}@media (max-width: 1024px){.bento .span-3,.bento .span-4,.bento .span-5{grid-column:span 6}.bento .span-7,.bento .span-8,.bento .span-9{grid-column:span 12}.bento>*{grid-column:span 6}.bento .span-12,.bento .span-6{grid-column:span 6}.bento .span-12{grid-column:span 12}}@media (max-width: 640px){.bento{grid-auto-rows:auto}.bento>*,.bento .span-3,.bento .span-4,.bento .span-5,.bento .span-6,.bento .span-7,.bento .span-8,.bento .span-9,.bento .span-12{grid-column:span 12}.bento .row-2{grid-row:auto}}.card{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:var(--space-3);padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;min-inline-size:0;transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow .3s var(--ease),background var(--dur) var(--ease)}.card:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--accent),transparent 38%,transparent 62%,var(--accent-2));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s var(--ease);pointer-events:none}.card:after{content:"";position:absolute;inset-block-start:-60%;inset-inline:10%;block-size:100%;z-index:-1;background:radial-gradient(closest-side,var(--accent-soft),transparent);opacity:0;transition:opacity .35s var(--ease);pointer-events:none}.card:hover,.card:focus-within{transform:translateY(-2px);border-color:transparent;box-shadow:var(--shadow),0 20px 50px -24px var(--glow)}.card:hover:before,.card:focus-within:before,.card:hover:after,.card:focus-within:after{opacity:1}.card.static:hover{transform:none}.card h3{font-size:1.075rem;line-height:1.3}.card h3 a{transition:color var(--dur) var(--ease)}.card h3 a:hover{color:var(--accent)}.card p{color:var(--muted);font-size:14.5px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card p.full{-webkit-line-clamp:unset;display:block}.card .card-link:after{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit}.card .chip,.card .btn,.card .copy-btn,.card .card-foot a,.card button{position:relative;z-index:1}.card-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap;font-size:12.5px;color:var(--faint)}.card-top .chips{display:flex;gap:6px;flex-wrap:wrap}.card-foot{margin-block-start:auto;padding-block-start:var(--space-3);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap;font-size:13px;color:var(--muted);border-block-start:1px dashed var(--border)}.card-icon{inline-size:40px;block-size:40px;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);font-size:20px;border:1px solid var(--accent-soft)}.chip{display:inline-flex;align-items:center;gap:6px;block-size:26px;padding-inline:10px;font-size:12.5px;font-weight:500;line-height:1;color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-pill);white-space:nowrap;transition:color var(--dur) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease)}a.chip:hover,button.chip:hover{color:var(--text);border-color:var(--border-strong)}.chip.accent{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.chip.sm{block-size:22px;padding-inline:8px;font-size:11.5px}.badge-sample,.badge-real{display:inline-flex;align-items:center;gap:5px;block-size:22px;padding-inline:8px;font-size:11px;font-weight:600;letter-spacing:.02em;border-radius:var(--radius-pill);white-space:nowrap;line-height:1}.badge-sample{color:var(--muted);border:1px dashed var(--border-strong);background:transparent}.badge-sample:before{content:"";inline-size:6px;block-size:6px;border-radius:50%;background:var(--faint)}.badge-real{color:var(--green);background:var(--green-soft);border:1px solid color-mix(in srgb,var(--green) 30%,transparent)}.badge-real:before{content:"✓";font-size:11px;font-weight:800}.kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.kicker:before{content:"";inline-size:6px;block-size:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft),0 0 12px var(--accent)}.btn{--btn-h: 42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;block-size:var(--btn-h);padding-inline:18px;font-size:14.5px;font-weight:600;line-height:1;border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);white-space:nowrap;transition:transform var(--dur) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),color var(--dur) var(--ease)}.btn:hover{border-color:var(--ring);transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.98)}.btn.sm{--btn-h: 34px;padding-inline:14px;font-size:13px}.btn.lg{--btn-h: 50px;padding-inline:24px;font-size:15.5px}.btn-primary{color:var(--accent-ink);border-color:transparent;background:linear-gradient(180deg,var(--accent-2),var(--accent) 55%,var(--accent-3));box-shadow:0 1px #ffffff59 inset,0 8px 24px -8px var(--glow)}.btn-primary:hover{border-color:transparent;box-shadow:0 1px #ffffff59 inset,0 12px 32px -8px var(--glow),0 0 0 4px var(--accent-soft)}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text-2)}.btn-ghost:hover{background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}.copy-btn{display:inline-flex;align-items:center;gap:6px;block-size:30px;padding-inline:12px;font-size:12.5px;font-weight:600;color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-pill);transition:color var(--dur) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.copy-btn:hover{color:var(--accent);border-color:var(--ring)}.copy-btn.copied{color:var(--green);border-color:color-mix(in srgb,var(--green) 40%,transparent);background:var(--green-soft)}.copy-btn svg{inline-size:14px;block-size:14px}.hero{position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(80px,13vw,160px) clamp(56px,8vw,104px);text-align:center}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:56px 56px;background-position:center top;-webkit-mask-image:radial-gradient(ellipse 70% 65% at 50% 30%,#000 25%,transparent 75%);mask-image:radial-gradient(ellipse 70% 65% at 50% 30%,#000 25%,transparent 75%)}.hero:after{content:"";position:absolute;z-index:-1;inset-block-start:-32%;inset-inline:0;margin-inline:auto;inline-size:min(820px,110vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--accent-2) 0%,transparent 42%),radial-gradient(circle at 65% 60%,var(--accent-3) 0%,transparent 48%),radial-gradient(circle at 50% 50%,var(--accent) 0%,transparent 65%);filter:blur(70px) saturate(1.2);opacity:.5;animation:fm-orb 16s var(--ease) infinite alternate;pointer-events:none}[data-theme=light] .hero:after{opacity:.32}@keyframes fm-orb{0%{transform:translate3d(-6%,0,0) scale(1) rotate(0)}33%{transform:translate3d(5%,6%,0) scale(1.08) rotate(40deg)}66%{transform:translate3d(-3%,3%,0) scale(.94) rotate(80deg)}to{transform:translate3d(7%,-4%,0) scale(1.05) rotate(120deg)}}.hero .kicker{margin-block-end:var(--space-4)}.hero h1{font-size:clamp(2.6rem,7vw,5.4rem);line-height:1.02;letter-spacing:-.045em;max-inline-size:16ch;margin-inline:auto}.hero .lead{margin-block-start:var(--space-5);margin-inline:auto;max-inline-size:640px;font-size:clamp(1.05rem,1.6vw,1.25rem);color:var(--muted);line-height:1.55}.hero-actions{margin-block-start:var(--space-6);display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.hero-search{margin-block-start:var(--space-6);margin-inline:auto;inline-size:min(560px,100%);display:flex;align-items:center;gap:12px;block-size:56px;padding-inline:18px 12px;border-radius:var(--radius-pill);background:var(--glass);border:1px solid var(--border-strong);color:var(--muted);font-size:15px;text-align:start;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);box-shadow:var(--shadow-lg);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.hero-search span{flex:1}.hero-search:hover{border-color:var(--ring);box-shadow:var(--shadow-lg),0 0 0 4px var(--accent-soft)}.hero-search svg{inline-size:20px;block-size:20px;color:var(--accent)}.grad{background:linear-gradient(100deg,var(--accent-2),var(--accent) 45%,var(--accent-3));-webkit-background-clip:text;background-clip:text;color:transparent}.hero .grad{background-size:200% 100%;animation:fm-shimmer 8s linear infinite}@keyframes fm-shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-stats{margin-block-start:var(--space-7);display:flex;justify-content:center;gap:clamp(24px,5vw,64px);flex-wrap:wrap}.page-hero{position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(56px,8vw,96px) clamp(28px,4vw,44px);border-block-end:1px solid var(--border)}.page-hero:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%)}.page-hero:after{content:"";position:absolute;z-index:-1;inset-block-start:-60%;inset-inline-end:-10%;inline-size:520px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--accent) 0%,transparent 65%);filter:blur(80px);opacity:.28;pointer-events:none}.page-hero .kicker{margin-block-end:var(--space-3)}.page-hero h1{max-inline-size:22ch}.page-hero p{margin-block-start:var(--space-3);max-inline-size:680px;color:var(--muted);font-size:1.075rem}.breadcrumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--faint);margin-block-end:var(--space-4)}.breadcrumbs a:hover{color:var(--accent)}.stat{display:grid;gap:2px;text-align:start}.hero .stat{text-align:center}.stat .num,.stat strong{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.3rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;background:linear-gradient(180deg,var(--text),color-mix(in srgb,var(--text) 55%,transparent));-webkit-background-clip:text;background-clip:text;color:transparent}.stat .label,.stat span{font-size:13px;color:var(--muted);font-weight:500}.toolbar{position:relative;display:grid;gap:var(--space-3);padding:var(--space-4);margin-block-end:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.toolbar-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.filter-label{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-inline-end:4px;min-inline-size:72px}.filter-group button.chip{cursor:pointer}.filter-group button.chip.active{color:var(--accent-ink);background:var(--accent);border-color:var(--accent);box-shadow:0 4px 14px -6px var(--glow)}.input-wrap{position:relative;flex:1 1 260px;display:flex;align-items:center}.input-wrap svg{position:absolute;inset-inline-start:12px;inline-size:16px;block-size:16px;color:var(--faint);pointer-events:none}.input-wrap .input{padding-inline-start:36px;inline-size:100%}.input,.select{block-size:40px;padding-inline:14px;font-size:14px;color:var(--text);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.input::placeholder{color:var(--faint)}.input:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.select{appearance:none;-webkit-appearance:none;padding-inline-end:36px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - 14px) 50%}[dir=rtl] .select{background-position:14px 50%}textarea.input{block-size:auto;min-block-size:120px;padding-block:12px;resize:vertical;line-height:1.5}.results-count{font-size:13px;font-weight:500;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.toolbar .clear-filters{margin-inline-start:auto}.repo-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.repo-meta>span{display:inline-flex;align-items:center;gap:5px}.repo-meta .stars:before{content:"★";color:#f5b301}.repo-meta .forks:before{content:"⑂";color:var(--faint)}.repo-meta .delta{color:var(--green);font-weight:600}.lang-dot{inline-size:10px;block-size:10px;border-radius:50%;background:var(--dot, var(--accent));box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--border);flex:none}.rank{font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--faint);font-variant-numeric:tabular-nums}.steps{list-style:none;margin:0;padding:0;counter-reset:fm-step;display:grid;gap:var(--space-4)}.steps>li{counter-increment:fm-step;position:relative;padding-inline-start:52px;min-block-size:36px}.steps>li:before{content:counter(fm-step);position:absolute;inset-inline-start:0;inset-block-start:-2px;inline-size:34px;block-size:34px;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--accent);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:50%}.steps>li:not(:last-child):after{content:"";position:absolute;inset-inline-start:16.5px;inset-block:38px -14px;inline-size:1px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 40%,transparent),transparent)}.steps>li strong{display:block;color:var(--text);font-weight:600;margin-block-end:2px}.steps>li p,.steps>li{color:var(--text-2)}.code,pre.code{position:relative;margin:0;padding:16px 18px;font-family:var(--font-mono);font-size:13px;line-height:1.65;color:#ece7e1;background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius);white-space:pre-wrap;word-break:break-word;overflow:auto;max-block-size:360px;tab-size:2;text-align:start;direction:ltr;unicode-bidi:plaintext}.code::-webkit-scrollbar{inline-size:8px;block-size:8px}.code::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:8px}.code .var{color:var(--accent-2)}.code-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.prose{font-size:17px;line-height:1.75;color:var(--text-2);max-inline-size:72ch}.prose>*+*{margin-block-start:1.15em}.prose h2{font-size:1.65rem;margin-block-start:2.2em;padding-block-start:.4em}.prose h3{font-size:1.25rem;margin-block-start:1.8em}.prose h4{font-size:1.05rem;margin-block-start:1.6em}.prose h2+*,.prose h3+*,.prose h4+*{margin-block-start:.6em}.prose p{margin:0}.prose a{color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent);text-underline-offset:3px;transition:text-decoration-color var(--dur) var(--ease)}.prose a:hover{text-decoration-color:var(--accent)}.prose strong{color:var(--text);font-weight:600}.prose ul,.prose ol{padding-inline-start:1.4em;margin:0}.prose li+li{margin-block-start:.4em}.prose li::marker{color:var(--accent)}.prose blockquote{margin:0;padding:4px 0;padding-inline-start:20px;border-inline-start:3px solid var(--accent);color:var(--text);font-style:italic}.prose code:not(pre code){font-family:var(--font-mono);font-size:.86em;padding:2px 6px;border-radius:var(--radius-xs);background:var(--surface-2);border:1px solid var(--border);color:var(--text)}.prose pre{font-family:var(--font-mono);font-size:13.5px;line-height:1.65;padding:18px;border-radius:var(--radius);background:var(--code-bg);color:#ece7e1;border:1px solid var(--border);overflow-x:auto;direction:ltr;text-align:start}.prose img{border-radius:var(--radius-lg);border:1px solid var(--border)}.prose hr{border:0;block-size:1px;background:linear-gradient(90deg,transparent,var(--border-strong),transparent);margin-block:2.5em}.prose table{inline-size:100%;border-collapse:collapse;font-size:15px;display:block;overflow-x:auto}.prose th,.prose td{padding:10px 12px;border-block-end:1px solid var(--border);text-align:start}.prose th{color:var(--text);font-weight:600;background:var(--surface-2)}.callout{display:flex;gap:12px;padding:16px 18px;border-radius:var(--radius);background:var(--accent-softer);border:1px solid var(--accent-soft);border-inline-start:3px solid var(--accent);color:var(--text-2);font-size:15px}.site-header{position:sticky;inset-block-start:0;z-index:50;block-size:var(--header-h);background:var(--glass);backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6);border-block-end:1px solid var(--border);transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.site-header.scrolled{box-shadow:0 10px 30px -20px #00000080}.header-inner{block-size:100%;display:flex;align-items:center;gap:var(--space-5)}.brand{display:inline-flex;align-items:center;gap:10px;flex:none}.brand img{inline-size:34px;block-size:34px;transition:transform .4s var(--ease-spring)}.brand:hover img{transform:rotate(-8deg) scale(1.06)}.wordmark{font-family:var(--font-display);font-size:19px;font-weight:600;letter-spacing:-.03em;color:var(--text)}.wordmark b{font-weight:700;background:linear-gradient(100deg,var(--accent-2),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.nav{display:flex;align-items:center;gap:2px;flex:1;min-inline-size:0}.nav a{position:relative;display:inline-flex;align-items:center;block-size:34px;padding-inline:12px;font-size:14px;font-weight:500;color:var(--muted);border-radius:var(--radius-pill);transition:color var(--dur) var(--ease),background var(--dur) var(--ease);white-space:nowrap}.nav a:hover,.nav a.active{color:var(--text);background:var(--surface-2)}.nav a.active:after{content:"";position:absolute;inset-block-end:-15px;inset-inline:30%;block-size:2px;border-radius:2px;background:var(--accent);box-shadow:0 0 12px var(--accent)}.header-actions{display:flex;align-items:center;gap:8px;margin-inline-start:auto}.search-trigger{display:inline-flex;align-items:center;gap:8px;block-size:36px;padding-inline:12px 6px;font-size:13.5px;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.search-trigger:hover{color:var(--text);border-color:var(--border-strong)}.search-trigger svg{inline-size:16px;block-size:16px}.search-trigger kbd{margin-inline-start:6px}.icon-btn,.theme-toggle,.mobile-nav{inline-size:36px;block-size:36px;display:inline-grid;place-items:center;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:50%;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.icon-btn:hover,.theme-toggle:hover,.mobile-nav:hover{color:var(--accent);border-color:var(--ring)}.theme-toggle svg,.mobile-nav svg{inline-size:18px;block-size:18px;grid-area:1 / 1}.theme-toggle .icon-sun,.theme-toggle .icon-moon{transition:transform .4s var(--ease-spring),opacity .25s var(--ease)}[data-theme=dark] .theme-toggle .icon-moon,[data-theme=light] .theme-toggle .icon-sun{opacity:0;transform:rotate(-90deg) scale(.5)}.theme-toggle:active{transform:scale(.92)}.mobile-nav,.mobile-nav .icon-close{display:none}.site-header.nav-open .mobile-nav .icon-close{display:block}.site-header.nav-open .mobile-nav .icon-menu{display:none}@media (max-width: 1080px){.search-trigger .label{display:none}.nav a{padding-inline:9px;font-size:13.5px}}@media (max-width: 899px){.mobile-nav{display:inline-grid}.nav{display:none;position:absolute;inset-block-start:100%;inset-inline:0;flex-direction:column;align-items:stretch;gap:2px;padding:12px var(--gutter) 20px;background:var(--bg);border-block-end:1px solid var(--border);box-shadow:0 30px 50px -30px #0009;max-block-size:calc(100vh - var(--header-h));overflow-y:auto}.site-header.nav-open .nav{display:flex;animation:fm-drop .22s var(--ease)}.nav a{block-size:46px;padding-inline:14px;font-size:16px;border-radius:var(--radius-sm)}.nav a.active{background:var(--accent-soft);color:var(--accent)}.nav a.active:after{display:none}.search-trigger kbd{display:none}.search-trigger{padding-inline:10px}}@keyframes fm-drop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-modal{position:fixed;inset:0;z-index:150;display:flex;justify-content:center;align-items:flex-start;padding:12vh var(--gutter) var(--gutter)}.search-backdrop{position:absolute;inset:0;background:#05050899;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fm-fade .18s var(--ease)}[data-theme=light] .search-backdrop{background:#281e1447}.search-panel{position:relative;inline-size:min(680px,100%);max-block-size:72vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),0 0 80px -30px var(--glow);overflow:hidden;animation:fm-pop .22s var(--ease)}.search-field{display:flex;align-items:center;gap:12px;padding-inline:18px 14px;block-size:60px;border-block-end:1px solid var(--border)}.search-field svg{inline-size:20px;block-size:20px;color:var(--accent);flex:none}.search-field input{flex:1;min-inline-size:0;block-size:100%;border:0;background:transparent;font-size:17px;color:var(--text);outline:none}.search-field input::placeholder{color:var(--faint)}.search-field input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.search-results{list-style:none;margin:0;padding:8px;overflow-y:auto;flex:1;overscroll-behavior:contain}.search-results li{margin:0}.search-result{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:center;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid transparent;transition:background .12s var(--ease)}.search-result .chip{grid-row:span 2;align-self:start;margin-block-start:1px;min-inline-size:72px;justify-content:center}.search-result strong{font-size:14.5px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result small{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result mark{background:var(--accent-soft);color:var(--accent);border-radius:3px;padding-inline:1px}.search-result.active,.search-result:hover{background:var(--accent-softer);border-color:var(--accent-soft)}.search-result.active .chip{color:var(--accent);border-color:var(--ring);background:var(--accent-soft)}.search-empty{padding:36px 20px;text-align:center;color:var(--muted);font-size:14px}.search-foot{display:flex;align-items:center;gap:16px;padding:10px 16px;font-size:12px;color:var(--faint);border-block-start:1px solid var(--border);background:var(--bg-2)}.search-foot span{display:inline-flex;align-items:center;gap:4px}.search-foot [data-search-count]{margin-inline-start:auto}html.search-open{overflow:hidden}@keyframes fm-fade{0%{opacity:0}to{opacity:1}}@keyframes fm-pop{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.site-footer{position:relative;margin-block-start:var(--space-8);padding-block:var(--space-8) var(--space-6);border-block-start:1px solid var(--border);background:linear-gradient(180deg,var(--bg-2),var(--bg));overflow:hidden;isolation:isolate}.site-footer:before{content:"";position:absolute;z-index:-1;inset-block-start:0;inset-inline:0;margin-inline:auto;inline-size:min(600px,80%);block-size:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 0 40px 8px var(--glow);opacity:.6}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:var(--space-6)}.footer-brand p{margin-block-start:var(--space-3);color:var(--muted);font-size:14.5px;max-inline-size:300px}.footer-brand .tagline{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--text)}.footer-col h4{font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-block-end:var(--space-3)}.footer-col ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.footer-col a{font-size:14.5px;color:var(--text-2);transition:color var(--dur) var(--ease)}.footer-col a:hover{color:var(--accent)}.footer-bottom{margin-block-start:var(--space-7);padding-block-start:var(--space-5);border-block-start:1px solid var(--border);display:flex;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;font-size:13px;color:var(--faint)}@media (max-width: 860px){.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-brand{grid-column:1 / -1}}@media (max-width: 520px){.footer-grid{grid-template-columns:repeat(2,1fr)}}.empty{display:grid;place-items:center;gap:8px;padding:56px 24px;text-align:center;color:var(--muted);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:repeating-linear-gradient(135deg,transparent 0 12px,var(--accent-softer) 12px 13px);font-size:15px}.empty strong{color:var(--text);font-family:var(--font-display);font-size:18px}.empty:before{content:"🦊";font-size:32px;filter:grayscale(.2)}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag-cloud a{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:14px;color:var(--text-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease),background var(--dur) var(--ease),transform var(--dur) var(--ease)}.tag-cloud a:before{content:"#";color:var(--accent);font-weight:600}.tag-cloud a small{font-size:11.5px;color:var(--faint);font-variant-numeric:tabular-nums}.tag-cloud a:hover{color:var(--text);border-color:var(--ring);background:var(--accent-softer);transform:translateY(-1px)}.tag-cloud .lg{font-size:17px;font-weight:600}.tag-cloud .md{font-size:15px}.divider{block-size:1px;border:0;margin:0;background:linear-gradient(90deg,transparent,var(--border-strong),transparent)}.glass{background:var(--glass);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid var(--border)}.pill-nav{display:inline-flex;gap:4px;padding:4px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border)}.meta-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13.5px;color:var(--muted)}.meta-line>*+*:before{content:"·";margin-inline-end:10px;color:var(--faint)}.layout-aside{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--space-7);align-items:start}.layout-aside aside{position:sticky;inset-block-start:calc(var(--header-h) + 24px);display:grid;gap:var(--space-4)}@media (max-width: 960px){.layout-aside{grid-template-columns:1fr}.layout-aside aside{position:static}}.fade-up{animation:fm-up .6s var(--ease) both}.fade-up.d1{animation-delay:.06s}.fade-up.d2{animation-delay:.12s}.fade-up.d3{animation-delay:.18s}.fade-up.d4{animation-delay:.24s}@keyframes fm-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){body{font-size:15.5px}.card{padding:16px}.toolbar{padding:12px}.filter-label{min-inline-size:100%;margin-block-end:2px}.filter-group{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-block-end:2px;flex-wrap:wrap}.search-modal{padding-block-start:8px}.search-panel{max-block-size:calc(100vh - 16px)}.search-foot span:not([data-search-count]){display:none}.prose{font-size:16px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.hero:after{animation:none}.hero .grad{animation:none}.card:hover,.card:focus-within,.btn:hover{transform:none}}@media print{body:before,.site-header,.site-footer,.search-modal,.toolbar,.copy-btn{display:none!important}body{background:#fff;color:#000}.card{box-shadow:none;break-inside:avoid}}[hidden]{display:none!important}.logo-on-light,[data-theme=light] .logo-on-dark{display:none}[data-theme=light] .logo-on-light{display:inline-block}.footer-brand .brand img{inline-size:140px;block-size:auto}