.vibe-cheatsheet{--vibe-surface: hsl(var(--card));--vibe-surface2: hsl(var(--muted));--vibe-border: hsl(var(--border));--vibe-accent: hsl(var(--primary));--vibe-accent2: hsl(280 70% 65%);--vibe-accent3: hsl(var(--accent));--vibe-accent4: hsl(var(--success));--vibe-accent5: hsl(24 95% 55%);--vibe-text: hsl(var(--foreground));--vibe-muted: hsl(var(--muted-foreground))}.vibe-cheatsheet .toc{position:sticky;top:4rem;z-index:40;background:hsl(var(--background) / .96);border-bottom:1px solid var(--vibe-border);padding:.5rem 1rem;display:flex;gap:.25rem;flex-wrap:wrap;backdrop-filter:blur(12px)}.vibe-cheatsheet .toc a{font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;color:var(--vibe-muted);text-decoration:none;padding:.35rem .6rem;border:1px solid transparent;border-radius:.25rem;transition:all .15s}.vibe-cheatsheet .toc a:hover{color:var(--vibe-accent);border-color:hsl(var(--primary) / .3);background:hsl(var(--primary) / .08)}.vibe-cheatsheet .chapter{background:var(--vibe-surface2);padding:.75rem 1rem;border-top:1px solid var(--vibe-border);border-bottom:1px solid var(--vibe-border);display:flex;align-items:center;gap:1rem}.vibe-cheatsheet .chapter-num{font-family:var(--font-display),sans-serif;font-size:2rem;line-height:1;color:var(--vibe-border)}.vibe-cheatsheet .chapter-title{font-family:var(--font-display),sans-serif;font-size:1.25rem;letter-spacing:.04em}.vibe-cheatsheet .chapter-desc{font-size:.7rem;color:var(--vibe-muted);margin-left:auto;text-transform:uppercase;letter-spacing:.08em}.vibe-cheatsheet .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--vibe-border)}.vibe-cheatsheet .section{background:var(--vibe-surface);padding:1.25rem;position:relative}.vibe-cheatsheet .section.wide{grid-column:span 2}.vibe-cheatsheet .section.full{grid-column:span 3}.vibe-cheatsheet .section.accent-cyan,.vibe-cheatsheet .section.accent-orange{border-top:2px solid var(--vibe-accent)}.vibe-cheatsheet .section.accent-pink{border-top:2px solid var(--vibe-accent2)}.vibe-cheatsheet .section.accent-yellow{border-top:2px solid var(--vibe-accent3)}.vibe-cheatsheet .section.accent-green{border-top:2px solid var(--vibe-accent4)}.vibe-cheatsheet .section-label{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vibe-muted);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.vibe-cheatsheet .section-label:after{content:"";flex:1;height:1px;background:var(--vibe-border)}.vibe-cheatsheet .section-title{font-family:var(--font-display),sans-serif;font-size:1.1rem;letter-spacing:.03em;margin-bottom:1rem}.vibe-cheatsheet .def-box{background:var(--vibe-surface2);border-left:3px solid var(--vibe-accent);padding:.75rem 1rem;margin-bottom:1rem;font-size:.8rem}.vibe-cheatsheet .def-box strong{color:var(--vibe-accent)}.vibe-cheatsheet .compare{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--vibe-border);font-size:.75rem}.vibe-cheatsheet .compare-col{background:var(--vibe-surface2);padding:.75rem}.vibe-cheatsheet .compare-col h4{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--vibe-border)}.vibe-cheatsheet .compare-col.old h4{color:var(--vibe-muted)}.vibe-cheatsheet .compare-col.new h4{color:var(--vibe-accent)}.vibe-cheatsheet .compare-col ul{list-style:none}.vibe-cheatsheet .compare-col ul li{padding:.25rem 0;color:var(--vibe-muted);border-bottom:1px solid hsl(0 0% 100% / .03)}.vibe-cheatsheet .compare-col.new ul li{color:var(--vibe-text)}.vibe-cheatsheet .compare-col ul li:before{content:"→ ";color:var(--vibe-accent3)}.vibe-cheatsheet .steps{display:flex;flex-direction:column;gap:.5rem}.vibe-cheatsheet .step{display:flex;gap:.75rem;align-items:flex-start}.vibe-cheatsheet .step-num{width:1.5rem;height:1.5rem;flex-shrink:0;background:var(--vibe-accent);color:hsl(var(--background));font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:.2rem}.vibe-cheatsheet .step-title{font-weight:700;font-size:.75rem}.vibe-cheatsheet .step-desc{font-size:.7rem;color:var(--vibe-muted)}.vibe-cheatsheet .step-example{margin-top:.25rem;font-size:.65rem;color:var(--vibe-accent3);background:hsl(var(--accent) / .08);padding:.2rem .5rem;border-left:2px solid var(--vibe-accent3);border-radius:0 .2rem .2rem 0}.vibe-cheatsheet table{width:100%;border-collapse:collapse;font-size:.7rem}.vibe-cheatsheet thead tr{background:var(--vibe-surface2)}.vibe-cheatsheet thead th{font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--vibe-muted);padding:.5rem .6rem;text-align:left;border-bottom:1px solid var(--vibe-border)}.vibe-cheatsheet tbody tr{border-bottom:1px solid hsl(0 0% 100% / .04)}.vibe-cheatsheet tbody tr:hover{background:#ffffff08}.vibe-cheatsheet tbody td{padding:.4rem .6rem;vertical-align:top}.vibe-cheatsheet .tag{display:inline-block;padding:.1rem .4rem;font-size:.6rem;letter-spacing:.05em;text-transform:uppercase;border-radius:.2rem}.vibe-cheatsheet .tag-ide{background:hsl(var(--primary) / .15);color:var(--vibe-accent)}.vibe-cheatsheet .tag-web{background:#bb67e426;color:var(--vibe-accent2)}.vibe-cheatsheet .tag-cli{background:hsl(var(--success) / .15);color:var(--vibe-accent4)}.vibe-cheatsheet .tag-ext{background:hsl(var(--accent) / .15);color:var(--vibe-accent3)}.vibe-cheatsheet .tag-agent{background:#f9761f26;color:var(--vibe-accent5)}.vibe-cheatsheet .price{font-size:.65rem;color:var(--vibe-accent4)}.vibe-cheatsheet .stars{color:var(--vibe-accent3);font-size:.6rem}.vibe-cheatsheet .stars .empty{color:#fff3}.vibe-cheatsheet .model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--vibe-border)}.vibe-cheatsheet .model-card{background:var(--vibe-surface2);padding:1rem}.vibe-cheatsheet .model-name{font-family:var(--font-display),sans-serif;font-size:1rem;margin-bottom:.25rem}.vibe-cheatsheet .model-maker{font-size:.6rem;color:var(--vibe-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem}.vibe-cheatsheet .model-row{display:flex;justify-content:space-between;align-items:center;padding:.3rem 0;border-bottom:1px solid hsl(0 0% 100% / .04);font-size:.7rem}.vibe-cheatsheet .model-row .label{color:var(--vibe-muted);font-size:.65rem}.vibe-cheatsheet .model-best{margin-top:.5rem;font-size:.65rem;background:hsl(var(--primary) / .08);border-left:2px solid var(--vibe-accent);padding:.35rem .5rem;border-radius:0 .2rem .2rem 0}.vibe-cheatsheet .model-best:before{content:"★ Best for: ";color:var(--vibe-accent3);font-size:.55rem}.vibe-cheatsheet .gpt{border-top:2px solid #10A37F}.vibe-cheatsheet .gpt .model-name{color:#10a37f}.vibe-cheatsheet .claude-card{border-top:2px solid var(--vibe-accent2)}.vibe-cheatsheet .claude-card .model-name{color:var(--vibe-accent2)}.vibe-cheatsheet .gemini{border-top:2px solid #4285F4}.vibe-cheatsheet .gemini .model-name{color:#4285f4}.vibe-cheatsheet .techniques{display:flex;flex-direction:column;gap:.5rem}.vibe-cheatsheet .technique{display:grid;grid-template-columns:90px 1fr;gap:.5rem;padding:.4rem 0;border-bottom:1px solid hsl(0 0% 100% / .04);align-items:start}.vibe-cheatsheet .technique-name{font-size:.6rem;color:var(--vibe-accent);text-transform:uppercase;letter-spacing:.04em}.vibe-cheatsheet .technique-body p{font-size:.75rem;color:var(--vibe-muted)}.vibe-cheatsheet .technique-body .ex{font-size:.6rem;color:var(--vibe-accent3);margin-top:.2rem}.vibe-cheatsheet .prompt-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.vibe-cheatsheet .prompt-card{background:var(--vibe-surface2);border:1px solid var(--vibe-border);padding:.5rem .75rem;border-radius:.25rem}.vibe-cheatsheet .prompt-card code{display:block;font-size:.65rem;color:var(--vibe-accent2);margin-bottom:.25rem}.vibe-cheatsheet .prompt-card small{font-size:.65rem;color:var(--vibe-muted)}.vibe-cheatsheet .adv-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--vibe-border)}.vibe-cheatsheet .adv-card{background:var(--vibe-surface2);padding:.75rem}.vibe-cheatsheet .adv-title{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--vibe-accent);margin-bottom:.5rem}.vibe-cheatsheet .adv-desc{font-size:.75rem;color:var(--vibe-muted);margin-bottom:.5rem}.vibe-cheatsheet .adv-example{background:hsl(var(--muted));padding:.4rem .6rem;font-size:.6rem;color:var(--vibe-accent3);border-left:2px solid var(--vibe-accent3);border-radius:0 .2rem .2rem 0;white-space:pre-wrap;word-break:break-word}.vibe-cheatsheet .project-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--vibe-border)}.vibe-cheatsheet .project-tab{background:var(--vibe-surface2);padding:1rem}.vibe-cheatsheet .project-type{font-family:var(--font-display),sans-serif;font-size:.9rem;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--vibe-border)}.vibe-cheatsheet .proj-step{display:flex;gap:.5rem;align-items:flex-start;margin-bottom:.35rem}.vibe-cheatsheet .proj-num{width:1.1rem;height:1.1rem;flex-shrink:0;font-size:.55rem;background:hsl(var(--muted));color:var(--vibe-accent3);display:flex;align-items:center;justify-content:center;border-radius:.15rem}.vibe-cheatsheet .proj-text{font-size:.65rem;color:var(--vibe-muted)}.vibe-cheatsheet .proj-text strong{color:var(--vibe-text);display:block;font-size:.65rem}.vibe-cheatsheet .proj-prompt{margin-top:.5rem;background:hsl(var(--primary) / .06);border-left:2px solid var(--vibe-accent);padding:.35rem .6rem;font-size:.6rem;color:var(--vibe-accent2);border-radius:0 .2rem .2rem 0}.vibe-cheatsheet .proj-prompt:before{content:"Starter → ";color:var(--vibe-muted)}.vibe-cheatsheet .pair-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.vibe-cheatsheet .pair-card{background:var(--vibe-surface2);padding:.75rem;border-bottom:2px solid var(--vibe-accent);border-radius:.25rem}.vibe-cheatsheet .pair-card:nth-child(3n+2){border-color:var(--vibe-accent2)}.vibe-cheatsheet .pair-card:nth-child(3n+3){border-color:var(--vibe-accent4)}.vibe-cheatsheet .pair-pattern{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.35rem}.vibe-cheatsheet .pair-desc{font-size:.7rem;color:var(--vibe-muted);margin-bottom:.35rem}.vibe-cheatsheet .pair-when{font-size:.65rem;color:var(--vibe-accent3)}.vibe-cheatsheet .pair-when:before{content:"When: ";color:var(--vibe-muted)}.vibe-cheatsheet .token-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.vibe-cheatsheet .token-card{background:var(--vibe-surface2);padding:.75rem;border:1px solid var(--vibe-border);border-radius:.25rem}.vibe-cheatsheet .token-card .token-title{font-size:.6rem;font-weight:700;color:var(--vibe-accent3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.35rem}.vibe-cheatsheet .token-card p{font-size:.7rem;color:var(--vibe-muted)}.vibe-cheatsheet .token-card .tip{margin-top:.35rem;font-size:.65rem;color:var(--vibe-accent4);background:hsl(var(--success) / .08);padding:.2rem .5rem;border-left:2px solid var(--vibe-accent4);border-radius:0 .2rem .2rem 0}.vibe-cheatsheet .ctx-table{width:100%;border-collapse:collapse;font-size:.65rem;margin-top:.75rem}.vibe-cheatsheet .ctx-table th{font-size:.55rem;letter-spacing:.06em;text-transform:uppercase;color:var(--vibe-muted);padding:.35rem .6rem;background:var(--vibe-surface2);border-bottom:1px solid var(--vibe-border);text-align:left}.vibe-cheatsheet .ctx-table td{padding:.35rem .6rem;border-bottom:1px solid hsl(0 0% 100% / .04);color:var(--vibe-muted)}.vibe-cheatsheet .ctx-table td:first-child{color:var(--vibe-text);font-weight:600}.vibe-cheatsheet .ctx-table td:nth-child(2){color:var(--vibe-accent)}.vibe-cheatsheet .shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}.vibe-cheatsheet .shortcut{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;background:var(--vibe-surface2);border-radius:.2rem}.vibe-cheatsheet .shortcut kbd{font-size:.6rem;background:hsl(var(--primary) / .12);border:1px solid hsl(var(--primary) / .3);color:var(--vibe-accent);padding:.15rem .4rem;white-space:nowrap;flex-shrink:0;border-radius:.2rem}.vibe-cheatsheet .shortcut small{font-size:.7rem;color:var(--vibe-muted)}.vibe-cheatsheet .commands{display:grid;grid-template-columns:auto 1fr;gap:1px;background:var(--vibe-border)}.vibe-cheatsheet .cmd-key,.vibe-cheatsheet .cmd-val{background:var(--vibe-surface2);padding:.4rem .75rem;font-size:.75rem}.vibe-cheatsheet .cmd-key{font-size:.65rem;color:var(--vibe-accent2);white-space:nowrap}.vibe-cheatsheet .cmd-val{color:var(--vibe-muted)}.vibe-cheatsheet .git-flow{display:flex;flex-direction:column;gap:1px}.vibe-cheatsheet .git-row{display:grid;grid-template-columns:120px 1fr;gap:.75rem;background:var(--vibe-surface2);padding:.5rem .75rem;font-size:.75rem;align-items:start}.vibe-cheatsheet .git-cmd{font-size:.6rem;color:var(--vibe-accent4)}.vibe-cheatsheet .git-desc{color:var(--vibe-muted)}.vibe-cheatsheet .git-desc strong{color:var(--vibe-text);display:block;font-size:.7rem;margin-bottom:.1rem}.vibe-cheatsheet .git-phase{padding:.4rem .75rem;background:hsl(var(--primary) / .06);border-left:3px solid var(--vibe-accent);font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vibe-accent);margin-top:.5rem;margin-bottom:.25rem}.vibe-cheatsheet .deploy-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--vibe-border)}.vibe-cheatsheet .deploy-card{background:var(--vibe-surface2);padding:.75rem}.vibe-cheatsheet .deploy-platform{font-family:var(--font-display),sans-serif;font-size:1rem;margin-bottom:.25rem}.vibe-cheatsheet .deploy-type{font-size:.55rem;color:var(--vibe-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem}.vibe-cheatsheet .deploy-steps{list-style:none}.vibe-cheatsheet .deploy-steps li{font-size:.7rem;color:var(--vibe-muted);padding:.2rem 0;border-bottom:1px solid hsl(0 0% 100% / .03)}.vibe-cheatsheet .deploy-steps li:before{content:"$ ";color:var(--vibe-accent4);font-size:.6rem}.vibe-cheatsheet .deploy-tag{display:inline-block;margin-top:.5rem;margin-right:.25rem;padding:.15rem .5rem;font-size:.55rem;border-radius:.2rem}.vibe-cheatsheet .deploy-tag.fast{background:hsl(var(--success) / .12);color:var(--vibe-accent4)}.vibe-cheatsheet .deploy-tag.free{background:hsl(var(--primary) / .12);color:var(--vibe-accent)}.vibe-cheatsheet .deploy-tag.full{background:hsl(var(--accent) / .12);color:var(--vibe-accent3)}.vibe-cheatsheet .deploy-tag.scale{background:#bb67e41f;color:var(--vibe-accent2)}.vibe-cheatsheet .debug-grid{display:flex;flex-direction:column;gap:.35rem}.vibe-cheatsheet .debug-item{background:var(--vibe-surface2);padding:.5rem .75rem;display:grid;grid-template-columns:90px 1fr;gap:.5rem;font-size:.75rem;border-radius:.2rem}.vibe-cheatsheet .debug-item .situation{color:var(--vibe-accent2);font-weight:600;font-size:.65rem}.vibe-cheatsheet .debug-item .template{color:var(--vibe-muted);font-size:.65rem}.vibe-cheatsheet .warn-rows{display:flex;flex-direction:column;gap:1px}.vibe-cheatsheet .warn-row{display:grid;grid-template-columns:120px 1fr auto;gap:.75rem;background:var(--vibe-surface2);padding:.5rem .75rem;align-items:center;font-size:.75rem;border-radius:.2rem}.vibe-cheatsheet .warn-row .situation{color:var(--vibe-accent3);font-weight:600;font-size:.65rem}.vibe-cheatsheet .warn-row .reason{color:var(--vibe-muted)}.vibe-cheatsheet .warn-row .action{font-size:.6rem;color:var(--vibe-accent);text-align:right}.vibe-cheatsheet .mistake-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--vibe-border)}.vibe-cheatsheet .mistake{background:var(--vibe-surface2);padding:.5rem .75rem}.vibe-cheatsheet .mistake-title{font-weight:700;font-size:.75rem;color:#ef4343;margin-bottom:.2rem;display:flex;align-items:center;gap:.35rem}.vibe-cheatsheet .mistake-title:before{content:"✕";font-size:.6rem}.vibe-cheatsheet .mistake p{font-size:.7rem;color:var(--vibe-muted)}.vibe-cheatsheet .fix{margin-top:.35rem;font-size:.65rem;color:var(--vibe-accent4)}.vibe-cheatsheet .fix:before{content:"✓ "}.vibe-cheatsheet .principles{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.vibe-cheatsheet .principle{background:var(--vibe-surface2);padding:.75rem;border-bottom:2px solid transparent;border-radius:.25rem}.vibe-cheatsheet .principle:nth-child(3n+1){border-color:var(--vibe-accent)}.vibe-cheatsheet .principle:nth-child(3n+2){border-color:var(--vibe-accent2)}.vibe-cheatsheet .principle:nth-child(3n+3){border-color:var(--vibe-accent4)}.vibe-cheatsheet .principle-title{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.vibe-cheatsheet .principle p{font-size:.65rem;color:var(--vibe-muted)}.vibe-cheatsheet .best-item{display:flex;gap:.5rem;align-items:flex-start;background:var(--vibe-surface2);padding:.5rem .75rem;border-bottom:1px solid var(--vibe-border)}.vibe-cheatsheet .best-cat{font-size:.55rem;color:var(--vibe-accent);text-transform:uppercase;letter-spacing:.06em;width:70px;flex-shrink:0;padding-top:.1rem}.vibe-cheatsheet .best-text{font-size:.75rem;color:var(--vibe-muted)}@media (max-width: 1024px){.vibe-cheatsheet .grid{grid-template-columns:1fr}.vibe-cheatsheet .section.wide,.vibe-cheatsheet .section.full{grid-column:span 1}.vibe-cheatsheet .model-grid{grid-template-columns:1fr}.vibe-cheatsheet .project-tabs{grid-template-columns:1fr 1fr}.vibe-cheatsheet .pair-grid,.vibe-cheatsheet .principles{grid-template-columns:1fr}}@media (max-width: 640px){.vibe-cheatsheet .compare,.vibe-cheatsheet .prompt-grid,.vibe-cheatsheet .adv-grid,.vibe-cheatsheet .project-tabs,.vibe-cheatsheet .token-grid,.vibe-cheatsheet .shortcuts,.vibe-cheatsheet .mistake-grid,.vibe-cheatsheet .deploy-grid{grid-template-columns:1fr}.vibe-cheatsheet .chapter{flex-wrap:wrap}.vibe-cheatsheet .chapter-desc{margin-left:0;margin-top:.25rem}.vibe-cheatsheet .git-row,.vibe-cheatsheet .warn-row,.vibe-cheatsheet .technique{grid-template-columns:1fr}}