:root{color-scheme:dark;--bg:#0d1117;--surface:#161b22;--line:#30363d;--ink:#e6edf3;--muted:#a4afbd;--link:#79b8ff;--accent:#c98cdd}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font:400 15px/1.75 Poppins,system-ui,sans-serif}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}button[hidden]{display:none}img{max-width:100%;display:block}svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:#6e4081;color:#fff}.shell{width:min(1240px,calc(100% - 64px));margin-inline:auto}.skip{position:fixed;top:8px;left:8px;padding:12px;background:var(--ink);color:var(--bg);z-index:20;transform:translateY(-150%)}.skip:focus{transform:none}
.site-header{position:sticky;top:0;z-index:10;background:rgba(13,17,23,.97);border-bottom:1px solid var(--line)}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-size:13px}.brand b{display:block;font-weight:500}.brand img{object-fit:contain}.header-inner nav{display:flex;gap:26px;font-size:13px}.header-inner nav a:first-child{color:var(--ink)}.breadcrumbs{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted);padding-top:28px}.breadcrumbs a{color:var(--muted)}
.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:54px;padding:54px 0 64px}.eyebrow,.mono{font:500 11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}h1,h2,h3,p,figure{margin:0}h1{font-size:clamp(34px,3.6vw,49px);line-height:1.16;letter-spacing:-.045em;font-weight:600;margin:16px 0 24px}h1 span{color:var(--muted)}.lead{font-size:16px;color:var(--muted);max-width:560px}.byline{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:var(--muted);margin-top:24px}.byline a{color:var(--ink)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:42px;border:1px solid var(--line);background:var(--surface);padding:9px 14px;border-radius:6px;color:var(--ink);font-size:12px;transition:border-color .15s,background .15s}.button:hover{border-color:var(--muted);text-decoration:none;background:#202730}.primary{background:#c98cdd;color:#191021;border-color:#c98cdd}.primary:hover{background:#d9a3ea;color:#191021;border-color:#d9a3ea}.cover{margin:0}.cover img{width:100%;height:auto;border:1px solid var(--line);border-radius:9px}.cover figcaption{font-size:11px;margin-top:13px;color:var(--muted)}.small{font-size:12px;color:var(--muted);line-height:1.7}#copy-status{min-height:21px;margin-top:9px}
.intro{padding:38px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1.6fr;gap:64px}.intro h2{font-size:26px;line-height:1.35;font-weight:500;letter-spacing:-.025em}.intro p{color:var(--muted);font-size:14px}.intro p+p{margin-top:12px}#repositories{padding-top:62px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.section-heading h2,.start>h2,.closing h2{font-size:clamp(24px,2.6vw,32px);line-height:1.3;letter-spacing:-.035em;font-weight:500;margin:9px 0 0}.snapshot{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:11px;color:var(--muted);margin:20px 0 24px}.snapshot svg{color:#d9b75f;margin-right:3px}
.repo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}.repo-card{border:1px solid var(--line);border-radius:9px;background:var(--surface);overflow:hidden;scroll-margin-top:100px}.repo-top{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:18px 22px;background:#12171e}.owner{display:flex;align-items:center;gap:12px;min-width:0}.owner img{width:36px;height:36px;border-radius:50%;flex-shrink:0;background:#fff}.owner>a{font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.owner>a span{display:block;color:var(--ink);font-weight:600}.stars{display:flex;align-items:center;gap:7px;padding:5px 9px;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;border:1px solid var(--line);border-radius:6px;color:var(--ink);white-space:nowrap;background:#21262d;font-variant-numeric:tabular-nums}.stars svg{color:#d9b75f}.repo-body{padding:23px 24px}.category{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.rank{font:12px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--accent)}.archived{border:1px solid #665124;color:#e3bb69;border-radius:20px;padding:1px 7px;font-size:10px}.repo-card h2{font-size:23px;line-height:1.3;letter-spacing:-.035em;font-weight:500;margin:13px 0}.repo-body>p:not(.category){font-size:13px;color:var(--muted)}.use-case{margin-top:22px}.use-case strong{display:block;font-size:12px;font-weight:500;color:var(--ink);margin-bottom:5px}.notice{border-left:2px solid #d9b75f;padding-left:12px;margin:18px 0}.notice strong{color:#e3bb69}.repo-card details{margin-top:23px;border-top:1px solid var(--line);padding-top:15px}.repo-card summary{font-size:12px;cursor:pointer;color:var(--link);list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px}.repo-card summary::-webkit-details-marker{display:none}.repo-card summary span{font-size:18px;line-height:1}.repo-card details[open] summary span{transform:rotate(45deg)}blockquote{margin:15px 0;padding:12px 15px;background:var(--bg);border-left:2px solid var(--accent);font-size:13px;line-height:1.8}.repo-card footer{padding:13px 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px}.language{display:flex;align-items:center;gap:7px;color:var(--muted)}.language i{display:block;width:8px;height:8px;border-radius:50%;background:#c98cdd}.repo-card footer a{font-weight:500}
.start{margin-top:64px;padding-top:42px;border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:32px 0}.step-number{color:var(--accent);font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.steps h3{font-size:17px;font-weight:500;margin:10px 0}.steps p{font-size:13px;color:var(--muted)}.prompt-panel{max-width:860px;padding:26px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.prompt-panel>div{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}#starter-prompt{font:14px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace}.prompt-panel>.small{margin-top:18px}.closing{border-top:1px solid var(--line);margin-top:64px;padding:42px 0;display:flex;align-items:center;justify-content:space-between;gap:50px}.closing p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:630px;margin-top:16px}.closing>a{flex-shrink:0}.site-footer{padding-block:25px 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;color:var(--muted);font-size:11px}
.repo-grid{align-items:stretch}.repo-card{display:flex;flex-direction:column}.repo-body{flex:1}
.snapshot{display:block}.snapshot svg{display:inline-block;vertical-align:-3px}.snapshot time{white-space:nowrap}
@media(max-width:1000px){.hero{grid-template-columns:1fr;gap:30px;padding:36px 0 40px}.hero>div{max-width:700px}.cover{max-width:680px}.intro{gap:30px}.repo-top{padding:16px}.repo-body{padding:20px}.repo-card h2{font-size:21px}.owner img{width:30px;height:30px}.stars{padding:5px 7px;font-size:11px}}
@media(max-width:680px){.shell{width:calc(100% - 32px)}.header-inner{min-height:65px;gap:12px}.brand{font-size:11px;gap:7px}.brand img{width:28px;height:28px}.header-inner nav{gap:13px;font-size:11px}.breadcrumbs{font-size:10px;gap:8px;padding-top:18px}.hero{padding-top:26px}h1{font-size:35px}.lead{font-size:14px}.intro{grid-template-columns:1fr;gap:18px}.intro h2{font-size:23px}.intro h2 br{display:none}.section-heading{display:block}.section-heading>.small{margin-top:12px}#repositories{padding-top:38px}.repo-grid{grid-template-columns:1fr;gap:18px}.repo-card h2{font-size:23px}.steps{grid-template-columns:1fr;gap:24px}.start{margin-top:40px;padding-top:32px}.prompt-panel{padding:19px}.closing{display:block;margin-top:40px;padding:30px 0}.closing>a{margin-top:23px}.site-footer{gap:16px}.cover figcaption{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}