*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0d1117;--bg-card: #161b22;--bg-terminal: #010409;--text: #e6edf3;--text-muted: #8b949e;--accent: #58a6ff;--accent-dim: #388bfd;--border: #30363d;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", "SF Mono", "Consolas", monospace;--max-width: 56rem}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-mono);background-color:var(--bg);color:var(--text);line-height:1.7;padding:2rem 1.5rem}.hero{max-width:var(--max-width);margin:4rem auto 6rem}.handle-logo{display:inline-flex;align-items:center;vertical-align:middle;margin-right:.2em;transform:translateY(-2px)}.handle-logo img{width:1.15em;height:1.15em;border-radius:5px;vertical-align:middle;mix-blend-mode:screen;object-fit:contain}.hero .handle{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#58a6ff,#a371f7,#58a6ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:wave 3s ease-in-out infinite alternate;margin-bottom:.5rem}@keyframes wave{0%{background-position:0% 50%}to{background-position:100% 50%}}.hero .tagline{font-size:1.1rem;color:var(--text-muted);margin-bottom:2rem}.hero .repo{margin-bottom:2rem;font-size:.95rem}.hero .repo a{color:var(--accent);text-decoration:none}.hero .repo a:hover{text-decoration:underline}.stats{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;font-size:.85rem;color:var(--text-muted)}.stat{display:inline-flex;align-items:baseline;gap:.25rem}.stat strong{color:var(--accent-dim);font-weight:600}.stat-sep{width:3px;height:3px;border-radius:50%;background:var(--border)}@media(max-width:640px){.stats{gap:.4rem .75rem;font-size:.8rem}}.terminal{background:var(--bg-terminal);border:1px solid var(--border);border-radius:6px;padding:1.25rem 1.5rem;overflow-x:auto;font-size:.9rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.terminal .prompt{color:var(--accent)}.terminal .output{color:var(--text-muted)}.terminal .cursor{display:inline-block;color:var(--accent);animation:blink 1s step-end infinite;margin-left:-.15rem}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.tools{max-width:var(--max-width);margin:0 auto 6rem}.tools h2{font-size:1.8rem;margin-bottom:2rem;color:var(--text)}.tool-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.5rem 1.75rem;margin-bottom:1.5rem;position:relative;overflow:hidden}.tool-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(800px circle at var(--sx, 50%) var(--sy, 50%),rgba(88,166,255,.07),transparent 40%);z-index:1;pointer-events:none;opacity:0;transition:opacity .3s ease}.tool-card:hover:before{opacity:1}.tool-card h3{font-size:1.25rem;color:var(--accent);margin-bottom:.5rem}.tool-card p{color:var(--text-muted);margin-bottom:1rem}.tool-card details{border-top:1px solid var(--border);padding-top:1rem}.tool-card summary{cursor:pointer;color:var(--accent-dim);font-size:.9rem;user-select:none;display:flex;align-items:center;gap:.5rem;list-style:none}.tool-card summary::-webkit-details-marker{display:none}.tool-card summary:hover{color:var(--accent)}.tool-card details[open] .summary-arrow{transform:rotate(90deg)}.summary-arrow{transition:transform .2s ease;font-size:.8rem}.tool-content{margin-top:1rem;font-size:.85rem;color:var(--text-muted);line-height:1.6;overflow:hidden;transition:height .3s ease,opacity .2s ease}.tool-content h1,.tool-content h2,.tool-content h3,.tool-content h4{color:var(--text);margin-top:1.5rem;margin-bottom:.5rem}.tool-content h1{font-size:1.3rem}.tool-content h2{font-size:1.15rem}.tool-content h3,.tool-content h4{font-size:1rem}.tool-content code{background:var(--bg-terminal);padding:.15rem .4rem;border-radius:3px;font-size:.85em}.tool-content pre{background:var(--bg-terminal);border:1px solid var(--border);border-radius:6px;padding:1rem;overflow-x:auto;margin:.75rem 0}.tool-content pre code{background:none;padding:0}.tool-content ul,.tool-content ol{padding-left:1.5rem;margin:.5rem 0}.tool-content a{color:var(--accent)}.tool-content table{width:100%;border-collapse:collapse;margin:.75rem 0}.tool-content th,.tool-content td{border:1px solid var(--border);padding:.5rem .75rem;text-align:left}.tool-content th{background:var(--bg-terminal);color:var(--text)}.workflow{max-width:var(--max-width);margin:0 auto 6rem}.workflow h2{font-size:1.8rem;margin-bottom:.5rem}.workflow-intro{color:var(--text-muted);margin-bottom:2.5rem}.pipeline{display:flex;flex-wrap:wrap;gap:1.25rem;margin-bottom:2.5rem}.pipeline-step{flex:1 1 calc(50% - .625rem);min-width:18rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.25rem 1.25rem 1.5rem;position:relative;overflow:hidden}.pipeline-step:before,.git-step:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(800px circle at var(--sx, 50%) var(--sy, 50%),rgba(88,166,255,.07),transparent 40%);z-index:1;pointer-events:none;opacity:0;transition:opacity .3s ease}.pipeline-step:hover:before,.git-step:hover:before{opacity:1}.step-number{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--accent);color:var(--bg);font-size:.85rem;font-weight:700;margin-bottom:.75rem}.pipeline-step h3{font-size:1.1rem;color:var(--text);margin-bottom:.5rem}.pipeline-step p{color:var(--text-muted);font-size:.85rem;line-height:1.6}.pipeline-arrow{display:none;color:var(--border);font-size:1.5rem;flex-shrink:0;align-self:center}@media(max-width:640px){.pipeline{flex-direction:column}.pipeline-arrow{display:block;padding-top:0;text-align:center;transform:rotate(90deg)}}.philosophy{max-width:var(--max-width);margin:0 auto 6rem}.philosophy h2{font-size:1.8rem;margin-bottom:2rem}.philosophy h3{font-size:1.15rem;color:var(--accent);margin-top:2rem;margin-bottom:.5rem}.philosophy p{color:var(--text-muted);margin-bottom:1rem}.philosophy code{background:var(--bg-terminal);padding:.15rem .4rem;border-radius:3px;font-size:.85em}.postscript{max-width:var(--max-width);margin:0 auto 4rem;padding-top:2rem;border-top:1px solid var(--border)}.postscript h2{font-size:1.1rem;color:var(--text-muted);font-weight:400;margin-bottom:1rem;letter-spacing:.02em}.postscript p{color:var(--text-muted);margin-bottom:1rem;font-size:.95rem}.postscript p:last-child{margin-bottom:0}.postscript code{background:var(--bg-terminal);padding:.15rem .4rem;border-radius:3px;font-size:.85em;color:var(--accent-dim)}.links{max-width:var(--max-width);margin:0 auto 4rem}.links h2{font-size:1.8rem;margin-bottom:1rem}.links a{color:var(--accent);font-size:1.1rem;text-decoration:none}.links a:hover{text-decoration:underline}.changelog{max-width:var(--max-width);margin:0 auto 4rem}.changelog h2{font-size:1.8rem;margin-bottom:1.5rem}.git-loop{max-width:var(--max-width);margin:0 auto 6rem}.git-loop h2{font-size:1.8rem;margin-bottom:.5rem}.git-loop-intro{color:var(--text-muted);margin-bottom:2.5rem}.git-pipeline{display:flex;flex-wrap:wrap;gap:1.25rem;margin-bottom:2.5rem}.git-step{flex:1 1 calc(50% - .625rem);min-width:18rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.25rem 1.25rem 1.5rem;position:relative;overflow:hidden}.git-step h3{font-size:1.1rem;color:var(--text);margin-bottom:.5rem}.git-step p{color:var(--text-muted);font-size:.85rem;line-height:1.6}.git-step code{background:var(--bg-terminal);padding:.15rem .4rem;border-radius:3px;font-size:.85em;color:var(--accent-dim)}.crt-overlay{position:fixed;inset:0;z-index:9997;pointer-events:none}.crt-overlay .scanlines{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent,transparent 3px,rgba(0,0,0,.35) 3px,rgba(0,0,0,.35) 6px);opacity:.06}.crt-overlay .grain{position:absolute;inset:0;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@media(max-width:640px){.git-pipeline{flex-direction:column}.git-pipeline .pipeline-arrow{display:block;text-align:center;transform:rotate(90deg)}}.scroll-progress{position:fixed;top:0;left:0;height:3px;width:calc(var(--scroll, 0) * 100%);background:linear-gradient(90deg,var(--accent),#a371f7);z-index:9999;pointer-events:none;transition:width .1s linear}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.site-nav{position:fixed;top:3px;left:0;right:0;z-index:9998;display:flex;align-items:center;justify-content:center;gap:1.25rem;padding:.5rem 1rem;background:#0d1117d9;backdrop-filter:blur(8px);border-bottom:1px solid var(--border);opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .35s ease,transform .35s ease}.arrow-svg{width:1.5rem;height:1.5rem;color:var(--border)}.reveal.is-visible .arrow-svg path{stroke-dasharray:40;stroke-dashoffset:40;animation:drawArrow .6s ease forwards}@keyframes drawArrow{to{stroke-dashoffset:0}}.site-nav.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.site-nav a{color:var(--text-muted);text-decoration:none;font-size:.8rem;letter-spacing:.02em;transition:color .2s ease;white-space:nowrap}.site-nav a:hover,.site-nav a.is-active{color:var(--accent)}@media(max-width:640px){body{padding:1.5rem 1rem}.hero .handle{font-size:1.8rem}.handle-logo img{width:1em;height:1em}.hero .tagline{font-size:1rem}.terminal{padding:1rem;font-size:.95rem}.site-nav{gap:.6rem;padding:.5rem}.site-nav a{font-size:.7rem}}.terminal{cursor:pointer;position:relative}.terminal:after{content:"copied";position:absolute;top:.5rem;right:.75rem;font-size:.7rem;color:var(--accent);background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:.15rem .4rem;opacity:0;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.terminal.copied:after{opacity:1;transform:translateY(0)}.terminal .type-out.awaiting{opacity:0}.terminal .type-out.revealed{opacity:1;transition:opacity .5s ease .1s}.installation[data-astro-cid-ufsjkxah]{max-width:var(--max-width);margin:0 auto 6rem}.installation[data-astro-cid-ufsjkxah] h2[data-astro-cid-ufsjkxah]{font-size:1.8rem;margin-bottom:.5rem}.installation-intro[data-astro-cid-ufsjkxah]{color:var(--text-muted);margin-bottom:1.5rem;font-size:.95rem}
