.bot-intro{max-width:760px;margin:0 0 24px;color:#adbdcc;font-size:14px;line-height:1.8}.bot-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.bot-rules div{padding:16px;border:1px solid var(--line);border-radius:6px;background:var(--panel)}.bot-rules strong{display:block;color:var(--mint);font-size:21px;font-weight:500}.bot-rules span{font-size:11px;color:var(--muted)}.bot-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.bot-actions .lab-primary{width:auto}.bot-card{margin:14px 0;padding:18px;border:1px solid var(--line);border-radius:6px}.bot-card h4{font-size:15px;font-weight:500;margin:0 0 10px}.bot-card p{margin:8px 0;overflow-wrap:anywhere}.bot-card[data-exception=true]{border-color:#705e3d}.bot-tag{font-size:10px;letter-spacing:1px;color:var(--mint)}.bot-credential{width:100%;font:11px monospace;background:#090f17;color:var(--text);border:1px solid var(--line);padding:14px;min-height:130px;resize:vertical}.bot-history{list-style:none;padding:0}.bot-history li{border-bottom:1px solid var(--line);padding:12px 0;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.bot-history a{color:var(--mint)}.bot-status{font-size:12px;line-height:1.7;color:var(--mint);overflow-wrap:anywhere}.bot-warning{color:#ffcc92!important}.bot-check{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.7;margin:16px 0}.bot-check input{margin-top:5px}.bot-save input{display:block;width:100%;background:#090f17;color:var(--text);border:1px solid var(--line);border-radius:5px;padding:12px;margin:10px 0;font:inherit}.bot-save label{font-size:12px}.bot-address{font-size:11px;overflow-wrap:anywhere;color:var(--muted)}@media(max-width:550px){.bot-rules{gap:6px}.bot-rules div{padding:12px 8px}.bot-rules strong{font-size:17px}.bot-actions .lab-primary,.bot-actions .lab-secondary{width:100%}.bot-card{padding:14px}}

.bot-card>button+button{margin-left:8px}@media(max-width:550px){.bot-card>button{width:100%}.bot-card>button+button{margin-left:0;margin-top:8px}}
.bot-executor{margin:22px 0;padding:20px;border:1px solid #375448;background:#10201d;border-radius:8px}.bot-executor h3{margin-top:10px}.bot-executor .bot-actions{margin-bottom:0}.bot-executor p{overflow-wrap:anywhere}

.bot-share-heading{margin:24px 0 14px}.bot-share-heading h2{margin:0;font-size:clamp(22px,3vw,30px);font-weight:500;letter-spacing:-.6px}

.bot-guide{padding:24px;margin:20px 0;border:1px solid #456a5c;border-radius:8px;background:#10201d}.bot-guide h3{font-size:23px;margin:10px 0}.bot-guide>p:not(.bot-tag){max-width:680px;color:var(--muted);line-height:1.7;font-size:14px}.bot-guide>.lab-primary{margin-top:10px}.bot-progress{display:flex;flex-wrap:wrap;gap:8px 16px;list-style:none;padding:0 0 18px;margin:0 0 16px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.bot-progress [aria-current=step]{color:var(--mint);font-weight:600}#bot-status:not(:empty){padding:14px;border:1px solid var(--line);border-radius:6px} .bot-guide+ #bot-status{margin-bottom:20px}@media(max-width:550px){.bot-guide{padding:18px}.bot-guide h3{font-size:20px}.bot-guide>.lab-primary{width:100%}.bot-progress{gap:10px 14px}}

.bot-spinner{display:block;width:24px;height:24px;margin-bottom:16px;border:2px solid #345447;border-top-color:var(--mint);border-radius:50%;animation:bot-spin .8s linear infinite}.bot-guide[aria-busy=true]{border-color:var(--mint)}@keyframes bot-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.bot-spinner{animation:none;border-style:dotted}}

.bot-faucet{color:var(--mint);font-size:13px;align-self:center;padding:10px 0;text-decoration:underline;text-underline-offset:4px}

.bot-vault-summary{padding:20px 0 8px}.bot-vault-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.bot-vault-tiles>div{padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.bot-vault-tiles>div:first-child{border-color:#456a5c;background:#10201d}.bot-vault-tiles span{display:block;font-size:12px;color:var(--muted);margin-bottom:9px}.bot-vault-tiles strong{display:block;font-size:23px;font-weight:500;letter-spacing:-.5px;overflow-wrap:anywhere;color:var(--mint)}@media(max-width:700px){.bot-vault-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bot-vault-tiles>div{padding:14px}.bot-vault-tiles strong{font-size:19px}}

/* Introduce the live demo before setup. */
.bot-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.bot-benefits article{padding:20px;border:1px solid var(--line,#273341);border-radius:12px;background:rgba(157,246,211,.025)}.bot-benefits h3{font-size:1.08rem;margin:10px 0}.bot-benefits p{color:var(--muted,#94a3b8);line-height:1.65;margin:0}.bot-benefits .lab-label{font-size:.72rem}@media(max-width:700px){.bot-benefits{grid-template-columns:1fr;gap:10px}.bot-benefits article{padding:16px}}

/* Match the reading hierarchy in every Lab mode, including restored sessions. */
.bot-intro{font-size:17px;line-height:1.7;max-width:68ch;color:var(--lab-copy)}
.bot-guide h3{font-size:clamp(26px,2.5vw,28px);line-height:1.3;letter-spacing:-.4px}
.bot-guide>p:not(.bot-tag){font-size:16px;line-height:1.7;max-width:68ch;color:var(--lab-copy)}
.bot-progress{font-size:14px;line-height:1.6;gap:10px 20px}
.bot-tag{font-size:12px;line-height:1.5;letter-spacing:1px}
.bot-rules strong,.bot-vault-tiles strong{font-size:28px;line-height:1.3;font-weight:550;font-variant-numeric:tabular-nums}
.bot-rules span,.bot-vault-tiles span{font-size:14px;line-height:1.6;color:var(--lab-secondary-copy)}
.bot-card h4{font-size:20px;line-height:1.4;letter-spacing:-.2px}
.bot-history li,.bot-status,.bot-check,.bot-save label,.bot-faucet{font-size:15px;line-height:1.7}
.bot-credential,.lab-panel .bot-address{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.bot-credential{min-height:180px}.lab-panel .bot-address{color:var(--lab-secondary-copy)}
.bot-benefits h3{font-size:20px;line-height:1.35}.bot-benefits p{font-size:16px;line-height:1.7;color:var(--lab-copy)}
.bot-benefits .lab-label{font-size:12px}
@media(max-width:600px){
 .bot-rules{grid-template-columns:1fr}
 .bot-rules div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:14px}
 .bot-rules span{text-align:right}
 .bot-rules strong,.bot-vault-tiles strong{font-size:24px}
 .bot-credential{font-size:16px}
}