#jb{--paper:#F6F1E7;--card:#FFFFFF;--ink:#1B2433;--muted:#5E5C57;--line:#E2DCD0;--line2:#C9C1B3;--hazard:#F2C14E;--rust:#A63F1B;--mint:#DDF1E4;--peach:#FCE6CD;--warm:#EFE8DA;--strike:#8A5A44;}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #jb{--paper:#141412;--card:#1D1C1A;--ink:#F2F0EC;--muted:#A8A49C;--line:#2F2D2A;--line2:#47443F;--rust:#F08A5D;--mint:#18291F;--peach:#33261A;--warm:#22201C;--strike:#C9A08A}}
:root[data-theme="dark"] #jb{--paper:#141412;--card:#1D1C1A;--ink:#F2F0EC;--muted:#A8A49C;--line:#2F2D2A;--line2:#47443F;--rust:#F08A5D;--mint:#18291F;--peach:#33261A;--warm:#22201C;--strike:#C9A08A}
#jb .crumb{font:600 12px ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:20px 0 0}
#jb .crumb a{color:var(--ink)}
#jb h1{font:800 clamp(30px,5.5vw,48px)/1.05 Inter,system-ui,sans-serif;letter-spacing:-1.1px;margin:22px 0 8px;text-wrap:balance}
#jb h2{font:800 clamp(22px,3.6vw,30px)/1.15 Inter,system-ui,sans-serif;letter-spacing:-.5px;margin:0 0 14px;text-wrap:balance}
#jb .lede{color:var(--muted);max-width:64ch;margin:0 0 18px}
#jb .bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:18px}
#jb .segs{display:inline-flex;border:1px solid var(--line2);border-radius:999px;padding:3px;background:var(--card)}
#jb .seg{min-height:40px;display:inline-flex;align-items:center;padding:6px 16px;border-radius:999px;color:var(--ink);text-decoration:none;font-weight:600;font-size:15px}
#jb .seg.on{background:var(--ink);color:var(--paper)}
#jb .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
#jb .chip{min-height:40px;padding:6px 14px;border:1px solid var(--line2);border-radius:999px;background:var(--card);color:var(--ink);font:600 14px Inter,system-ui,sans-serif;cursor:pointer}
#jb .chip[aria-pressed=true]{background:var(--hazard);border-color:var(--ink);color:#1B2433}
#jb .tiles{list-style:none;padding:0;margin:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}
#jb .tile{display:flex;flex-direction:column;gap:6px;height:100%;padding:14px 16px;border:1px solid var(--line2);border-top:4px solid var(--ink);border-radius:10px;background:var(--card);color:var(--ink);text-decoration:none}
#jb .tile:hover,#jb .tile:focus-visible{border-color:var(--ink)}
#jb .wo{font:600 12px ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--rust)}
#jb .tile b{font-size:19px;line-height:1.25;letter-spacing:-.2px}
#jb .res{color:var(--muted);font-size:14.5px}
#jb .ba{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13.5px;margin-top:auto;padding-top:6px}
#jb .ba s{color:var(--strike);text-decoration-thickness:1px}
#jb .ba i{font-style:normal;color:var(--muted)}
#jb .ba em{font-style:normal;font-weight:700;background:var(--mint);padding:1px 6px;border-radius:4px}
#jb .foot{display:flex;justify-content:space-between;gap:8px;font:600 11px ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
#jb .lock{color:var(--rust)}
#jb .ladder{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0;border-left:6px solid var(--ink);border-right:6px solid var(--ink)}
#jb .rungrow{display:grid;grid-template-columns:150px 1fr;gap:14px;padding:14px;border-bottom:6px solid var(--ink);background:var(--warm)}
#jb .rungrow:first-child{border-top:6px solid var(--ink)}
#jb .rn{display:flex;flex-direction:column;gap:2px}
#jb .rn b{font:800 34px/1 Inter,system-ui,sans-serif}
#jb .rn span{font-size:14px;color:var(--muted)}
#jb .rn em{font-style:normal;font:700 11px ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.06em;background:var(--hazard);color:#1B2433;padding:3px 6px;border-radius:4px;align-self:flex-start;margin-top:4px}
#jb .tiles.small .res{display:none}
@media (max-width:620px){#jb .rungrow{grid-template-columns:1fr}
#jb .rn{flex-direction:row;align-items:baseline;gap:10px;flex-wrap:wrap}}
#jb .tabs{display:flex;gap:6px;overflow-x:auto;margin:16px 0 0;padding-bottom:4px}
#jb .tabs button{flex:none;min-height:44px;padding:8px 14px;border:1px solid var(--line2);border-radius:999px;background:var(--card);color:var(--ink);font:600 15px Inter,system-ui,sans-serif;cursor:pointer;display:flex;gap:8px;align-items:center}
#jb .tabs button span{font:600 12px ui-monospace,Menlo,monospace;color:var(--muted)}
#jb .tabs button[aria-selected=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
#jb .tabs button[aria-selected=true] span{color:var(--paper)}
#jb .panel{margin-top:18px}
#jb .ba2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:12px}
#jb .ba2>div{padding:16px 18px;border-radius:12px;border:1px solid var(--line2);background:var(--card);display:flex;flex-direction:column;gap:6px}
#jb .ba2 .after{border:2px solid var(--ink);background:var(--mint)}
#jb .ba2 .k{font:700 12px ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
#jb .ba2 p{margin:0;font-size:17px}
#jb .ba2 em{font-style:normal;font-weight:700;margin-top:auto}
#jb .ba2 .before em{color:var(--strike)}
#jb ul.g,#jb ol.g{list-style:none;padding:0;margin:0;display:grid;gap:10px}
#jb .g>li{background:var(--card);border:1px solid var(--line2);border-radius:12px;padding:14px 16px}
#jb .row{display:flex;gap:12px;align-items:center}
#jb .row>div{flex:1;display:flex;flex-direction:column}
#jb .row .d{color:var(--muted);font-size:15px}
#jb .n{font:700 18px ui-monospace,Menlo,monospace;color:var(--rust);min-width:24px}
#jb em.tag{font:600 12px ui-monospace,Menlo,monospace;font-style:normal;background:var(--peach);padding:3px 8px;border-radius:4px;text-align:right;max-width:46%}
#jb .box{width:22px;height:22px;border:2px solid var(--ink);border-radius:4px;flex:none}
#jb .prompt{margin-top:14px;border:2px solid var(--ink);border-radius:12px;overflow:hidden;background:var(--card)}
#jb .ph{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;background:var(--ink);color:var(--paper);font:600 13px ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.06em}
#jb .prompt pre{margin:0;padding:14px 16px;white-space:pre-wrap;font:15px/1.55 ui-monospace,Menlo,monospace}
#jb .prompt .small{margin:0 16px 10px}
#jb .note,#jb .src{font-size:13.5px;color:var(--muted);margin-top:12px}
#jb .locked{padding:22px;border:1px dashed var(--line2);border-radius:14px;background:var(--warm)}
#jb .elev{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
#jb .btn{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid var(--line2);border-radius:10px;background:var(--card);color:var(--ink);font:600 15px Inter,system-ui,sans-serif;text-decoration:none;cursor:pointer}
#jb .btn.sm{min-height:34px;padding:4px 12px;font-size:13px}
#jb .ph .btn{background:var(--hazard);color:#1B2433;border-color:var(--hazard)}
#jb .btn:hover,#jb .btn:focus-visible{border-color:var(--ink)}
#jb :focus-visible{outline:3px solid var(--rust);outline-offset:2px}
#jb h1[tabindex="-1"]:focus{outline:none}
#jb .crumb.tc{margin:0}
#jb{background:var(--paper);color:var(--ink);border:1px solid var(--line2);border-radius:16px;padding:4px 18px 22px;margin-top:20px}
#jb h1{margin-top:16px}#jb .bar{margin-top:14px}@media (max-width:480px){#jb{padding:4px 12px 16px}}