:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0c0e10;--text:#e6e8e9;--muted:#687273;--accent:#b8f769}*{box-sizing:border-box}html{background:var(--background)}body{color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}main{max-width:1080px;margin:auto;padding:0 48px 88px}header{padding:74px 0 58px}h1{letter-spacing:-5px;width:fit-content;margin:0;font:700 56px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.accent,.cursor{color:var(--accent)}.bracket{color:var(--muted);font-weight:400}.bracket:first-child{margin-right:10px}.bracket:last-child{margin-left:6px}ol{border-top:1px solid #2a3031;margin:0;padding:0;list-style:none}li{border-bottom:1px solid #2a3031}a{color:inherit;grid-template-columns:28px 192px 1fr 24px;align-items:center;gap:26px;padding:24px 0;text-decoration:none;display:grid}.number{color:var(--muted);align-self:start;padding-top:5px;font:12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.screenshot{aspect-ratio:8/5;background:#1b2023;border:1px solid #303638;border-radius:4px;display:block;overflow:hidden}.screenshot img{object-fit:cover;width:100%;height:100%;transition:transform .18s;display:block}.title{overflow-wrap:anywhere;font-size:21px;font-weight:500;line-height:1.45}.arrow{color:var(--muted);font-size:24px;transition:color .18s}a:hover .title,a:hover .arrow{color:var(--accent)}a:hover img{transform:scale(1.035)}a:focus-visible{outline:2px solid var(--accent);outline-offset:7px;border-radius:2px}@media (max-width:600px){main{padding:0 22px 48px}header{padding:44px 0 38px}h1{font-size:44px}a{grid-template-columns:104px 1fr 16px;gap:16px;padding:20px 0}.number{display:none}.title{font-size:16px}.arrow{font-size:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}
