:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#0a0a0b;--bg-elevated:#131316;--bg-soft:#ffffff06;--text:#e5e5e7;--text-muted:#7d7d88;--border:#ffffff13;--border-strong:#ffffff26;--primary:#0f8;--primary-dim:#00ff881f;--primary-ink:#062716;--amber:#ffb800;--preview-accent:#ffb800;--blue:#00d4ff;--shadow:#0000006b;--paper:#e9e5dc;--radius-xs:6px;--radius-sm:10px;--radius-md:18px;--radius-lg:28px;--font-display:Outfit, "Avenir Next", Avenir, sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", Menlo, monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eeeee9;--bg-elevated:#fafaf5;--bg-soft:#00000006;--text:#151517;--text-muted:#5f5f66;--border:#0000001a;--border-strong:#0003;--primary:#00663a;--primary-dim:#00663a1a;--primary-ink:#f2fff8;--amber:#785000;--preview-accent:#ffb800;--blue:#007f99;--shadow:#16161024}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root[data-theme=system]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eeeee9;--bg-elevated:#fafaf5;--bg-soft:#00000006;--text:#151517;--text-muted:#5f5f66;--border:#0000001a;--border-strong:#0003;--primary:#00663a;--primary-dim:#00663a1a;--primary-ink:#f2fff8;--amber:#785000;--preview-accent:#ffb800;--blue:#007f99;--shadow:#16161024}}*,:before,:after{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;min-width:320px}body{background:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px), radial-gradient(circle at 78% 12%, var(--primary-dim), transparent 30rem), var(--bg);min-width:320px;color:var(--text);font-family:var(--font-display);text-rendering:optimizelegibility;background-size:64px 64px,64px 64px,auto,auto;margin:0;font-size:16px;line-height:1.55;overflow-x:hidden}body:before{z-index:20;pointer-events:none;content:"";opacity:.16;mix-blend-mode:soft-light;background:repeating-linear-gradient(0deg,#0000 0 3px,#0000001f 3px 4px),url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");position:fixed;inset:0}button,input,select{font:inherit}button,input,select,a{-webkit-tap-highlight-color:transparent}button,select,input[type=search],a.text-link,.skip-link{min-height:44px}button{cursor:pointer}button:disabled,button[aria-disabled=true]{cursor:not-allowed;opacity:.4}:focus-visible{outline:2px solid var(--blue);outline-offset:3px}h1,h2,p,figure,dl,dd{margin:0}h1,h2,p{text-wrap:pretty}code,.edition,.eyebrow,.micro-label,.category-chip,.version-ref,dt,.result-count{font-family:var(--font-mono)}.skip-link{z-index:100;border-radius:var(--radius-xs);background:var(--primary);color:var(--primary-ink);align-items:center;padding:0 16px;font-weight:700;display:flex;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-shell{width:min(100% - 48px,1280px);margin-inline:auto;position:relative}.site-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;min-height:88px;display:flex}.brand-lockup,.utilities,.effect-topline,.source-actions,.selection-actions{align-items:center;display:flex}.brand-lockup{gap:12px}.brand-mark{border:2px solid var(--primary);width:12px;height:12px;box-shadow:0 0 18px var(--primary);border-radius:50%}.brand-name{letter-spacing:.08em;font-weight:800}.edition{color:var(--text-muted);letter-spacing:.12em;font-size:.68rem}.utilities{gap:8px}.utility-button,.copy-button,.secondary-button,.primary-button{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-soft);min-height:44px;color:var(--text);padding:9px 16px;font-weight:650;transition:border-color .18s,background .18s,transform .18s}.utility-button:hover,.copy-button:hover,.secondary-button:hover{border-color:var(--primary);background:var(--primary-dim)}.utility-button:active,.copy-button:active,.secondary-button:active,.primary-button:active{transform:translateY(1px)}.language-button{min-width:56px;font-family:var(--font-mono)}.intro{grid-template-columns:minmax(0,1.75fr) minmax(220px,.55fr);align-items:end;gap:clamp(40px,9vw,136px);padding:clamp(64px,9vw,128px) 0 56px;display:grid}.eyebrow,.micro-label{color:var(--primary);letter-spacing:.14em;text-transform:uppercase;font-size:.7rem;font-weight:700}h1{letter-spacing:-.052em;max-width:880px;margin-top:16px;font-size:clamp(2.8rem,6vw,6.7rem);font-weight:620;line-height:.94}.intro-body{max-width:680px;color:var(--text-muted);margin-top:28px;font-size:clamp(1rem,1.4vw,1.2rem)}.archive-status{border-left:1px solid var(--amber);padding:24px 0 8px 24px;position:relative}.status-primary{color:var(--text);margin-top:22px;font-size:1.6rem;font-weight:700}.status-line{color:var(--text-muted);font-family:var(--font-mono);margin-top:4px;font-size:.72rem}.install-strip{border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--bg-elevated) 80%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-height:80px;box-shadow:0 18px 52px var(--shadow);justify-content:space-between;align-items:center;gap:24px;padding:16px 18px 16px 24px;display:flex}.install-copy{flex-direction:column;gap:5px;min-width:0;display:flex}.install-copy code{overflow-wrap:anywhere;color:var(--text);font-size:clamp(.78rem,1.4vw,.94rem)}.copy-button,.primary-button{background:var(--primary);color:var(--primary-ink);border-color:#0000}.copy-button:hover,.primary-button:hover{border-color:var(--primary);background:var(--text);color:var(--bg)}.filters{grid-template-columns:minmax(260px,1fr) minmax(180px,.34fr) auto;align-items:end;gap:16px;padding:56px 0 24px;display:grid}.field{flex-direction:column;gap:8px;display:flex}.field label{color:var(--text-muted);font-size:.78rem;font-weight:650}.search-input,.category-filter{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-elevated);width:100%;min-height:48px;color:var(--text)}.search-input{padding:10px 16px}.category-filter{padding:10px 40px 10px 14px}.search-input::placeholder{color:var(--text-muted);opacity:.75}.result-count{min-height:48px;color:var(--text-muted);justify-content:flex-end;align-items:center;font-size:.7rem;display:flex}.effect-list{gap:clamp(22px,4vw,52px);display:grid;container-type:inline-size}.effect-card{content-visibility:auto;contain-intrinsic-size:auto 870px;border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--bg-elevated) 91%, transparent);width:100%;min-width:0;min-height:clamp(500px,44vw,620px);box-shadow:0 28px 90px var(--shadow);animation:.68s cubic-bezier(.2,.8,.2,1) both card-enter;animation-delay:calc(var(--card-index,0) * 42ms);grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr);transition:border-color .22s,transform .22s,box-shadow .22s;display:grid;position:relative;overflow:hidden}.card-spotlight{--mouse-x:50%;--mouse-y:50%;--spotlight-color:#00ff8824;isolation:isolate}.card-spotlight:before{z-index:2;background:radial-gradient(640px circle at var(--mouse-x) var(--mouse-y), var(--spotlight-color), transparent 58%);content:"";opacity:0;pointer-events:none;transition:opacity .36s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:1}.card-spotlight.is-motion-disabled:before{display:none}.effect-card:hover{border-color:var(--border-strong);box-shadow:0 34px 110px var(--shadow), 0 0 42px var(--primary-dim);transform:translateY(-2px)}.effect-card.is-selected{border-color:var(--primary)}.preview-frame{border-right:1px solid var(--border);background:radial-gradient(circle at 50% 46%,#ffb8001c,#0000 46%),#0a0a0b;place-items:center;min-width:0;min-height:500px;display:grid;position:relative;overflow:hidden}.preview-frame:after{border-radius:calc(var(--radius-lg) - 8px);content:"";pointer-events:none;border:1px solid #ffffff21;position:absolute;inset:16px}.preview-frame img{object-fit:contain;will-change:transform;width:100%;height:100%;max-height:620px;transition:transform .52s cubic-bezier(.22,1,.36,1),filter .42s;transform:scale(1.001)}.effect-card:hover .preview-frame img,.effect-card:focus-within .preview-frame img{filter:saturate(1.04)contrast(1.02);transform:scale(1.025)}.preview-caption{z-index:1;border-radius:var(--radius-sm);color:#e5e5e7;font-family:var(--font-mono);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0a0bb8;border:1px solid #ffffff24;justify-content:space-between;align-items:flex-end;gap:16px;padding:14px 16px;font-size:.62rem;line-height:1.45;display:flex;position:absolute;bottom:20px;left:20px;right:20px}.preview-caption span:first-child{max-width:68%}.preview-caption span:last-child{color:var(--preview-accent);flex:none}.effect-content{flex-direction:column;min-width:0;padding:clamp(24px,3vw,44px);display:flex}.effect-topline{justify-content:space-between;gap:16px}.category-chip{border:1px solid var(--border-strong);color:var(--amber);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:5px 10px;font-size:.66rem}.selection-control{cursor:pointer;min-height:44px;color:var(--text-muted);align-items:center;gap:9px;font-size:.8rem;font-weight:650;display:inline-flex}.effect-checkbox{width:44px;height:44px;accent-color:var(--primary);margin:0}.version-ref{overflow-wrap:anywhere;color:var(--primary);font-size:.68rem}h2{letter-spacing:-.04em;margin-top:12px;font-size:clamp(2rem,3.4vw,3.8rem);font-weight:620;line-height:.98}.effect-summary{color:var(--text-muted);margin-top:20px;font-size:.98rem}.facts{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.fact{border-right:1px solid var(--border);border-bottom:1px solid var(--border);min-width:0;padding:12px}dt{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.61rem}dd{overflow-wrap:anywhere;margin-top:5px;font-size:.8rem}.invocation{flex-direction:column;gap:8px;padding-top:24px;display:flex}.invocation code{overflow-wrap:anywhere;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-soft);color:var(--text);padding:14px;font-size:.72rem}.source-block{margin-top:auto;padding-top:28px}.provenance-list{margin-top:10px}.provenance-list .fact{border:0;grid-template-columns:76px minmax(0,1fr);gap:12px;padding:5px 0;display:grid}.provenance-list dd{font-family:var(--font-mono);margin-top:0;font-size:.62rem}.source-actions{flex-wrap:wrap;gap:8px;margin-top:16px}.text-link{border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);align-items:center;padding:8px 12px;font-size:.78rem;font-weight:650;text-decoration:none;transition:border-color .18s,color .18s,background .18s;display:inline-flex}.text-link:hover{border-color:var(--primary);background:var(--primary-dim);color:var(--primary)}.selection-bar{z-index:10;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:color-mix(in srgb, var(--bg-elevated) 88%, transparent);min-height:76px;box-shadow:0 18px 50px var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:space-between;align-items:center;gap:20px;margin:24px auto 0;padding:14px 16px 14px 22px;transition:border-color .22s,transform .28s cubic-bezier(.22,1,.36,1);display:flex;position:sticky;bottom:18px}.selection-bar.has-selection{border-color:color-mix(in srgb, var(--primary) 52%, var(--border-strong));transform:translateY(-4px)}.blur-word{will-change:transform, filter, opacity;display:inline-block}.magnet-shell,.magnet-content,.click-spark-shell{display:inline-flex}.magnet-shell,.click-spark-shell{position:relative}.magnet-content{will-change:transform;transition:transform .28s cubic-bezier(.22,1,.36,1)}.click-spark-canvas{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.click-spark-shell>button,.magnet-content>.click-spark-shell,.magnet-content>.click-spark-shell>button{width:100%}.selection-summary{flex-direction:column;min-width:0;display:flex}.selection-summary span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.selection-actions{flex:none;gap:8px}.state-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);place-content:center;justify-items:start;gap:14px;min-height:420px;margin-top:56px;padding:clamp(32px,8vw,96px);display:grid}.state-panel h2{max-width:720px}.state-panel>p:not(.eyebrow){max-width:620px;color:var(--text-muted)}.loading-line{background:var(--border-strong);width:min(320px,60vw);height:2px;overflow:hidden}.loading-line:after{background:var(--primary);content:"";width:40%;height:100%;animation:1.15s ease-in-out infinite load-scan;display:block}.site-footer{min-height:140px;color:var(--text-muted);align-items:center;gap:18px;font-size:.78rem;display:flex}.footer-rule{background:var(--amber);width:42px;height:1px}.sr-only,.clipboard-fallback{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:fixed;overflow:hidden}@keyframes card-enter{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes load-scan{0%{transform:translate(-100%)}to{transform:translate(350%)}}@container (width<=880px){.effect-card{grid-template-columns:1fr}.preview-frame{border-right:0;border-bottom:1px solid var(--border);min-height:420px}.preview-frame img{height:auto;max-height:560px}}@media (width<=760px){.site-shell{width:min(100% - 32px,560px)}.site-header{min-height:72px}.edition{display:none}.theme-button{color:#0000;white-space:nowrap;place-items:center;width:48px;height:44px;padding-inline:8px;line-height:1;display:grid;position:relative;overflow:hidden}.motion-button{display:none}.theme-button:after{border:1px solid var(--text);background:linear-gradient(90deg, var(--text) 50%, transparent 50%);width:18px;height:18px;color:var(--text);content:"";border-radius:50%;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.intro{grid-template-columns:1fr;gap:28px;padding:52px 0 36px}h1{font-size:clamp(2.7rem,13vw,4.25rem)}.intro-body{margin-top:20px}.archive-status{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 16px;padding:14px 0 4px 16px;display:grid}.archive-status .micro-label,.status-primary{grid-column:1/-1}.status-primary{margin-top:6px}.install-strip{flex-direction:column;align-items:stretch;gap:14px}.filters{grid-template-columns:1fr;gap:12px;padding-top:40px}.result-count{justify-content:flex-start;min-height:24px}.effect-card{border-radius:var(--radius-md);min-height:0}.preview-frame{aspect-ratio:4/3;min-height:0}.preview-frame img{width:100%;height:100%}.preview-caption{flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;bottom:12px;left:12px;right:12px}.preview-caption span:first-child{max-width:none}.effect-content{padding:24px}.effect-heading{padding:30px 0 24px}.selection-bar{flex-direction:column;align-items:stretch;padding:16px;position:static}.selection-actions{grid-template-columns:1fr 1.25fr;display:grid}.site-footer{min-height:112px}}@media (width<=420px){.site-shell{width:calc(100% - 32px)}.brand-name{font-size:.84rem}.utilities{gap:4px}.utility-button{padding-inline:10px}.effect-topline{align-items:flex-start}.selection-actions,.facts{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:0s!important}.effect-card{animation-duration:0s}.loading-line:after,body:before{animation:none}}:root[data-motion=off] *,:root[data-motion=off] :before,:root[data-motion=off] :after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}:root[data-motion=off] .card-spotlight:before{display:none}.effect-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.effect-card{contain-intrinsic-size:auto 470px;border-radius:var(--radius-md);min-height:0;box-shadow:0 16px 44px var(--shadow);flex-direction:column;display:flex}.effect-card:hover{box-shadow:0 22px 58px var(--shadow), 0 0 28px var(--primary-dim);transform:translateY(-3px)}.card-spotlight:before{background:radial-gradient(320px circle at var(--mouse-x) var(--mouse-y), var(--spotlight-color), transparent 62%)}.preview-frame{aspect-ratio:4/3;border-right:0;border-bottom:1px solid var(--border);min-height:0}.preview-frame:after{border-radius:calc(var(--radius-md) - 7px);inset:8px}.preview-frame img{object-fit:contain;width:100%;height:100%;max-height:none}.preview-caption{border-radius:5px;padding:5px 7px;font-size:.54rem;line-height:1.2;bottom:10px;left:auto;right:10px}.effect-content{flex:1;padding:16px}.effect-topline{align-items:center;gap:8px}.category-chip{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 52px);padding:4px 7px;font-size:.56rem;overflow:hidden}.selection-control{justify-content:flex-end;min-width:44px;min-height:44px;font-size:0}.effect-checkbox{width:22px;height:22px}.effect-heading{padding:12px 0 14px}.version-ref{white-space:nowrap;text-overflow:ellipsis;font-size:.56rem;overflow:hidden}.effect-heading h2{letter-spacing:-.025em;min-height:2.2em;margin-top:7px;font-size:clamp(1.12rem,1.5vw,1.45rem);line-height:1.08}.effect-summary{min-height:2.8em;color:var(--text-muted);text-wrap:pretty;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:9px;font-size:.75rem;line-height:1.4;display:-webkit-box;overflow:hidden}.card-facts{grid-template-columns:minmax(0,1fr) minmax(74px,.58fr)}.card-facts .fact{padding:8px}.card-facts dt{font-size:.52rem}.card-facts dd{margin-top:3px;font-size:.67rem;line-height:1.35}.card-details{border-top:1px solid var(--border);margin-top:12px}.card-details summary{cursor:pointer;min-height:44px;color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.68rem;font-weight:650;list-style:none;display:flex}.card-details summary::-webkit-details-marker{display:none}.card-details summary:after{color:var(--primary);content:"+";font-family:var(--font-mono);font-size:1rem}.card-details[open] summary:after{content:"−"}.card-details-content{padding-bottom:4px}.card-details .invocation{padding-top:2px}.card-details .invocation code{padding:9px;font-size:.62rem}.card-details .source-block{margin-top:0;padding-top:16px}.card-details .provenance-list .fact{grid-template-columns:58px minmax(0,1fr);gap:8px}.preview-origin{color:var(--text-muted);margin-top:10px;font-size:.62rem;line-height:1.45}.card-details .source-actions{grid-template-columns:1fr 1fr;margin-top:12px;display:grid}.card-details .text-link{text-align:center;justify-content:center;padding:7px 8px;font-size:.65rem}.selection-bar{min-height:62px;padding-block:9px}@media (width<=1180px){.effect-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.effect-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.effect-content{padding:12px}.preview-caption{display:none}.effect-heading h2{min-height:2.35em;font-size:1rem}.effect-summary{font-size:.7rem}.card-facts{grid-template-columns:1fr}.card-facts .fact:last-child{display:none}.card-details .source-actions{grid-template-columns:1fr}}@media (width<=360px){.effect-list{grid-template-columns:1fr}.card-facts{grid-template-columns:minmax(0,1fr) minmax(72px,.58fr)}.card-facts .fact:last-child{display:block}}