.pb-h1{font-size:clamp(1.7rem,4vw,2.3rem);font-weight:800;letter-spacing:-.025em;line-height:1.12;margin-top:.4rem}#pb{--ink:var(--fg);--ink-soft:var(--fg-soft);--card:var(--panel);--card-2:var(--panel-2);--accent-dark:var(--accent-soft);--ok:var(--good);--ok-bg:#0f1c14;--term-bg:#000;--term-ink:#eaeaea;--shadow:0 18px 50px rgba(0,0,0,.45);display:flex;flex-direction:column;align-items:center;max-width:760px;margin:0 auto;width:100%}#pb .pb-head{width:100%;position:sticky;top:62px;z-index:20;background:linear-gradient(var(--bg) 78%,transparent);padding:16px 0 12px}#pb .head-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}#pb .brand{display:flex;align-items:center;gap:9px;font-weight:800;letter-spacing:-.01em;font-size:15px;color:var(--ink)}#pb .brand .dot{width:22px;height:22px;border-radius:7px;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#0a0a0a;font-size:13px;font-weight:900}#pb .restart{background:none;border:none;color:var(--muted);font-size:12.5px;cursor:pointer;text-decoration:underline;text-underline-offset:2px;font-family:inherit}#pb .restart:hover{color:var(--ink)}#pb .bar-wrap{display:flex;align-items:center;gap:12px}#pb .bar{flex:1;height:7px;background:var(--line);border-radius:99px;overflow:hidden}#pb .bar span{display:block;height:100%;width:0;background:var(--accent);border-radius:99px;transition:width .35s ease}#pb .count{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}#pb .pb-main{width:100%}#pb .pb-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:34px 30px 30px;animation:pb-pop .28s ease}@keyframes pb-pop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}#pb .kicker{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}#pb .pb-title{font-size:26px;line-height:1.2;letter-spacing:-.02em;margin-bottom:8px;font-weight:800;color:var(--ink)}#pb .tagline{color:var(--muted);font-size:15.5px;margin-bottom:22px}#pb .body p{margin:0 0 14px}#pb .body ol,#pb .body ul{margin:0 0 16px;padding-left:20px}#pb .body li{margin-bottom:8px}#pb .body b{font-weight:700}#pb .body a{color:var(--accent-dark);font-weight:600}#pb code{font-family:var(--mono)}#pb .cmd{position:relative;background:var(--term-bg);border:1px solid var(--line-2);border-radius:11px;padding:14px 92px 14px 16px;margin:6px 0 12px;overflow-x:auto}#pb .cmd code{color:var(--term-ink);font-size:13.5px;white-space:pre;display:block}#pb .cmd .copy{position:absolute;top:10px;right:10px;background:#1a1a1a;color:var(--ink-soft);border:1px solid var(--line-2);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:.15s;font-family:inherit}#pb .cmd .copy:hover{background:var(--accent);color:#0a0a0a;border-color:var(--accent)}#pb .cmd .copy.done{background:var(--ok);border-color:var(--ok);color:#0a0a0a}#pb .type-hint{font-size:12px;color:var(--muted);margin:-6px 0 12px 2px}#pb .expect{border:1px dashed var(--line-2);border-radius:11px;padding:12px 14px;margin:0 0 16px;background:#ffffff05}#pb .expect .lbl{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--ok);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}#pb .expect .lbl:before{content:"";width:8px;height:8px;border-radius:99px;background:var(--ok)}#pb .expect pre{font-family:var(--mono);font-size:12.5px;color:var(--muted);white-space:pre-wrap}#pb .why,#pb .note{border-radius:11px;padding:13px 15px;margin:0 0 16px;font-size:14px}#pb .why{background:#f7be3a12;border:1px solid rgba(247,190,58,.22)}#pb .why b{color:var(--accent-dark)}#pb .note{background:var(--ok-bg);border:1px solid rgba(110,231,167,.22)}#pb .callout-t{display:block;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}#pb .why .callout-t{color:var(--accent-dark)}#pb .note .callout-t{color:var(--ok)}#pb .gate{display:flex;gap:10px;align-items:flex-start;background:#f7be3a0d;border:1px solid var(--line-2);border-radius:11px;padding:13px 15px;margin-top:6px;cursor:pointer;font-size:14px;font-weight:600;color:var(--ink)}#pb .gate input{margin-top:3px;width:17px;height:17px;accent-color:var(--accent);cursor:pointer}#pb .pb-nav{display:flex;gap:12px;margin-top:26px}#pb .pb-btn{flex:0 0 auto;font-size:15px;font-weight:700;border-radius:12px;padding:14px 22px;cursor:pointer;border:1px solid transparent;transition:.15s;font-family:inherit}#pb .pb-btn.btn-next{background:var(--accent);color:#0a0a0a;margin-left:auto}#pb .pb-btn.btn-next:hover{background:var(--accent-dark)}#pb .pb-btn.btn-next:disabled{opacity:.4;cursor:not-allowed}#pb .pb-btn.btn-prev{background:transparent;color:var(--muted);border-color:var(--line)}#pb .pb-btn.btn-prev:hover{color:var(--ink);border-color:var(--muted)}#pb .options{display:flex;flex-direction:column;gap:12px;margin-top:6px}#pb .opt{display:flex;flex-direction:column;gap:3px;text-align:left;background:var(--card);border:1.5px solid var(--line);border-radius:13px;padding:16px 18px;cursor:pointer;transition:.15s;font-family:inherit;color:inherit}#pb .opt:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow)}#pb .opt .ot{font-size:16px;font-weight:800;color:var(--ink)}#pb .opt .os{font-size:13.5px;color:var(--muted)}#pb .branch-q{font-weight:700;margin:4px 0 12px;font-size:15px;color:var(--ink)}#pb .branch-btns{display:flex;flex-direction:column;gap:10px}#pb .bbtn{text-align:left;padding:15px 18px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;transition:.15s;border:1.5px solid;color:var(--ink)}#pb .bbtn.yes{background:var(--ok-bg);border-color:#6ee7a759}#pb .bbtn.yes:hover{border-color:var(--ok)}#pb .bbtn.no{background:#f7be3a0f;border-color:#f7be3a4d}#pb .bbtn.no:hover{border-color:var(--accent)}#pb .starter{border:1px solid var(--line);border-radius:12px;padding:4px 0;margin-bottom:14px}#pb .starter .st{font-weight:700;font-size:14px;padding:12px 16px 2px;color:var(--ink)}#pb .pb-foot{width:100%;text-align:center;color:var(--muted);font-size:12px;margin-top:22px}@media(max-width:560px){#pb .pb-card{padding:26px 20px 24px}#pb .pb-title{font-size:22px}#pb .cmd{padding-right:16px}#pb .cmd .copy{position:static;display:block;margin-top:10px}}