[data-v-dbed355a]:root{--container-xs:400px;--container-sm:600px;--container-md:700px;--container-lg:800px;--container-xl:900px;--container-2xl:1000px;--container-3xl:1200px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-nav:1100px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--separator-height:4px;--separator-max-width:800px}.how-i-use-ai-page[data-v-dbed355a]{min-height:100vh;min-height:100dvh;width:100%}.section-title[data-v-dbed355a]{color:var(--color-text-primary);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:var(--font-weight-extrabold);letter-spacing:-.02em;line-height:1.2;margin-bottom:var(--spacing-md)}.section-subtitle[data-v-dbed355a]{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:1.75;margin:0;max-width:720px}.intro-section[data-v-dbed355a]{padding:var(--spacing-3xl) var(--spacing-md)}.intro-section__inner[data-v-dbed355a]{margin:0 auto;max-width:800px;text-align:center}.intro-prose[data-v-dbed355a]{margin-top:var(--spacing-2xl);text-align:left}.intro-prose p[data-v-dbed355a]{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:1.8;margin:0 0 var(--spacing-lg)}.intro-prose p[data-v-dbed355a]:last-child{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);margin-bottom:0}.vibe-coding-section[data-v-dbed355a]{background:var(--color-bg-secondary);padding:var(--spacing-3xl) var(--spacing-md)}.vibe-coding-section__inner[data-v-dbed355a]{margin:0 auto;max-width:1200px;text-align:center}.vibe-coding-section__inner .section-subtitle[data-v-dbed355a]{margin-inline:auto;text-align:left}.comparison-grid[data-v-dbed355a]{display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr);margin-top:var(--spacing-3xl);text-align:left}@media(max-width:640px){.comparison-grid[data-v-dbed355a]{grid-template-columns:1fr}}.comparison-column[data-v-dbed355a]{background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-2xl);padding:var(--spacing-2xl)}.comparison-column__heading[data-v-dbed355a]{align-items:center;display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);gap:var(--spacing-sm);line-height:1.3;margin:0 0 var(--spacing-lg)}.comparison-column--pros .comparison-column__heading[data-v-dbed355a],.comparison-column--pros .comparison-column__heading i[data-v-dbed355a]{color:var(--color-success,#22c55e)}.comparison-column--cons .comparison-column__heading[data-v-dbed355a],.comparison-column--cons .comparison-column__heading i[data-v-dbed355a]{color:var(--color-warning,#f59e0b)}.comparison-list[data-v-dbed355a]{display:flex;flex-direction:column;gap:var(--spacing-md);list-style:none;margin:0;padding:0}.comparison-item[data-v-dbed355a]{align-items:flex-start;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-base);gap:var(--spacing-sm);line-height:1.6}.comparison-item i[data-v-dbed355a]{flex-shrink:0;font-size:.85rem;margin-top:.25em}.comparison-column--pros .comparison-item i[data-v-dbed355a]{color:var(--color-success,#22c55e)}.comparison-column--cons .comparison-item i[data-v-dbed355a]{color:var(--color-warning,#f59e0b)}.vibe-coding-conclusion[data-v-dbed355a]{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:1.7;margin-top:var(--spacing-2xl);margin-inline:auto;max-width:800px;text-align:center}.collaborator-section[data-v-dbed355a]{padding:var(--spacing-3xl) var(--spacing-md)}.collaborator-section__inner[data-v-dbed355a]{margin:0 auto;max-width:1200px;text-align:center}.collaborator-section__inner .section-subtitle[data-v-dbed355a]{margin-inline:auto}.usage-grid[data-v-dbed355a]{display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr);margin-top:var(--spacing-3xl);text-align:left}@media(max-width:640px){.usage-grid[data-v-dbed355a]{grid-template-columns:1fr;margin-inline:auto;max-width:640px}}.usage-card[data-v-dbed355a]{background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-2xl);overflow:hidden;padding:var(--spacing-2xl);position:relative;transition:transform .35s cubic-bezier(.25,.46,.45,.94),box-shadow .35s cubic-bezier(.25,.46,.45,.94)}.usage-card[data-v-dbed355a]:before{background:var(--gradient-brand);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .35s ease}.usage-card[data-v-dbed355a]:hover{box-shadow:var(--shadow-glow-subtle);transform:translateY(-6px)}.usage-card[data-v-dbed355a]:hover:before{opacity:1}.usage-card:hover .usage-card__icon i[data-v-dbed355a]{transform:scale(1.15) rotate(5deg)}.usage-card__icon[data-v-dbed355a]{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);display:flex;height:56px;justify-content:center;margin-bottom:var(--spacing-lg);width:56px}.usage-card__icon i[data-v-dbed355a]{background:var(--gradient-brand);-webkit-background-clip:text;font-size:1.4rem;-webkit-text-fill-color:transparent;background-clip:text;transition:transform .35s ease}.usage-card__content h3[data-v-dbed355a]{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1.3;margin:0 0 var(--spacing-sm)}.usage-card__content p[data-v-dbed355a]{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.7;margin:0}.human-control-section[data-v-dbed355a]{background:var(--color-bg-secondary);padding:var(--spacing-3xl) var(--spacing-md)}.human-control-section__inner[data-v-dbed355a]{margin:0 auto;max-width:1200px;text-align:center}.human-control-section__inner .section-subtitle[data-v-dbed355a]{margin-inline:auto}.metaphor-block[data-v-dbed355a]{background:var(--color-bg-card);-o-border-image:var(--gradient-brand) 1;border-image:var(--gradient-brand) 1;border-left:4px solid;border-radius:0 var(--radius-xl) var(--radius-xl) 0;margin:var(--spacing-2xl) auto;max-width:800px;padding:var(--spacing-2xl) var(--spacing-2xl) var(--spacing-2xl) var(--spacing-3xl);position:relative;text-align:left}.metaphor-block>i[data-v-dbed355a]{align-items:center;background:var(--color-bg-primary);border:2px solid var(--color-brand-blue,#3b82f6);border-radius:var(--radius-full);color:var(--color-brand-blue,#3b82f6);display:flex;font-size:1rem;height:40px;justify-content:center;left:calc(var(--spacing-lg)*-1 - 2px);position:absolute;top:var(--spacing-xl);width:40px}@media(max-width:640px){.metaphor-block>i[data-v-dbed355a]{display:none}}.metaphor-block p[data-v-dbed355a]{color:var(--color-text-secondary);font-size:var(--font-size-base);font-style:italic;line-height:1.8;margin:0}@media(max-width:640px){.metaphor-block[data-v-dbed355a]{padding-left:var(--spacing-xl)}}.human-control-grid[data-v-dbed355a]{display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr);margin-top:var(--spacing-2xl);text-align:left}@media(max-width:640px){.human-control-grid[data-v-dbed355a]{grid-template-columns:1fr;margin-inline:auto;max-width:640px}}.control-card[data-v-dbed355a]{background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-2xl);display:flex;gap:var(--spacing-lg);padding:var(--spacing-xl);transition:transform .3s ease,box-shadow .3s ease}.control-card[data-v-dbed355a]:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}@media(max-width:640px){.control-card[data-v-dbed355a]{flex-direction:column;gap:var(--spacing-md)}}.control-card__icon[data-v-dbed355a]{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.control-card__icon i[data-v-dbed355a]{background:var(--gradient-brand);-webkit-background-clip:text;font-size:1.2rem;-webkit-text-fill-color:transparent;background-clip:text}.control-card__content h3[data-v-dbed355a]{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:1.3;margin:0 0 var(--spacing-xs)}.control-card__content p[data-v-dbed355a]{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.7;margin:0}.boundaries-section[data-v-dbed355a]{padding:var(--spacing-3xl) var(--spacing-md)}.boundaries-section__inner[data-v-dbed355a]{margin:0 auto;max-width:1200px;text-align:center}.boundaries-grid[data-v-dbed355a]{display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr);margin-top:var(--spacing-3xl);text-align:left}@media(max-width:768px){.boundaries-grid[data-v-dbed355a]{grid-template-columns:1fr;margin-inline:auto;max-width:640px}}.boundary-card[data-v-dbed355a]{background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-2xl);display:flex;gap:var(--spacing-lg);padding:var(--spacing-2xl);transition:transform .35s cubic-bezier(.25,.46,.45,.94),box-shadow .35s cubic-bezier(.25,.46,.45,.94)}.boundary-card[data-v-dbed355a]:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}@media(max-width:640px){.boundary-card[data-v-dbed355a]{flex-direction:column;gap:var(--spacing-md)}}.boundary-card__icon[data-v-dbed355a]{align-items:center;background:rgba(var(--color-danger-rgb,239,68,68),.08);border:1px solid rgba(var(--color-danger-rgb,239,68,68),.2);border-radius:var(--radius-xl);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.boundary-card__icon i[data-v-dbed355a]{color:var(--color-danger,#ef4444);font-size:1.2rem}.boundary-card__content h3[data-v-dbed355a]{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:1.3;margin:0 0 var(--spacing-xs)}.boundary-card__content p[data-v-dbed355a]{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.7;margin:0}.transparency-section[data-v-dbed355a]{background:var(--color-bg-secondary);padding:var(--spacing-3xl) var(--spacing-md)}.transparency-section__inner[data-v-dbed355a]{margin:0 auto;max-width:1200px;text-align:center}.transparency-section__inner .section-subtitle[data-v-dbed355a]{margin-inline:auto}.transparency-grid[data-v-dbed355a]{display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr);margin-top:var(--spacing-3xl);text-align:left}@media(max-width:768px){.transparency-grid[data-v-dbed355a]{grid-template-columns:1fr;margin-inline:auto;max-width:640px}}.transparency-point[data-v-dbed355a]{background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-2xl);display:flex;gap:var(--spacing-lg);padding:var(--spacing-xl);transition:transform .3s ease,box-shadow .3s ease}.transparency-point[data-v-dbed355a]:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.transparency-point__marker[data-v-dbed355a]{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.transparency-point__marker i[data-v-dbed355a]{background:var(--gradient-brand);-webkit-background-clip:text;font-size:1.2rem;-webkit-text-fill-color:transparent;background-clip:text}.transparency-point__content h3[data-v-dbed355a]{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:1.3;margin:0 0 var(--spacing-xs)}.transparency-point__content p[data-v-dbed355a]{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.7;margin:0}