body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}

.hero{padding:48px 20px 40px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#0a0a1a 0%,#0a0b10 100%)}.hero-inner{max-width:900px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(125,184,74,.1);border:1px solid rgba(125,184,74,.28);color:var(--accent);font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;border-radius:20px;margin-bottom:14px}
h1{font-family:'Fredoka',cursive;font-size:clamp(1.9rem,5vw,3rem);line-height:1.1;color:#fff;margin-bottom:10px}h1 em{color:var(--accent);font-style:normal}.hero-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.6;margin-bottom:20px}
.pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.pill{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:700;padding:5px 12px;border-radius:12px;border:1px solid}.pill-g{color:var(--green);border-color:rgba(6,214,160,.3);background:rgba(6,214,160,.07)}.pill-y{color:var(--yellow);border-color:rgba(255,209,102,.3);background:rgba(255,209,102,.07)}.pill-b{color:var(--blue);border-color:rgba(96,165,250,.3);background:rgba(96,165,250,.07)}
.btn-back{display:inline-flex;align-items:center;gap:7px;background:rgba(125,184,74,.12);border:1px solid rgba(125,184,74,.3);color:var(--accent);font-weight:700;font-size:.9rem;padding:10px 20px;border-radius:10px;transition:all .15s}.btn-back:hover{background:rgba(125,184,74,.2)}

.page{max-width:900px;margin:0 auto;padding:32px 20px 60px}
h2{font-family:'Fredoka',cursive;font-size:1.5rem;color:#fff;margin:32px 0 12px}h2:first-child{margin-top:0}
h3{font-family:'Fredoka',cursive;font-size:1.1rem;color:#fff;margin:20px 0 8px}
p{font-size:.9rem;color:var(--muted);line-height:1.7;margin-bottom:12px}

.callout{border-radius:12px;padding:14px 16px;margin:14px 0;display:flex;gap:10px;align-items:flex-start;font-size:.87rem;line-height:1.6}.callout-icon{font-size:1.1rem;flex-shrink:0;line-height:1.4}.callout.tip{background:rgba(6,214,160,.07);border:1px solid rgba(6,214,160,.25);color:#b2f0e0}.callout.info{background:rgba(96,165,250,.07);border:1px solid rgba(96,165,250,.25);color:#bdd8ff}.callout.warn{background:rgba(255,209,102,.07);border:1px solid rgba(255,209,102,.25);color:#ffe5a0}

/* File tree */
.file-tree{background:#0c0e16;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:20px 22px;margin:14px 0;font-family:'JetBrains Mono','Courier New',monospace;font-size:.82rem;line-height:1.9;overflow-x:auto}.ft-folder{color:#4dd9e0;font-weight:700}.ft-file{color:#c9d1e0}.ft-new{color:#06d6a0}.ft-note{color:#4a5568;font-style:italic;margin-left:8px}.ft-indent{margin-left:20px;display:block}.ft-indent2{margin-left:40px;display:block}.ft-indent3{margin-left:60px;display:block}.ft-indent4{margin-left:80px;display:block}

/* Episode table */
.ep-table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.85rem}.ep-table th{background:var(--asphalt);padding:10px 14px;text-align:left;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:800}.ep-table td{padding:10px 14px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:top}.ep-table tr:last-child td{border-bottom:none}.ep-table .badge{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:6px}.ep-table .b-green{background:rgba(6,214,160,.12);color:var(--green)}.ep-table .b-gold{background:rgba(212,184,80,.12);color:#d4b850}.ep-table .b-orange{background:rgba(239,100,30,.12);color:#ef641e}.ep-table .b-indigo{background:rgba(99,102,241,.12);color:#a78bfa}.ep-table .b-teal{background:rgba(16,185,129,.12);color:#10b981}.ep-table .b-purple{background:rgba(192,38,211,.12);color:#c026d3}

/* Setup steps */
.setup-steps{list-style:none;display:flex;flex-direction:column;gap:14px;margin:14px 0}.setup-steps li{display:flex;gap:14px;align-items:flex-start;font-size:.88rem;line-height:1.6;color:var(--text)}.setup-steps li .num{width:30px;height:30px;border-radius:8px;background:rgba(125,184,74,.15);border:2px solid rgba(125,184,74,.3);font-size:.85rem;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;font-family:'Fredoka',cursive;color:var(--accent)}.setup-steps li a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}

/* Tools grid */
.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin:16px 0}.tool-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px}.tool-card .tc-icon{font-size:1.8rem;margin-bottom:8px}.tool-card .tc-name{font-family:'Fredoka',cursive;font-size:1rem;color:#fff;margin-bottom:4px}.tool-card .tc-desc{font-size:.78rem;color:var(--muted);line-height:1.5}.tool-card a{color:var(--teal);text-decoration:underline;font-size:.78rem}