:root{--bg:#fbfaf8;--surface:#ffffffc7;--surface-solid:#fff;--text:#1c1b1a;--muted:#5b5752;--border:#e4dfd8;--accent:#6b3fd4;--accent-2:#0b6b60;--accent-soft:#efe9fb;--on-accent:#fff;--focus:#6b3fd4;--term-bg:#0f1020;--term-text:#d8e1ff;--term-green:#6ee7a8;--term-dim:#8f9bc4;--blob-1:#c9b6ff;--blob-2:#9fe6d6;--blob-3:#ffc6e0;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121114;--surface:#1d1b22b8;--surface-solid:#1d1b22;--text:#f2efea;--muted:#b2acb8;--border:#34303d;--accent:#b9a1ff;--accent-2:#5fd9c4;--accent-soft:#2b2540;--on-accent:#121114;--focus:#b9a1ff;--term-bg:#08080f;--blob-1:#4b2ea8;--blob-2:#0c5e55;--blob-3:#6b1f4a}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);max-width:46rem;color:var(--text);margin:0 auto;padding:3.5rem 1.25rem 2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.0625rem;line-height:1.65;overflow-x:hidden}a{color:var(--accent);text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}.mono{font-family:var(--mono)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}main:focus{outline:none}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:50;background:var(--accent);color:var(--on-accent);border-radius:6px;padding:.5rem 1rem;font-weight:600;position:absolute;top:-4rem;left:1rem}.skip-link:focus{top:1rem}.backdrop{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.backdrop:after{content:"";background-image:radial-gradient(var(--border) 1px, transparent 1px);opacity:.6;background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}.blob{filter:blur(70px);opacity:.55;border-radius:50%;position:absolute}.b1{background:var(--blob-1);width:420px;height:420px;top:-120px;left:-80px}.b2{background:var(--blob-2);width:360px;height:360px;top:30%;right:-140px}.b3{background:var(--blob-3);width:300px;height:300px;bottom:-100px;left:20%}.hero{align-items:center;gap:1.25rem;display:flex}.avatar-ring{background:conic-gradient(from var(--angle,0deg), var(--accent), var(--accent-2), var(--blob-3), var(--accent));border-radius:50%;flex-shrink:0;width:124px;height:124px;padding:6px;position:relative}.avatar{object-fit:cover;border:3px solid var(--bg);border-radius:50%;width:112px;height:112px;display:block}h1{letter-spacing:-.025em;margin:0;font-size:clamp(1.75rem,5.5vw,2.5rem);line-height:1.12}.role{min-height:1.6em;font-family:var(--mono);color:var(--muted);margin:.45rem 0 0;font-size:.98rem}.role .prompt{color:var(--accent-2);font-weight:700}.typer{color:var(--text)}.cursor{vertical-align:text-bottom;background:currentColor;width:.55em;height:1.1em;margin-left:2px;display:inline-block}.tagline{margin:1.75rem 0 1.25rem;font-size:1.2rem}.social{flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.social a{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:44px;color:var(--text);border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .95rem;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}.social a:hover{border-color:var(--accent);color:var(--accent)}.tabbar{z-index:20;margin:2.5rem 0 1.75rem;position:sticky;top:.75rem}.tablist{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);scrollbar-width:none;border-radius:14px;gap:.25rem;padding:.35rem;display:flex;position:relative;overflow-x:auto;box-shadow:0 8px 30px -12px #28145a40}.tablist::-webkit-scrollbar{display:none}.tab{z-index:1;cursor:pointer;min-height:44px;font:600 .95rem var(--mono);color:var(--muted);background:0 0;border:0;border-radius:10px;flex:1 0 auto;padding:.5rem .9rem;position:relative}.tab:hover{color:var(--text)}.tab[aria-selected=true]{color:var(--on-accent)}.tab-prefix{opacity:.85}.tab-indicator{z-index:0;background:linear-gradient(135deg, var(--accent), var(--accent-2));box-shadow:0 6px 18px -6px var(--accent);border-radius:10px;position:absolute;top:.35rem;bottom:.35rem;left:0}.panel:focus-visible{outline-offset:8px}.block{margin-bottom:2.75rem}h2{font:700 .78rem var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin:0 0 1rem}h2:before{content:"// ";color:var(--accent-2)}h3{margin:0;font-size:1.2rem}.meta{color:var(--muted);font-size:.92rem}.terminal{background:var(--term-bg);color:var(--term-text);border-radius:14px;margin:0;position:relative;overflow:hidden;box-shadow:0 20px 50px -20px #140a3c8c,inset 0 0 0 1px #ffffff0f}.terminal:after{content:"";pointer-events:none;background:repeating-linear-gradient(#ffffff06 0 1px,#0000 1px 3px);position:absolute;inset:0}.terminal-bar{background:#ffffff0d;align-items:center;gap:6px;padding:.6rem .9rem;display:flex}.terminal-bar .dot{background:#ff5f57;border-radius:50%;width:11px;height:11px}.terminal-bar .dot:nth-child(2){background:#febc2e}.terminal-bar .dot:nth-child(3){background:#28c840}.terminal-title{font:600 .75rem var(--mono);color:var(--term-dim);letter-spacing:.1em;margin-left:auto}.terminal-body{min-height:15rem;font:.92rem/1.6 var(--mono);text-shadow:0 0 6px #8caaff59;padding:1rem 1.1rem 1.2rem}.terminal-entry{margin-bottom:.7rem}.terminal .prompt{color:var(--term-green);margin-right:.5ch}.terminal-out{color:var(--term-dim);padding-left:2ch}.terminal .cursor{background:var(--term-green)}.replay{z-index:1;cursor:pointer;min-height:36px;font:600 .8rem var(--mono);color:var(--term-text);background:#ffffff0f;border:1px solid #ffffff26;border-radius:8px;padding:.3rem .8rem;position:absolute;bottom:.75rem;right:.75rem}.replay:hover{background:#ffffff1f}.toolbox{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.toolbox h3{margin-bottom:.4rem;font-size:.95rem}.cards{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.card,.bot{background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);position:relative;overflow:hidden}.card{border-radius:16px;padding:1.3rem 1.4rem}.card:before,.bot:before{content:"";pointer-events:none;opacity:0;background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%), var(--accent-soft), transparent 70%);transition:opacity .3s;position:absolute;inset:0}.card:hover:before,.bot:hover:before{opacity:1}.card>*,.bot>*{position:relative}.card .meta{margin:.15rem 0 .75rem}.card p{margin:0 0 .75rem}.card h3+p{margin-top:.5rem}.details{margin:0 0 1rem;padding-left:1.2rem}.details li{margin-bottom:.3rem}.tags{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.tags li{font:500 .78rem var(--mono);background:var(--accent-soft);color:var(--text);border-radius:999px;padding:.18rem .6rem}.links{gap:1.25rem;font-weight:600;display:flex;margin:1rem 0 0!important}.bots{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.75rem;margin:1.25rem 0 1rem;padding:0;list-style:none;display:grid}.bot{border-radius:12px;padding:.95rem 1.05rem}.bot-head{align-items:center;gap:.55rem;display:flex}.bot h3{font:700 1.05rem var(--mono)}.bot .meta{margin:.15rem 0 .4rem}.bot p{margin:0;font-size:.95rem}.pulse{background:var(--accent-2);border-radius:50%;width:9px;height:9px;position:relative}.pulse:after{content:"";background:var(--accent-2);border-radius:50%;position:absolute;inset:0}.rows{margin:0;padding:0;list-style:none}.rows li{border-top:1px solid var(--border);flex-direction:column;padding:.75rem 0;display:flex}.rows li:last-child{border-bottom:1px solid var(--border)}.timeline{margin:0;padding:0 0 0 1.4rem;list-style:none;position:relative}.timeline:before{content:"";background:linear-gradient(var(--accent), var(--accent-2));border-radius:2px;width:2px;position:absolute;top:.6rem;bottom:.6rem;left:4px}.timeline li{flex-direction:column;padding:.4rem 0 .9rem;display:flex;position:relative}.timeline li:before{content:"";background:var(--bg);border:2px solid var(--accent);border-radius:50%;width:10px;height:10px;position:absolute;top:.85rem;left:-1.4rem}.timeline li:first-child:before{background:var(--accent)}.footer{color:var(--muted);margin-top:3rem;font-size:.85rem}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@media (prefers-reduced-motion:no-preference){.avatar-ring{animation:8s linear infinite spin}.blob{animation:22s ease-in-out infinite alternate drift}.b2{animation-duration:28s;animation-delay:-6s}.b3{animation-duration:25s;animation-delay:-12s}.cursor{animation:1.05s step-end infinite blink}.pulse:after{animation:2s cubic-bezier(0,0,.2,1) infinite ping}.bots li:nth-child(2) .pulse:after{animation-delay:.4s}.bots li:nth-child(3) .pulse:after{animation-delay:.8s}.bots li:nth-child(4) .pulse:after{animation-delay:1.2s}.bots li:nth-child(5) .pulse:after{animation-delay:1.6s}.tab-indicator{transition:transform .45s cubic-bezier(.34,1.4,.64,1),width .45s cubic-bezier(.34,1.4,.64,1)}.tab{transition:color .25s}.social a,.card,.bot{transition:transform .25s,border-color .25s,color .15s,box-shadow .25s}.card:hover,.bot:hover{border-color:var(--accent);box-shadow:0 14px 30px -18px var(--accent);transform:translateY(-3px)}.social a:hover{transform:translateY(-2px)}.panel:not([hidden])>.block,.panel:not([hidden]) .cards>li,.panel:not([hidden]) .bots>li,.panel:not([hidden]) .toolbox>li,.panel:not([hidden]) .timeline>li{animation:.55s cubic-bezier(.2,.8,.2,1) both rise}.panel>.block:nth-child(2),.panel li:nth-child(2){animation-delay:70ms!important}.panel>.block:nth-child(3),.panel li:nth-child(3){animation-delay:.14s!important}.panel>.block:nth-child(4),.panel li:nth-child(4){animation-delay:.21s!important}.panel>.block:nth-child(5),.panel li:nth-child(5){animation-delay:.28s!important}.hero,.tagline,.social{animation:.7s cubic-bezier(.2,.8,.2,1) both rise}.tagline{animation-delay:.1s}.social{animation-delay:.2s}}@keyframes spin{to{--angle:360deg}}@keyframes blink{50%{opacity:0}}@keyframes ping{75%,to{opacity:0;transform:scale(2.6)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes drift{0%{transform:translate(0)scale(1)}50%{transform:translate(60px,40px)scale(1.12)}to{transform:translate(-40px,80px)scale(.95)}}@media (max-width:480px){.tab{padding:.5rem .55rem;font-size:.88rem}.tab-prefix{display:none}.avatar-ring{width:96px;height:96px;padding:5px}.avatar{width:86px;height:86px}}.card-head{align-items:center;gap:.9rem;margin-bottom:.6rem;display:flex}.card-head .meta{margin:.1rem 0 0}.app-icon{object-fit:cover;background:var(--surface-solid);border-radius:22.5%;flex-shrink:0;width:56px;height:56px;box-shadow:0 6px 16px -6px #00000073,inset 0 0 0 1px #ffffff14}.app-icon.small{width:40px;height:40px}.rows li.with-icon{flex-direction:row;align-items:center;gap:.85rem}.row-text{flex-direction:column;display:flex}.shots{scroll-snap-type:x mandatory;scrollbar-width:thin;margin:.25rem -1.4rem 1rem;padding:.4rem 1.4rem .8rem;scroll-padding:0 1.4rem;overflow-x:auto}.shots:focus-visible{outline-offset:-3px}.shots ul{gap:.75rem;width:max-content;margin:0;padding:0;list-style:none;display:flex}.shots li{scroll-snap-align:start}.shots img{border:1px solid var(--border);border-radius:16px;width:132px;height:auto;display:block;box-shadow:0 10px 24px -14px #0009}@media (prefers-reduced-motion:no-preference){.shots{scroll-behavior:smooth}.shots img{transition:transform .3s cubic-bezier(.34,1.4,.64,1)}.shots img:hover{transform:translateY(-4px)rotate(-1deg)scale(1.03)}.card:hover .app-icon{animation:.5s wiggle}}@keyframes wiggle{30%{transform:rotate(-6deg)}60%{transform:rotate(4deg)}}.monogram{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:var(--on-accent);font:700 1.15rem var(--mono);letter-spacing:-.02em;place-items:center;display:inline-grid}.app-icon.small.monogram{font-size:.85rem}.banner{border:1px solid var(--border);border-radius:12px;width:100%;height:auto;margin:.25rem 0 1rem;display:block}