:root{--bg:#080a09;--ink:#e6eee8;--muted:#7e8b82;--line:#263029;--green:#82f3ae;--max:1050px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif}a{color:inherit}header{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - var(--max))/2));font:11px ui-monospace,monospace}.logo{text-decoration:none;font-size:20px;font-weight:900}.logo span{color:var(--green)}.status{color:var(--muted)}
main{max-width:var(--max);margin:auto}.hero{padding:120px 20px 110px;border-bottom:1px solid var(--line)}.hero>p,.bar,.note>p{font:11px ui-monospace,monospace;letter-spacing:.13em;color:var(--green)}h1{font-size:clamp(75px,14vw,150px);line-height:.82;letter-spacing:-.09em;margin:25px 0 35px}h1 span{color:var(--green)}.intro{max-width:650px;color:var(--muted);font-size:18px;line-height:1.7}
.archive{padding:75px 20px}.bar{display:flex;justify-content:space-between;margin-bottom:15px}.archive>a{display:grid;grid-template-columns:55px 1fr 30px;gap:20px;padding:30px 0;border-top:1px solid var(--line);text-decoration:none}.archive>a:hover{background:#0d120f;padding-left:18px;padding-right:18px}.archive b{font:12px ui-monospace,monospace;color:var(--green)}.archive small{font:10px ui-monospace,monospace;color:var(--muted)}.archive h2{font-size:clamp(30px,5vw,55px);line-height:1;letter-spacing:-.055em;margin:15px 0 10px}.archive p{margin:0;color:var(--muted);font-size:14px}.archive i{color:var(--green);font-style:normal;font-size:22px}
.note{border-top:1px solid var(--line);padding:75px 20px 110px}.note h2{font-size:35px;max-width:720px;letter-spacing:-.04em}.note>p:last-child{font:15px/1.7 system-ui,sans-serif;color:var(--muted);max-width:720px}.note code{color:var(--green);font-family:ui-monospace,monospace}footer{border-top:1px solid var(--line);padding:26px max(20px,calc((100vw - var(--max))/2));display:flex;justify-content:space-between;color:var(--muted);font:11px ui-monospace,monospace}footer a{color:var(--green);text-decoration:none}
@media(max-width:650px){.status{display:none}.archive>a{grid-template-columns:35px 1fr}.archive i{display:none}footer{display:block}footer>*{display:block;margin-bottom:8px}}