:root{--bg:#10151a;--panel:#161d24;--line:#273039;--wire:#3ba776;--wire-2:#54c48f;--amber:#e0a33c;--txt:#d6dde2;--dim:#8a97a1;--chip:#1c252e}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--txt);font:16px/1.7 "JetBrains Mono","SFMono-Regular",Menlo,Consolas,monospace}
a{color:var(--wire-2);text-underline-offset:3px}a:hover{color:var(--amber)}
.rack{max-width:1020px;margin:0 auto;padding:0 18px}
.tinkerbar{background:var(--panel);border-bottom:1px solid var(--line)}
.tinkerbar .rack{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 22px;padding:15px 18px}
.tinkermark{font:700 18px/1 "JetBrains Mono",monospace;color:var(--wire);text-decoration:none;letter-spacing:.02em}.tinkermark::before{content:"$ ";color:var(--dim)}
.bench-nav{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:14px}.bench-nav a{color:var(--dim);text-decoration:none}.bench-nav a:hover{color:var(--wire-2)}
.shoptalk-intro{padding:50px 0 24px;border-bottom:1px solid var(--line);margin-bottom:6px}
.shoptalk-intro h1{font:600 clamp(27px,5vw,44px)/1.1 "JetBrains Mono",monospace;margin:0 0 14px;max-width:22ch;color:#fff;letter-spacing:-.01em}
.shoptalk-intro p{max-width:60ch;margin:0;color:var(--dim);font-size:16.5px}
.projectgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:22px 0 72px}
.projectcard{display:block;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:20px 22px;text-decoration:none;color:var(--txt)}
.projectcard:hover{border-color:var(--wire);box-shadow:0 0 0 1px var(--wire)}
.projectcard h2{font:600 18.5px/1.3 "JetBrains Mono",monospace;margin:6px 0 6px;color:#fff}.projectcard p{margin:0;color:var(--dim);font-size:13.5px;line-height:1.55}
.buildtag{font:700 11.5px/1.5 "JetBrains Mono",monospace;letter-spacing:.08em;color:var(--amber);text-transform:uppercase}.buildtag::before{content:"// "}
.notebook-leaf{max-width:730px;margin:34px auto 76px;background:var(--panel);border:1px solid var(--line);border-radius:10px;border-top:4px solid var(--wire);padding:32px 36px}
.notebook-leaf h1{font:600 clamp(24px,4.4vw,36px)/1.15 "JetBrains Mono",monospace;margin:8px 0 12px;color:#fff;letter-spacing:-.01em}
.build-lede{font-size:17px;color:var(--dim);margin:0 0 24px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.notebook-leaf h2{font:600 18px/1.3 "JetBrains Mono",monospace;margin:28px 0 8px;color:var(--wire-2)}
.notebook-leaf ul,.notebook-leaf ol{padding-left:22px}.notebook-leaf li{margin:7px 0}
.notebook-leaf code{background:var(--chip);border:1px solid var(--line);border-radius:4px;padding:1px 6px;font-size:14px;color:var(--amber)}
.gotcha-box{background:#1a2229;border-left:4px solid var(--amber);padding:13px 16px;font-size:14.5px;margin:20px 0;color:var(--txt)}
.permission-aside{background:#172028;border:1px solid var(--line);border-radius:8px;padding:13px 16px;font-size:14px;margin:22px 0;color:var(--dim)}
.permission-aside strong{color:var(--wire-2)}
.tinker-logged{margin-top:30px;font-size:12.5px;color:var(--dim);border-top:1px solid var(--line);padding-top:12px}.tinker-logged::before{content:"# ";color:var(--wire)}
.tinker-foot{background:#0b0f13;color:var(--dim);font-size:13px;margin-top:40px;border-top:1px solid var(--line)}.tinker-foot .rack{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 22px;padding:22px 18px 28px}.tinker-foot a{color:var(--wire-2)}
@media(max-width:680px){.projectgrid{grid-template-columns:1fr}.notebook-leaf{padding:22px 16px;margin-top:20px}.shoptalk-intro{padding-top:32px}}