:root{color-scheme:dark;--bg: #040406;--bg-raised: #0b0b0e;--bg-hover: #111116;--border: #1a1a21;--text: #e8e8ee;--muted: #86869a;--accent: #b69cff;--slick: linear-gradient(100deg, #ff7ac6 0%, #b69cff 28%, #6ee7d8 55%, #ffd66e 80%, #ff7ac6 100%);--radius: 14px;--max: 1080px;font-family:Lato,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(900px 520px at 50% -120px,rgba(140,110,255,.07),transparent 70%),var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.88em;background:var(--bg-raised);border:1px solid var(--border);padding:.1em .4em;border-radius:6px}h1,h2,h3{line-height:1.15;letter-spacing:-.02em}h2{font-size:1.9rem;margin:0 0 1rem}h3{font-size:1.05rem;margin:0 0 .35rem}.muted{color:var(--muted)}.small{font-size:.875rem}.slick,.molten{background:var(--slick);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 8s linear infinite}.molten{display:inline-block;padding:.12em .06em .18em;margin:-.12em -.06em -.18em;cursor:default}.molten-defs{position:absolute;width:0;height:0}@keyframes sheen{to{background-position:200% center}}.nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem max(1rem,calc((100% - var(--max)) / 2));background:color-mix(in srgb,var(--bg) 75%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:.55rem;font-weight:900;font-size:1.1rem;color:var(--text)}.nav nav{display:flex;gap:1.25rem}.nav nav a{color:var(--muted);font-weight:400;font-size:.95rem}.brand:hover,.nav nav a:hover,.nav nav a.active{color:var(--text);text-decoration:none}.section{max-width:var(--max);margin:0 auto;padding:3.5rem 1rem}.page{padding-top:2.5rem}.page h1{font-size:clamp(2.2rem,6vw,3.2rem);margin:0 0 .5rem}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.section-head h2{margin-bottom:0}.hero{max-width:820px;margin:0 auto;padding:4.5rem 1rem 3rem;text-align:center}.logo3d{--open: 0;position:relative;width:min(360px,82vw);aspect-ratio:1;margin:-1.5rem auto -1rem;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.logo3d.grabbing{cursor:grabbing}.logo3d:before{content:"";position:absolute;top:18%;right:18%;bottom:18%;left:18%;border-radius:50%;background:conic-gradient(from 90deg,#ff7ac6,#b69cff,#6ee7d8,#ffd66e,#ff7ac6);filter:blur(60px);opacity:calc(.1 + var(--open) * .22);transform:scale(calc(.85 + var(--open) * .25));pointer-events:none}.logo3d canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;opacity:0;transition:opacity .6s}.logo3d-fallback{position:absolute;top:19%;right:19%;bottom:19%;left:19%;width:62%;height:auto;transition:opacity .6s}.logo3d.ready canvas{opacity:1}.logo3d.ready .logo3d-fallback{opacity:0}.hero h1{font-size:clamp(2.4rem,7vw,4.2rem);font-weight:900;margin:1.5rem 0 1rem}.lede{font-size:1.15rem;color:var(--muted);max-width:640px;margin:0 auto}.cta{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin:2rem 0}#install{scroll-margin-top:5rem}.btn{display:inline-block;padding:.7rem 1.3rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-raised);color:var(--text);font-weight:700;font-size:.95rem}.btn:hover,a.card:hover,.copy:hover{text-decoration:none;background:var(--bg-hover)}.btn.primary{border:none;background:var(--slick);background-size:200% auto;color:#111;transition:background-position .6s}.btn.primary:hover{background-position:100% center}.grid{display:grid;gap:1rem}.features,.plugins{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.themes{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card,.install{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.card{position:relative;display:block;color:var(--text)}.card p{margin:0;color:var(--muted);font-size:.93rem}a.card:before,.features .card:before,.plugins .card:before,.platform:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:var(--slick);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .25s;pointer-events:none}a.card:hover:before,.features .card:hover:before,.plugins .card:hover:before,.platform.active:before{opacity:1}.tags{margin-top:.8rem}.tag,.chip{border-radius:999px;border:1px solid var(--border);color:var(--muted)}.chip{font-size:.9rem;padding:.4rem .95rem;cursor:pointer}.chip.active{background:var(--text);color:var(--bg);border-color:var(--text)}.tag{font-size:.75rem;padding:.15rem .55rem}.tag.on{color:#6ee7d8;border-color:color-mix(in srgb,#6ee7d8 40%,transparent)}.swatches{display:flex;height:44px;border-radius:10px;overflow:hidden;border:1px solid var(--border);margin-bottom:1rem}.swatches span{flex:1}.install{margin-top:1.25rem}.chips,.tags{display:flex;gap:.4rem;flex-wrap:wrap}.platforms{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.6rem;margin-bottom:1.25rem}.platform{position:relative;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:1.1rem .5rem .95rem;font:inherit;text-align:center;color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:background .2s,color .2s}.platform svg{width:40px;height:40px;margin-bottom:.55rem;opacity:.8;transition:opacity .2s,transform .2s}.platform strong{font-size:.95rem}.platform small{font-size:.75rem;color:var(--muted)}.platform:hover,.platform.active{background:var(--bg-hover);color:var(--text)}.platform:hover svg,.platform.active svg{opacity:1}.install-method{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem;margin-bottom:1rem;font-size:.9rem}.install-method select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.45rem .65rem;max-width:100%}.cmd{display:flex;align-items:center;gap:.75rem;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:.75rem .75rem .75rem 1rem}.cmd code{flex:1;background:none;border:none;padding:0;overflow-x:auto;white-space:pre}.cmd code .t-cmd{color:#ff7ac6;font-weight:600}.cmd code .t-flag{color:#ffd66e}.cmd code .t-str{color:#6ee7d8}.cmd code .t-op{color:var(--muted)}.cmd code .t-url{color:#b69cff}.copy{position:relative;display:grid;place-items:center;font:inherit;font-size:.85rem;font-weight:700;padding:.35rem .8rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-raised);color:var(--text);cursor:pointer;overflow:hidden;transition:background-color .25s,border-color .25s,color .25s,transform .12s}.copy:active{transform:scale(.94)}.copy>span{grid-area:1 / 1;display:inline-flex;align-items:center;gap:.4rem;transition:transform .35s cubic-bezier(.2,.9,.3,1.3),opacity .2s}.copy svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.copy .done{opacity:0;transform:translateY(110%)}.copy .done path{stroke-dasharray:20;stroke-dashoffset:20}.copy.copied{color:#6ee7d8;border-color:color-mix(in srgb,#6ee7d8 45%,transparent);background:color-mix(in srgb,#6ee7d8 10%,var(--bg-raised))}.copy.copied .idle{opacity:0;transform:translateY(-110%)}.copy.copied .done{opacity:1;transform:none}.copy.copied .done path{transition:stroke-dashoffset .35s .12s ease-out;stroke-dashoffset:0}.copy.copied:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;animation:copy-ping .6s ease-out}@keyframes copy-ping{0%{box-shadow:inset 0 0 0 1px #6ee7d8;background:color-mix(in srgb,#6ee7d8 25%,transparent)}to{box-shadow:inset 0 0 0 1px transparent;background:transparent}}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}table{width:100%;border-collapse:collapse;font-size:.93rem}th,td{text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--border)}tbody tr:last-child td{border-bottom:none}thead th{background:var(--bg-raised);font-weight:700}td:first-child{color:var(--muted);white-space:nowrap}.us{font-weight:700;color:var(--text);background:color-mix(in srgb,var(--accent) 5%,transparent)}.filters{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin:1.75rem 0}.filters input[type=search]{flex:1 1 260px;font:inherit;padding:.65rem 1rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-raised);color:var(--text)}.filters input[type=search]:focus,.chip:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:1px}.chip input{position:absolute;opacity:0;pointer-events:none}.empty{padding:3rem 0;text-align:center}@media(max-width:640px){.platforms{grid-template-columns:repeat(3,minmax(0,1fr))}}.footer{border-top:1px solid var(--border);text-align:center;padding:2rem 1rem;color:var(--muted);font-size:.875rem}.footer img{height:1em;vertical-align:-.125em}@media(prefers-reduced-motion:reduce){.slick,.molten,.copy.copied:after{animation:none}.copy>span,.copy.copied .done path,.platform svg{transition:none}}@media(max-width:520px){.nav nav{gap:.9rem}.hero{padding-top:3rem}.cmd{flex-direction:column;align-items:stretch}}.bench{--stock: #5d5d70;position:relative;isolation:isolate}.bench>.section>p{max-width:68ch}.bench-sky{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;pointer-events:none;-webkit-mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent),linear-gradient(90deg,#000,#0000004d 22%,#0000004d 78%,#000);mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent),linear-gradient(90deg,#000,#0000004d 22%,#0000004d 78%,#000);-webkit-mask-composite:source-in;mask-composite:intersect}.eyebrow{display:block;margin-bottom:.5rem;font:600 .72rem/1.4 JetBrains Mono,ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.cmp{margin-top:2rem}.cmp-replay{font:inherit;color:var(--muted);background:none;border:0;border-radius:999px;padding:.3rem .8rem;cursor:pointer;transition:color .2s}.cmp-replay:hover:not(:disabled){color:var(--text)}.cmp-replay:disabled{opacity:.4;cursor:default}.race,.metric{border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--bg-raised) 72%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.race{display:grid;gap:1.1rem;padding:1.5rem 1.5rem 1.25rem}.race-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin-bottom:.25rem}.race-head .eyebrow{margin:0 0 .1rem;color:var(--muted)}.race-head .cmp-delta{font-size:1.35rem;letter-spacing:-.01em}.lane,.race-axis{display:grid;grid-template-columns:8.5rem minmax(0,1fr) 7rem;align-items:center;gap:1rem}.lane-name{display:grid;line-height:1.3}.lane-track{position:relative;height:18px;border-radius:999px;background:repeating-linear-gradient(90deg,transparent 0 calc(var(--tick) - 1px),rgba(255,255,255,.05) 0 var(--tick)),#ffffff08}.lane-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:var(--stock)}.lane.is-slick .lane-fill{background:var(--slick);background-size:200% auto;animation:sheen 3s linear infinite;box-shadow:0 0 24px #b69cff59}.lane-fill:after{content:"";position:absolute;top:50%;right:-6px;width:28px;height:28px;border-radius:50%;translate:0 -50%;background:radial-gradient(#ffffffe6,#fff0 65%);opacity:0;transition:opacity .3s}.lane.is-stock .lane-fill:after{background:radial-gradient(#c8c8d780,#c8c8d700 65%)}.lane.running .lane-fill:after{opacity:1}.lane.done .lane-fill{overflow:hidden}.lane.done .lane-fill:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);translate:-100% 0;animation:glint .9s ease-out forwards}@keyframes glint{to{translate:100% 0}}.lane-time{text-align:right;color:var(--muted);white-space:nowrap}.lane-ms{font-size:1.35rem;font-weight:900;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.lane.is-stock .lane-ms{color:#b4b4c4}.race-axis{margin-top:-.6rem;font-size:.72rem}.race-axis>span:last-child{display:flex;justify-content:space-between}.cmp-delta{font-weight:700;font-size:.9rem;white-space:nowrap;transition:opacity .5s,translate .5s cubic-bezier(.2,.8,.2,1)}.cmp-delta.win{background:var(--slick);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 8s linear infinite}.cmp-delta.loss,.cmp-delta.even{color:var(--muted)}.cmp.armed:not(.finished) .race-head .cmp-delta{opacity:0;translate:0 6px}.cmp-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-top:.75rem}.metric{display:grid;align-content:start;gap:.45rem;padding:1rem 1.1rem 1.1rem;transition:opacity .6s,translate .6s cubic-bezier(.2,.8,.2,1),border-color .2s;transition-delay:calc(var(--i) * 70ms + .2s)}.metric:hover{border-color:#2a2a35;transition-delay:0s}.metric-label{font-size:.85rem;color:var(--muted)}.metric>.cmp-delta{font-size:1.15rem;margin-bottom:.3rem}.metric-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.2rem .5rem;font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums}.metric-row.is-slick .metric-ms{color:var(--text)}.metric-bar{grid-column:1 / -1;grid-row:2;height:6px;border-radius:999px;background:#ffffff0a;overflow:hidden}.metric-bar>span{display:block;height:100%;width:var(--w);border-radius:inherit;background:var(--stock)}.metric-row.is-slick .metric-bar>span{background:var(--slick);background-size:300% auto}.cmp.armed .metric{opacity:0;translate:0 12px}.cmp.armed .metric-bar>span{width:0}.cmp.on .metric{opacity:1;translate:0 0}.cmp.on .metric-bar>span{width:var(--w);transition:width 1.1s cubic-bezier(.65,0,.35,1) calc(var(--i) * 70ms + .45s)}.metric-row.is-stock .metric-bar>span{transition-delay:calc(var(--i) * 70ms + .55s)}.cmp-notes{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin-top:1rem}@media(max-width:640px){.race{padding:1.1rem}.lane,.race-axis{grid-template-columns:minmax(0,1fr) auto;gap:.4rem 1rem}.lane-name{display:flex;gap:.5rem;align-items:baseline}.lane-track{grid-column:1 / -1;grid-row:2}.race-axis>span:first-child{display:none}.race-axis>span:last-child{grid-row:1}}@media(prefers-reduced-motion:reduce){.lane.is-slick .lane-fill,.cmp-delta.win{animation:none}}.belt-section{padding-bottom:3.5rem}.belt-section>.section{padding-bottom:1.5rem}.belt{display:grid;gap:1rem;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}.belt-row{min-width:0;overflow-x:clip;padding-block:4px;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.belt-row:active{cursor:grabbing}.belt-track{display:flex;gap:1rem;width:max-content;padding-right:1rem;will-change:transform}.belt-card{display:grid;gap:.15rem;align-content:start;width:320px;padding:1rem 1.1rem;transition:transform .25s,box-shadow .25s}.belt-card:hover,.belt-card:focus-visible{text-decoration:none;transform:translateY(-3px);box-shadow:0 10px 30px -12px color-mix(in srgb,var(--hue) 45%,transparent)}.belt-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.belt-card b{font-size:.98rem}.belt-card span{color:var(--muted);font-size:.86rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:640px){.belt-card{width:260px}.belt{-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}}@media(prefers-reduced-motion:reduce){.belt-card{transition:none}}
