:root{--bg:#000;--bg-raise:#0c0c0c;--bg-card:#111;--line:#1f1f1f;--line-soft:#161616;--fg:#f5f5f3;--fg-dim:#8a8a86;--fg-faint:#55554f;--accent:#c8ff2e;--accent-ink:#0a0a0a;--font-sans:"Space Grotesk", "Helvetica Neue", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace;--ease-out:cubic-bezier(.23, 1, .32, 1)}html{background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}*{box-sizing:border-box}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:var(--accent-ink)}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 24px}.section-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-faint);margin:0 0 8px;font-size:12px}.rn-char{will-change:transform;display:inline-block}.rn-scrap{padding:.02em .08em;line-height:1;display:inline-block;position:relative}.header-link{font-family:var(--font-mono);color:var(--fg-dim);align-items:center;gap:6px;font-size:13px;display:inline-flex}.header-link:hover{color:var(--fg)}.btn-stack{flex-direction:column;gap:12px;max-width:560px;margin:0 auto;display:flex}.go-btn{--btn:var(--accent);background:var(--bg-card);border:1px solid var(--line);border-radius:14px;align-items:center;gap:14px;padding:14px 18px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex}.go-btn:hover{border-color:var(--btn);box-shadow:0 0 0 1px var(--btn), 0 4px 14px -10px var(--btn);transform:translateY(-2px)}.go-btn .go-idx{font-family:var(--font-mono);color:var(--fg-faint);min-width:20px;font-size:12px}.go-btn .go-favicon{object-fit:contain;background:0 0;border-radius:6px;flex-shrink:0;width:28px;height:28px}.go-btn .go-favicon-fallback{color:var(--fg-dim);background:0 0}.go-btn .go-label{color:var(--fg);flex:1;font-size:15px;font-weight:600}.go-btn .go-arrow{color:var(--btn);align-items:center;display:flex}.go-row{--btn:var(--accent);animation:rise-in .4s var(--ease-out) backwards;animation-delay:calc(.17s + var(--i,0) * 50ms);align-items:center;gap:8px;display:flex}.go-row .go-btn{flex:1}.go-more{--btn:var(--accent);border:1px solid var(--line);background:var(--bg-card);width:46px;height:46px;color:var(--fg-dim);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;transition:color .16s,border-color .16s,transform .16s;display:inline-flex}.go-more:hover{color:var(--btn);border-color:var(--btn);transform:translateY(-2px)}.layout{width:100%;max-width:none;margin:0 auto;padding:0 40px 60px;display:block}.layout-main{min-width:0}.sidebar{--accent:var(--fg);background:var(--bg-raise);border-left:1px solid var(--line);z-index:50;width:360px;max-width:100vw;padding:24px;transition:transform .28s cubic-bezier(.2,.9,.2,1);position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.sidebar.is-open{transform:translate(0)}.sidebar__inner{flex-direction:column;gap:16px;display:flex}.sidebar__x{border:1px solid var(--line);width:34px;height:34px;color:var(--fg-dim);cursor:pointer;background:0 0;border-radius:9px;justify-content:center;align-items:center;transition:color .15s,border-color .15s,background .15s;display:inline-flex;position:absolute;top:16px;right:16px}.sidebar__x:hover{color:var(--fg);background:#ffffff08;border-color:#3a3a3a}.sb-head{align-items:center;gap:12px;display:flex}.sb-head-text{flex:1;min-width:0}.sb-favicon{object-fit:contain;background:0 0;border-radius:10px;flex-shrink:0;width:44px;height:44px}.sb-kicker{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-faint);margin:0 0 2px;font-size:10px}.sb-title{letter-spacing:-.02em;color:var(--fg);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:20px;font-weight:700;overflow:hidden}.sb-desc{color:var(--fg-dim);margin:14px 0;font-size:14px;line-height:1.6}.sb-link{--btn:var(--accent);color:var(--fg);border:1px solid var(--line);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:14px;font-weight:600;transition:border-color .16s,color .16s;display:inline-flex}.sb-link:hover{border-color:var(--btn);color:var(--btn)}.go-more.is-active{color:var(--btn);border-color:var(--btn)}.sb-stats{border-top:1px solid var(--line);flex-direction:column;gap:12px;margin-top:10px;padding-top:16px;display:flex}.sb-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sb-stat{background:var(--bg-card);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:3px;padding:10px;display:flex}.sb-stat-icon{color:var(--fg-faint);margin-bottom:2px}.sb-stat-num{letter-spacing:-.02em;color:var(--fg);font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.sb-stat-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-faint);font-size:8px}.sb-chart{border-top:1px solid var(--line);margin-top:10px;padding-top:16px}.sb-chart .sb-kicker{margin-bottom:12px}.dither-wrap{cursor:crosshair;position:relative}.dither-tip{background:var(--bg-card);border:1px solid var(--line);pointer-events:none;z-index:10;white-space:nowrap;border-radius:8px;flex-direction:column;gap:1px;padding:7px 11px;display:flex;position:absolute;top:-8px;transform:translateY(-100%)}.dither-tip-date{color:var(--fg);font-size:12px;font-weight:600}.dither-tip-loc{font-family:var(--font-mono);color:var(--fg-dim);font-size:10px}@media (max-width:860px){.layout.has-sidebar{grid-template-columns:1fr}.sidebar{position:static}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{border:2px solid var(--bg);background:#262626;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#3a3a3a}*{scrollbar-width:thin;scrollbar-color:#262626 var(--bg)}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-top:16px;display:grid}.card{background:var(--bg-card);border:1px solid var(--line);border-radius:14px;padding:20px;transition:border-color .18s,transform .18s,background .18s;display:block}.card:hover{background:#141414;border-color:#3a3a3a;transform:translateY(-2px)}.card .num{font-family:var(--font-mono);color:var(--fg-faint);font-size:12px}.card h3{color:var(--fg);margin:10px 0 6px;font-size:18px;font-weight:600}.card p{color:var(--fg-dim);margin:0 0 14px;font-size:14px;line-height:1.55}.card .link{font-family:var(--font-mono);color:var(--accent);align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.card .link:hover{text-decoration:underline}[data-typer]{--typer-fg:#e9e9e6;--typer-bg:#000;--typer-accent:var(--accent);--typer-accent-ink:#0a0a0a;--typer-radius:4px}[data-typer] .word{white-space:pre}[data-typer] .word .char{box-sizing:content-box;color:var(--typer-fg);background:0 0;display:inline-block}[data-typer] .word .char.charInit{color:#0000}[data-typer] .word .char.charFill{color:var(--typer-bg);background:var(--typer-fg);border-radius:var(--typer-radius)}[data-typer] .word .char.charAccent{color:var(--typer-accent);background:0 0}[data-typer] .word .char.charAccentFill{color:var(--typer-accent-ink);background:var(--typer-accent);border-radius:var(--typer-radius)}[data-typer] .caret{background:var(--typer-accent);width:1px;margin-left:2px;animation:.9s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.dia{pointer-events:none;position:relative}.dia svg{width:100%;display:block}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:rise-in .4s var(--ease-out) backwards}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal,.go-row{animation-delay:0s!important}}
:root{--skelly-black:#000;--skelly-white:#f7f7f5;--skelly-red:#ff1838;--skelly-line:#262626}.skelly-exact-svg{width:100%;height:100%;display:block;overflow:visible}.skelly-logo{--skelly-size:180px;--skelly-fg:#f7f7f5;--skelly-bg:#000;--skelly-active:#ff1838;--eye-x:0px;--eye-y:0px;width:var(--skelly-size);height:var(--skelly-size);isolation:isolate;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;padding:0;transition:filter .18s,transform .18s cubic-bezier(.2,.8,.2,1);display:inline-grid;transform:translateZ(0)}.skelly-logo:focus-visible{outline:none}.skelly-logo:hover{filter:none}.skelly-logo:active{transform:scale(.985)}.skelly-logo[aria-disabled=true]{cursor:default}.skelly-logo[aria-disabled=true]:active{transform:none}.skelly-logo .skelly-exact__head{transform-box:view-box;transform-origin:627px 620px}.skelly-logo .skelly-exact__jaw{transform-box:view-box;transform-origin:627px 840px}.skelly-logo .skelly-exact__eye{transform-box:fill-box;transform-origin:50%;transition:transform 72ms steps(2,end),fill 90ms linear}.skelly-logo .skelly-exact__glints{opacity:var(--glint-opacity,0);pointer-events:none;transform:translate(var(--eye-x),var(--eye-y));transition:opacity .18s}.skelly-logo.has-glints .skelly-exact__glints{visibility:visible}.skelly-logo .skelly-exact__glint{shape-rendering:crispedges}.skelly-logo.blink-both .skelly-exact__eye,.skelly-logo.blink-left .skelly-exact__eye--left,.skelly-logo.blink-right .skelly-exact__eye--right{transform:scaleY(.025)}.skelly-logo.blink-both .skelly-exact__glints,.skelly-logo.blink-left .skelly-exact__glint--left,.skelly-logo.blink-right .skelly-exact__glint--right{opacity:0}.skelly-logo.is-active .skelly-exact__eye{fill:var(--skelly-active);filter:drop-shadow(0 0 7px var(--skelly-active)) drop-shadow(0 0 22px color-mix(in srgb,var(--skelly-active),transparent 42%))}.skelly-logo.is-active .skelly-exact__glints{fill:#fff;opacity:1}.skelly-logo.is-laugh .skelly-exact__jaw{animation:.78s steps(6,end) skelly-jaw-laugh}.skelly-logo.is-laugh .skelly-exact__head{animation:.78s steps(6,end) skelly-head-laugh}.skelly-logo.is-laugh .skelly-exact__eye{animation:.78s steps(6,end) skelly-eye-laugh}.skelly-logo.is-twitch{animation:.18s steps(3,end) skelly-twitch}.skelly-logo.is-glitch{filter:drop-shadow(5px 0 #ff18389e)drop-shadow(-5px 0 #3766ff7a);animation:.165s steps(3,end) skelly-glitch}.skelly-logo.is-possessed{animation:.76s cubic-bezier(.16,.9,.2,1) skelly-lunge}@keyframes skelly-jaw-laugh{0%,to{transform:none}17%{transform:translateY(10px)}34%{transform:translateY(34px)}51%{transform:translateY(14px)}68%{transform:translateY(42px)}84%{transform:translateY(8px)}}@keyframes skelly-head-laugh{0%,to{transform:none}17%{transform:translateY(-4px)rotate(-.6deg)}34%{transform:translateY(-8px)rotate(.8deg)}51%{transform:translateY(-2px)rotate(-.5deg)}68%{transform:translateY(-6px)rotate(.6deg)}}@keyframes skelly-eye-laugh{0%,to{transform:none}17%,51%{transform:scaleY(.12)}34%,68%{transform:scaleY(.035)}}@keyframes skelly-twitch{0%,to{transform:none}25%{transform:translate(-3px,1px)}50%{transform:translate(3px,-2px)}75%{transform:translate(-1px,2px)}}@keyframes skelly-glitch{0%,to{opacity:1;transform:none}33%{opacity:.76;transform:translate(6px)}66%{opacity:.9;transform:translate(-5px)}}@keyframes skelly-lunge{0%,to{transform:scale(1)}20%{transform:scale(1.09)}36%{transform:scale(.985)}58%{transform:scale(1.035)}}.skelly-hero{min-height:100svh;color:var(--skelly-white);background:var(--skelly-black);text-align:center;align-content:center;place-items:center;gap:24px;padding:72px 24px;display:grid;position:relative;overflow:hidden}.skelly-hero__grid{opacity:.16;pointer-events:none;background-image:linear-gradient(#1d1d1d 1px,#0000 1px),linear-gradient(90deg,#1d1d1d 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 72%);mask-image:radial-gradient(circle,#000,#0000 72%)}.skelly-hero__stage{place-items:center;width:min(900px,96vw);min-height:390px;display:grid;position:relative}.skelly-word{letter-spacing:-.105em;white-space:nowrap;margin:0;font:900 clamp(48px,10vw,120px)/.8 ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.skelly-letter{opacity:0;animation:80ms steps(2,end) forwards skelly-letter-enter;animation-delay:calc(var(--i)*62ms);display:inline-block;transform:translateY(12px)}.skelly-hero__logo{opacity:0;place-items:center;display:grid;position:absolute;inset:0;transform:scale(.78)}.skelly-hero__pixels{pointer-events:none;position:absolute;inset:0}.skelly-hero__pixels i{--a:calc(var(--p)*15deg);aspect-ratio:1;opacity:0;width:clamp(4px,.55vw,8px);transform:rotate(var(--a)) translateX(var(--radius));background:#fff;position:absolute;top:50%;left:50%}.phase-fracture .skelly-letter,.phase-assemble .skelly-letter,.phase-alive .skelly-letter{animation:.42s steps(6,end) forwards skelly-letter-fracture;animation-delay:calc(var(--i)*14ms)}.phase-fracture .skelly-hero__pixels i,.phase-assemble .skelly-hero__pixels i{animation:.56s steps(8,end) forwards skelly-pixel-collapse;animation-delay:var(--delay)}.phase-assemble .skelly-hero__logo{animation:.76s steps(9,end) forwards skelly-logo-assemble}.phase-alive .skelly-hero__logo{opacity:1;transform:none}.phase-assemble .skelly-logo .skelly-exact__head{animation:.7s steps(9,end) forwards skelly-head-assemble}.phase-assemble .skelly-logo .skelly-exact__jaw{animation:.7s steps(9,end) forwards skelly-jaw-assemble}.phase-assemble .skelly-logo .skelly-exact__eye--left{animation:.7s steps(9,end) forwards skelly-left-eye-assemble}.phase-assemble .skelly-logo .skelly-exact__eye--right{animation:.7s steps(9,end) forwards skelly-right-eye-assemble}.phase-assemble .skelly-logo .skelly-exact__nose{animation:.7s steps(9,end) forwards skelly-nose-assemble}.skelly-hero__subtitle,.skelly-replay{opacity:0;transform:translateY(7px)}.phase-alive .skelly-hero__subtitle,.phase-alive .skelly-replay{animation:.42s forwards skelly-copy-enter}.phase-alive .skelly-replay{animation-delay:.12s}.skelly-hero__subtitle{color:#8d8d89;letter-spacing:.035em;margin:0;font:500 13px/1.5 ui-monospace,monospace}.skelly-replay{color:#b6b6b1;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#090909;border:1px solid #292929;padding:8px 11px;font:600 10px/1 ui-monospace,monospace}.skelly-replay:hover{color:#fff;border-color:#5a5a5a}@keyframes skelly-letter-enter{to{opacity:1;transform:none}}@keyframes skelly-letter-fracture{0%{opacity:1;transform:none}70%{opacity:1;transform:translate(var(--dx),var(--dy)) rotate(var(--r)) scale(.58)}to{opacity:0;transform:translate(calc(var(--dx)*.25),calc(var(--dy)*.25)) scale(.05)}}@keyframes skelly-pixel-collapse{0%{opacity:0}12%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(.3)}}@keyframes skelly-logo-assemble{0%{opacity:0;filter:blur(3px);transform:scale(.76)}24%{opacity:1}to{opacity:1;filter:none;transform:none}}@keyframes skelly-head-assemble{0%{opacity:0;transform:translateY(-52px)}to{opacity:1;transform:none}}@keyframes skelly-jaw-assemble{0%{opacity:0;transform:translateY(76px)}to{opacity:1;transform:none}}@keyframes skelly-left-eye-assemble{0%{opacity:0;transform:translate(-80px)}to{opacity:1;transform:none}}@keyframes skelly-right-eye-assemble{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:none}}@keyframes skelly-nose-assemble{0%{opacity:0;transform:translateY(44px)}to{opacity:1;transform:none}}@keyframes skelly-copy-enter{to{opacity:1;transform:none}}.skelly-icon{transition:transform .18s cubic-bezier(.2,.8,.2,1),filter .18s;overflow:visible}.skelly-icon *{vector-effect:non-scaling-stroke}button:hover>.skelly-icon{filter:drop-shadow(0 0 8px #ffffff1f);transform:translateY(-2px)}button:active>.skelly-icon{transform:translateY(0)scale(.96)}button:hover>.skelly-icon--hand{animation:.46s skelly-icon-wave}button:hover>.skelly-icon--skull-bell{animation:.42s skelly-icon-ring}button:hover>.skelly-icon--skull-eye{animation:.46s steps(2,end) skelly-icon-blink}button:hover>.skelly-icon--bone,button:hover>.skelly-icon--crossbones{animation:.3s steps(3,end) skelly-icon-crack}@keyframes skelly-icon-wave{35%{transform:translateY(-2px)rotate(-7deg)}70%{transform:translateY(-2px)rotate(5deg)}}@keyframes skelly-icon-ring{25%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}75%{transform:rotate(-3deg)}}@keyframes skelly-icon-blink{50%{transform:scaleY(.18)}}@keyframes skelly-icon-crack{50%{transform:translate(1px,-1px)}}.skelly-loader{color:#fff;justify-items:center;gap:9px;min-width:140px;display:inline-grid}.skelly-loader .skelly-logo{cursor:default;pointer-events:none;animation:1.45s steps(5,end) infinite skelly-loader-breathe}.skelly-loader__track{background:#242424;width:128px;height:2px;overflow:hidden}.skelly-loader__fill{background:currentColor;width:32%;height:100%;animation:1.25s steps(9,end) infinite skelly-loader-run;display:block}.skelly-loader__label{color:#888;letter-spacing:.11em;text-transform:uppercase;font:600 10px/1 ui-monospace,monospace}.skelly-loader.is-complete .skelly-logo{animation:.52s steps(5,end) both skelly-loader-bite}.skelly-loader.is-complete .skelly-loader__fill{animation:none;width:100%!important}@keyframes skelly-loader-breathe{50%{filter:drop-shadow(0 0 10px #fff3)}}@keyframes skelly-loader-run{0%{transform:translate(-160%)}to{transform:translate(320%)}}@keyframes skelly-loader-bite{35%{transform:scaleY(.82)}70%{transform:scale(1.08)}to{transform:none}}.skelly-scroll-mark{place-items:center;display:grid;position:relative}.skelly-scroll-mark__piece{clip-path:inset(var(--clip));will-change:transform;transition:opacity 70ms linear;position:absolute;inset:0}.skelly-scroll-mark__piece.piece-1{--clip:0 0 83% 0}.skelly-scroll-mark__piece.piece-2{--clip:17% 0 66% 0}.skelly-scroll-mark__piece.piece-3{--clip:34% 0 49% 0}.skelly-scroll-mark__piece.piece-4{--clip:51% 0 32% 0}.skelly-scroll-mark__piece.piece-5{--clip:68% 0 15% 0}.skelly-scroll-mark__piece.piece-6{--clip:85% 0 0 0}.skelly-scroll-mark__piece svg{width:100%;height:100%}.skelly-demo{color:#f5f5f2;background:#050505;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.skelly-demo__section{border-top:1px solid #1d1d1d;padding:96px max(24px,8vw)}.skelly-demo__section>header{align-items:baseline;gap:16px;margin-bottom:42px;display:flex}.skelly-demo__section>header span{color:#666;font:600 10px/1 ui-monospace,monospace}.skelly-demo__section h2{letter-spacing:-.055em;margin:0;font-size:clamp(28px,4vw,52px)}.skelly-demo__marks{flex-wrap:wrap;align-items:center;gap:52px;display:flex}.skelly-icon-grid{border:1px solid #232323;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));display:grid}.skelly-icon-grid button{color:#ededeb;cursor:pointer;background:#090909;border:1px solid #232323;border-top:0;border-left:0;align-content:center;place-items:center;gap:14px;min-height:128px;display:grid}.skelly-icon-grid button:hover{background:#111}.skelly-icon-grid span{color:#6e6e69;text-transform:uppercase;letter-spacing:.08em;font:600 9px/1 ui-monospace,monospace}.skelly-demo__loader{flex-wrap:wrap;align-items:center;gap:36px;display:flex}.skelly-demo__loader>button{color:#fff;cursor:pointer;background:#111;border:1px solid #333;padding:10px 14px}.skelly-demo__scroll{min-height:120vh}.skelly-demo__scroll .skelly-scroll-mark{margin:auto;position:sticky;top:18vh}@media (max-width:640px){.skelly-hero{min-height:92svh}.skelly-hero__stage{min-height:310px}.skelly-word{letter-spacing:-.125em}.skelly-demo__section{padding-block:64px}}@media (prefers-reduced-motion:reduce){.skelly-logo,.skelly-logo *,.skelly-hero *,.skelly-loader *,.skelly-icon,.skelly-scroll-mark__piece{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.skelly-logo .skelly-exact__glints{transform:none}.skelly-scroll-mark__piece{transform:none!important}}
