#pb{--paper:#F6F1E7;--card:#FFFFFF;--ink:#1B2433;--muted:#5E5C57;--line:#E2DCD0;--line2:#C9C1B3;--hazard:#F2C14E;--rust:#A63F1B;--mint:#DDF1E4;--peach:#FCE6CD;--warm:#EFE8DA;--track:#D9D1C2;}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #pb{--paper:#141412;--card:#1D1C1A;--ink:#F2F0EC;--muted:#A8A49C;--line:#2F2D2A;--line2:#47443F;--rust:#F08A5D;--mint:#18291F;--peach:#33261A;--warm:#22201C;--track:#3A3833}}
:root[data-theme="dark"] #pb{--paper:#141412;--card:#1D1C1A;--ink:#F2F0EC;--muted:#A8A49C;--line:#2F2D2A;--line2:#47443F;--rust:#F08A5D;--mint:#18291F;--peach:#33261A;--warm:#22201C;--track:#3A3833}
#pb .crumb{font:600 12px ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:16px 0 0}
#pb .crumb a{color:var(--ink)}
#pb .prog{display:flex;gap:6px;margin:16px 0 6px}
#pb .prog i{flex:1;height:7px;border-radius:4px;background:var(--track)}
#pb .prog i.on{background:var(--ink)}
#pb .stp{font:700 12px ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--rust);margin:0}
#pb .ptitle{font:800 clamp(26px,5vw,38px)/1.08 Inter,system-ui,sans-serif;letter-spacing:-.8px;margin:6px 0 10px;text-wrap:balance;scroll-margin-top:12px}
#pb .lede{color:var(--muted);max-width:60ch;margin:0 0 14px}
#pb .who{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0 4px}
#pb .lbl{font:600 12px ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
#pb .segs{display:inline-flex;border:1px solid var(--line2);border-radius:999px;padding:3px;background:var(--card)}
#pb .seg{min-height:44px;display:inline-flex;align-items:center;padding:6px 20px;border-radius:999px;color:var(--ink);text-decoration:none;font-weight:700;font-size:15px}
#pb .seg.on{background:var(--ink);color:var(--paper)}
#pb .gh{display:flex;justify-content:space-between;align-items:baseline;font:700 12px ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;margin:20px 0 8px}
#pb .gh i{font-style:normal;color:var(--rust)}
#pb .plist{list-style:none;padding:0;margin:0;display:grid;gap:8px}
#pb .prow{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line2);border-radius:12px;background:var(--card);color:var(--ink);text-decoration:none;min-height:56px}
#pb .prow:hover,#pb .prow:focus-visible{border-color:var(--ink)}
#pb .pn{font:800 20px/1.2 ui-monospace,Menlo,monospace;color:var(--rust);min-width:28px}
#pb .pt{flex:1;display:flex;flex-direction:column;gap:2px}
#pb .pt b{font-size:17px;line-height:1.3}
#pb .pt small{color:var(--muted);font-size:13.5px}
#pb .ptag{font:700 11px ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:5px;white-space:nowrap;align-self:flex-start}
#pb .ptag.is-free{background:var(--mint)}
#pb .ptag.is-book{background:var(--warm);color:var(--rust)}
#pb .offer{margin-top:20px;padding:16px 18px;border:2px solid #1B2433;border-radius:12px;background:var(--hazard);color:#1B2433}
#pb .offer p{margin:6px 0 10px}
#pb .offer .small{color:#1B2433;font-size:13px}
#pb .offer .btn.primary{background:#1B2433;color:#fff;border-color:#1B2433}
#pb .ba2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:10px}
#pb .ba2>div{padding:14px 16px;border-radius:12px;border:1px solid var(--line2);background:var(--card);display:flex;flex-direction:column;gap:6px}
#pb .ba2 .after{border:2px solid var(--ink);background:var(--mint)}
#pb .k{font:700 12px ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
#pb .ba2 p{margin:0;font-size:17px}
#pb .ba2 em{font-style:normal;font-weight:700}
#pb .sh{font:700 12px ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:20px 0 8px}
#pb .h3{font:800 20px/1.2 Inter,system-ui,sans-serif;margin:0 0 6px}
#pb ul.g,#pb ol.g{list-style:none;padding:0;margin:0;display:grid;gap:8px}
#pb .g>li{background:var(--card);border:1px solid var(--line2);border-radius:12px;padding:12px 14px}
#pb .row{display:flex;gap:12px;align-items:center}
#pb .row>div{flex:1;min-width:0;display:flex;flex-direction:column}
#pb .row .d{color:var(--muted);font-size:15px}
#pb .n{font:700 18px ui-monospace,Menlo,monospace;color:var(--rust);min-width:22px}
#pb 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:48%}
#pb .box{width:22px;height:22px;border:2px solid var(--ink);border-radius:4px;flex:none}
#pb .prompt{margin-top:14px;border:2px solid var(--ink);border-radius:12px;overflow:hidden;background:var(--card)}
#pb .ph{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;background:#1B2433;color:#fff;font:600 12.5px ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.05em}
#pb .ph .btn{background:var(--hazard);color:#1B2433;border-color:var(--hazard)}
#pb .prompt pre{margin:0;padding:14px 16px;white-space:pre-wrap;font:15px/1.55 ui-monospace,Menlo,monospace}
#pb .cmsg{margin:0 16px 10px;font-size:13.5px;color:var(--muted)}
#pb .locked{margin-top:16px;padding:18px;border:1px dashed var(--line2);border-radius:14px;background:var(--warm)}
#pb .locked p{margin:0 0 12px}
#pb .done{margin-top:14px;padding:16px 18px;border:2px solid #1B2433;border-radius:12px;background:var(--hazard);color:#1B2433}
#pb .done p{margin:6px 0 0}
#pb .done a{color:#1B2433;font-weight:700}
#pb .pnav{display:flex;gap:10px;margin-top:18px}
#pb .pnav .btn{flex:1;justify-content:center;min-height:50px;font-size:16px}
#pb .jnote,#pb .src{font-size:13.5px;color:var(--muted);margin-top:12px}
#pb .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:700 15px Inter,system-ui,sans-serif;text-decoration:none;cursor:pointer}
#pb .btn.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}
#pb .btn.sm{min-height:34px;padding:4px 12px;font-size:13px}
#pb .btn:hover,#pb .btn:focus-visible{border-color:var(--ink)}
#pb :focus-visible{outline:3px solid var(--rust);outline-offset:2px}
#pb .ptitle[tabindex="-1"]:focus{outline:none}
#pb .trow{flex-wrap:wrap;gap:6px}
#pb .trow>div{flex:1 1 100%}
#pb .trow em.tag{max-width:none;text-align:left}
#pb .tease{margin:0 0 12px;padding:12px 14px;border:1px solid var(--line2);border-radius:10px;background:var(--card);white-space:pre-wrap;font:14px/1.5 ui-monospace,Menlo,monospace;max-height:6.4em;overflow:hidden;-webkit-mask-image:linear-gradient(#000 30%,transparent);mask-image:linear-gradient(#000 30%,transparent)}
#pb .locked .code{margin:0 0 12px}
#pb .lbtns{display:flex;flex-wrap:wrap;gap:8px}
#pb .done .hand{margin-top:10px}
#pb .done .hbtn{margin-top:10px}
#pb .done .hbtn .btn.primary{background:#1B2433;color:#fff;border-color:#1B2433;color:#fff}
#pb .done .hterm{font-size:13px;margin-top:8px}
#pb .bys{margin:14px 0 0;border:1px solid var(--line2);border-radius:12px;background:var(--card);padding:0 14px}
#pb .bys summary{min-height:48px;display:flex;align-items:center;cursor:pointer;font-weight:700}
#pb .bys ul{margin:0 0 12px;padding-left:20px;display:grid;gap:6px;font-size:15px}
#pb .more{margin-top:8px}
#pb .more summary{display:inline-flex;align-items:center;min-height:40px;padding:4px 12px;border:1px solid var(--line2);border-radius:999px;font-weight:700;font-size:14px;cursor:pointer;list-style:none;background:var(--paper)}
#pb .more summary::-webkit-details-marker{display:none}
#pb .more summary::after{content:"+";margin-left:8px;color:var(--rust)}
#pb .more[open] summary::after{content:"\2212"}
#pb .tap{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
#pb .tap li{font:600 13px ui-monospace,Menlo,monospace;background:var(--peach);border:1px solid var(--line2);border-radius:6px;padding:4px 8px}
#pb .tap li+li::before{content:"\203A";margin-right:6px;color:var(--rust);font-weight:800}
#pb .more .tip{margin:8px 0 0;font-size:14.5px;color:var(--muted)}
#pb .more img{display:block;max-width:100%;height:auto;margin-top:10px;border:1px solid var(--line2);border-radius:10px}
#pb{background:var(--paper);color:var(--ink);border:1px solid var(--line2);border-radius:16px;padding:6px 18px 22px;margin-top:20px;max-width:760px}
@media (max-width:480px){#pb{padding:4px 12px 16px}}
.pb-h1{margin-bottom:8px}.pb-after{margin-top:18px}.pb-btns{margin-top:14px}.pb-list{margin:12px 0 0;padding-left:20px}