/* ── PimpstarAI · Guide / Help / Tutorial overlay ─────────────────── */
.ps-guide-ov{position:fixed; inset:0; z-index:1200; background:rgba(6,4,10,.82); backdrop-filter:blur(6px); overflow-y:auto; padding:28px 16px 60px; display:block}
.ps-guide-ov[hidden]{display:none}
.ps-guide{position:relative; max-width:880px; margin:0 auto; background:var(--card,#150d1e); border:1px solid var(--border2,#3a2850); border-radius:20px; overflow:hidden; box-shadow:0 30px 80px rgba(0,0,0,.6)}
.ps-guide-close{position:absolute; top:14px; right:14px; z-index:5; width:34px; height:34px; border-radius:10px; border:1px solid var(--border2,#3a2850); background:rgba(0,0,0,.35); color:var(--text,#f0e6f5); cursor:pointer; font-size:15px}
.ps-guide-close:hover{border-color:var(--pink,#ff3d8b)}
.ps-guide-hero{padding:38px 34px 30px; background:radial-gradient(120% 140% at 0% 0%, rgba(var(--brand-rgb,255,61,139),.22), transparent 55%), linear-gradient(160deg, rgba(var(--brand-rgb,255,61,139),.12), rgba(120,60,200,.08)); border-bottom:1px solid var(--border,#2a1c3a)}
.ps-guide-badge{display:inline-block; font-family:var(--fm,monospace); font-size:10px; letter-spacing:2px; font-weight:700; color:var(--pink,#ff3d8b); border:1px solid rgba(var(--brand-rgb,255,61,139),.4); border-radius:999px; padding:4px 11px; margin-bottom:14px}
.ps-guide-hero h1{margin:0 0 8px; font-size:30px; font-weight:800; letter-spacing:-.5px}
.ps-guide-hero p{margin:0; color:var(--mid,#b09cc4); font-size:14.5px; max-width:560px}
.ps-guide-tabs{position:sticky; top:0; z-index:4; display:flex; gap:6px; flex-wrap:wrap; padding:12px 20px; background:var(--card,#150d1e); border-bottom:1px solid var(--border,#2a1c3a)}
.ps-guide-tab{display:inline-flex; align-items:center; gap:7px; padding:9px 15px; border-radius:11px; border:1px solid transparent; background:transparent; color:var(--mid,#b09cc4); cursor:pointer; font:600 13.5px inherit; transition:.13s}
.ps-guide-tab span{font-size:15px}
.ps-guide-tab:hover{color:var(--text,#f0e6f5); background:rgba(255,255,255,.04)}
.ps-guide-tab.on{color:var(--pink,#ff3d8b); background:rgba(var(--brand-rgb,255,61,139),.13); border-color:rgba(var(--brand-rgb,255,61,139),.35)}
.ps-guide-panel{padding:26px 34px 40px}
.ps-g-lead{font-size:15.5px; line-height:1.65; color:var(--text,#f0e6f5); margin:0 0 22px}
.ps-g-h{font-size:15px; font-weight:800; margin:26px 0 6px; letter-spacing:-.2px}
.ps-g-h.no-h{color:#ff8a94}
.ps-g-sub{font-size:13px; color:var(--dim,#7a6a8e); margin:0 0 14px}
.ps-g-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:12px; margin-bottom:6px}
.ps-g-card{border:1px solid var(--border,#2a1c3a); border-radius:14px; padding:15px 16px; background:rgba(255,255,255,.02)}
.ps-g-card-h{font-weight:700; font-size:14px; margin-bottom:5px}
.ps-g-card-b{font-size:13px; line-height:1.55; color:var(--mid,#b09cc4)}
.ps-g-card.ok{border-color:rgba(110,231,183,.35); background:rgba(110,231,183,.06)} .ps-g-card.ok .ps-g-card-h{color:#7fe9c0}
.ps-g-card.no{border-color:rgba(255,93,108,.4); background:rgba(255,93,108,.07)} .ps-g-card.no .ps-g-card-h{color:#ff9aa6}
.ps-g-card.info{border-color:var(--border2,#3a2850)} .ps-g-card.info .ps-g-card-h{color:var(--text,#f0e6f5)}
.ps-g-steps{display:flex; flex-direction:column; gap:12px; margin-top:6px}
.ps-g-step{display:flex; gap:15px; align-items:flex-start; border:1px solid var(--border,#2a1c3a); border-radius:14px; padding:15px 17px; background:rgba(255,255,255,.02)}
.ps-g-step-n{flex:none; width:30px; height:30px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:var(--fm,monospace); font-weight:700; font-size:14px; color:#fff; background:linear-gradient(135deg,var(--pink,#ff3d8b),#c026d3)}
.ps-g-step-h{font-weight:700; font-size:14px; margin-bottom:3px}
.ps-g-step-b{font-size:13px; line-height:1.55; color:var(--mid,#b09cc4)}
.ps-g-step-b code, .ps-g-card-b code, .ps-g-faq code{font-family:var(--fm,monospace); font-size:12px; background:rgba(255,255,255,.07); padding:1px 6px; border-radius:5px}
.ps-g-tips{display:flex; flex-wrap:wrap; gap:10px; margin-top:16px}
.ps-g-tip{flex:1; min-width:220px; font-size:12.5px; line-height:1.5; color:#ecd9a6; background:rgba(240,200,100,.08); border:1px solid rgba(240,200,100,.25); border-radius:10px; padding:10px 13px}
.ps-g-note{margin-top:20px; font-size:13px; line-height:1.6; color:var(--mid,#b09cc4); border-left:3px solid var(--pink,#ff3d8b); background:rgba(var(--brand-rgb,255,61,139),.06); border-radius:0 10px 10px 0; padding:12px 15px}
.ps-g-faq{display:flex; flex-direction:column; gap:9px; margin-top:4px}
.ps-g-q{border:1px solid var(--border,#2a1c3a); border-radius:12px; background:rgba(255,255,255,.02); overflow:hidden}
.ps-g-q summary{cursor:pointer; padding:14px 16px; font-weight:600; font-size:14px; list-style:none; position:relative}
.ps-g-q summary::-webkit-details-marker{display:none}
.ps-g-q summary::after{content:'+'; position:absolute; right:16px; top:12px; font-size:18px; color:var(--dim,#7a6a8e)}
.ps-g-q[open] summary::after{content:'\2212'}
.ps-g-q[open] summary{color:var(--pink,#ff3d8b)}
.ps-g-q p{margin:0; padding:0 16px 15px; font-size:13.5px; line-height:1.6; color:var(--mid,#b09cc4)}
@media(max-width:560px){.ps-guide-hero{padding:30px 22px 24px}.ps-guide-hero h1{font-size:24px}.ps-guide-panel{padding:22px}}