*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;background-color:#f9fafb}.header{background-color:#fff;box-shadow:0 1px 2px #0000000d;border-bottom:1px solid #e5e7eb}.header__container{max-width:80rem;margin:0 auto;padding:0 1rem}@media (min-width: 768px){.header__container{padding:0 1.5rem}}@media (min-width: 1024px){.header__container{padding:0 2rem}}.header__content{display:flex;align-items:center;justify-content:space-between;height:4rem}.header__brand{display:flex;align-items:center}.header__actions{display:flex;align-items:center;gap:1rem}.logo{width:2rem;height:2rem;background:linear-gradient(135deg,#2563eb,#8b5cf6);border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo__icon{width:1.25rem;height:1.25rem;color:#fff}.brand-info{margin-left:.75rem}.brand-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0}.brand-subtitle{font-size:.875rem;color:#9ca3af;margin:0}.version-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;background-color:#dcfce7;color:#166534}.main-container{max-width:80rem;margin:0 auto;padding:0 1rem 2rem}@media (min-width: 768px){.main-container{padding:0 1.5rem 2rem}}@media (min-width: 1024px){.main-container{padding:0 2rem 2rem}}.main-content{display:flex;flex-direction:column;gap:2rem;padding-top:2rem}@media (min-width: 1024px){.main-content{flex-direction:row}}@media (min-width: 1024px){.sidebar{width:16rem;flex-shrink:0}}.nav-card{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;border:1px solid #e5e7eb;padding:1rem}.nav-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 1rem}.code-block{background-color:#2d2d2d;border:1px solid #404040;border-radius:6px;padding:20px;margin:10px 0;overflow-x:auto}.command{color:#4ec9b0;font-weight:700}.comment{color:#6a9955;font-style:italic}.instruction{color:#ce9178}pre{margin:0;white-space:pre-wrap}.nav-menu{display:flex;flex-direction:column;gap:.5rem}.nav-item{width:100%;display:flex;align-items:center;padding:.75rem;border-radius:.75rem;text-align:left;transition:all .2s ease;background:none;border:none;cursor:pointer;color:#6b7280;font-size:.875rem}.nav-item:hover{background-color:#f3f4f6}.nav-item--active{background-color:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.nav-icon{width:1.25rem;height:1.25rem;margin-right:.75rem}.content{flex:1}.content-card{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;border:1px solid #e5e7eb;padding:2rem}.content-section{display:flex;flex-direction:column;gap:1.5rem}.section-title{font-size:2rem;font-weight:700;color:#111827;margin:0}.hero-banner{background:linear-gradient(135deg,#eff6ff,#f3e8ff);padding:1.5rem;border-radius:.75rem;border:1px solid #bfdbfe}.hero-title{font-size:2rem;font-weight:700;color:#111827;margin:0 0 .75rem}.hero-description{color:#6b7280;font-size:1.125rem;line-height:1.75;margin:0}.features-grid{display:grid;gap:1.5rem}@media (min-width: 768px){.features-grid{grid-template-columns:repeat(2,1fr)}}.feature-card{background-color:#fff;padding:1.5rem;border-radius:.75rem;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d}.feature-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .75rem}.feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.feature-item{display:flex;align-items:flex-start}.feature-icon{width:1.25rem;height:1.25rem;margin-right:.5rem;margin-top:.125rem;flex-shrink:0}.feature-icon--success{color:#10b981}.tech-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.tech-card{text-align:center;padding:.75rem;border-radius:.75rem}.tech-card--backend{background-color:#eff6ff}.tech-card--frontend{background-color:#f0fdf4}.tech-title{font-weight:500;margin-bottom:.25rem}.tech-card--backend .tech-title{color:#1e40af}.tech-card--frontend .tech-title{color:#166534}.tech-subtitle{font-size:.875rem}.tech-card--backend .tech-subtitle{color:#2563eb}.tech-card--frontend .tech-subtitle{color:#16a34a}.requirements-grid{display:grid;gap:1.5rem}@media (min-width: 768px){.requirements-grid{grid-template-columns:repeat(2,1fr)}}.requirement-card{background-color:#fff;padding:1.5rem;border-radius:.75rem;border:1px solid #e5e7eb}.requirement-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 1rem}.requirement-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.requirement-item{display:flex;align-items:center}.software-requirements{background-color:#fff;padding:1.5rem;border-radius:.75rem;border:1px solid #e5e7eb}.software-grid{display:grid;gap:1.5rem}@media (min-width: 768px){.software-grid{grid-template-columns:repeat(2,1fr)}}.software-category{font-weight:500;color:#111827;margin:0 0 .75rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:500;transition:all .2s ease;border:none;cursor:pointer;text-decoration:none;font-size:.875rem}.btn--primary{background-color:#2563eb;color:#fff}.btn--primary:hover{background-color:#1d4ed8}.btn--small{padding:.5rem 1rem;font-size:.875rem}.btn--with-icon{gap:.5rem}.btn__icon{width:1rem;height:1rem}.quick-install{background-color:#eff6ff;padding:1.5rem;border-radius:.75rem;border:1px solid #bfdbfe}.quick-install__title{font-size:1.125rem;font-weight:600;color:#1e40af;margin:0 0 .75rem}.quick-install__description{color:#1d4ed8;margin:0 0 1rem}.installation-steps{display:flex;flex-direction:column;gap:1rem}.accordion{background-color:#fff;padding:1.5rem;border-radius:.75rem;border:1px solid #e5e7eb;cursor:pointer}.accordion__header{display:flex;align-items:center;justify-content:space-between}.accordion__title{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.accordion__icon{width:1.25rem;height:1.25rem;color:#9ca3af}.accordion__content{margin-top:1rem;display:flex;flex-direction:column;gap:1.5rem}.step{display:flex;align-items:flex-start}.step__number{background-color:#dbeafe;color:#1e40af;border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:1rem;flex-shrink:0}.step__content{flex:1}.step__title{font-weight:500;color:#111827;margin:0 0 .5rem}.step__description{color:#6b7280;margin:.25rem 0 0}.step-card{background-color:#fff;padding:1.5rem;border-radius:.75rem;border:1px solid #e5e7eb}.code-block{background-color:#f3f4f6;padding:.75rem;border-radius:.75rem;margin-top:.5rem}.code-block code{font-size:.875rem;color:#111827;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.verification-section{background-color:#fefce8;padding:1.5rem;border-radius:.75rem;border:1px solid #fde047}.verification-section .verification__title{font-size:1.125rem;font-weight:600;color:#a16207;margin:0 0 .75rem}.verification-section .verification__description{color:#a16207;margin:0 0 .75rem}.feature-header{display:flex;align-items:center;margin-bottom:1rem}.feature-icon-wrapper{padding:.5rem;border-radius:.75rem;margin-right:.75rem}.feature-icon-wrapper--blue{background-color:#dbeafe}.feature-icon-wrapper--green{background-color:#dcfce7}.feature-icon-wrapper--purple{background-color:#e9d5ff}.feature-icon-wrapper--orange{background-color:#fed7aa}.feature-icon-large{width:1.5rem;height:1.5rem}.feature-icon-wrapper--blue .feature-icon-large{color:#2563eb}.feature-icon-wrapper--green .feature-icon-large{color:#16a34a}.feature-icon-wrapper--purple .feature-icon-large{color:#9333ea}.feature-icon-wrapper--orange .feature-icon-large{color:#ea580c}.feature-details{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem;color:#6b7280}.command-palette{background:linear-gradient(135deg,#eff6ff,#f3e8ff);padding:1.5rem;border-radius:.75rem;border:1px solid #bfdbfe}.command-palette__title{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .75rem}.command-grid{display:grid;gap:1rem}@media (min-width: 768px){.command-grid{grid-template-columns:repeat(2,1fr)}}.command-category{font-weight:500;color:#111827;margin:0 0 .5rem}.command-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;color:#6b7280}.usage-intro{background-color:#eff6ff;padding:1.5rem;border-radius:.75rem;border:1px solid #bfdbfe}.usage-intro__title{font-size:1.125rem;font-weight:600;color:#1e40af;margin:0 0 .75rem}.usage-intro__description{color:#1d4ed8;margin:0}.usage-steps{display:flex;flex-direction:column;gap:1rem}.config-options{display:grid;gap:1.5rem}@media (min-width: 768px){.config-options{grid-template-columns:repeat(2,1fr)}}.config-title{font-weight:500;color:#111827;margin:0 0 .5rem}.config-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;color:#6b7280}.best-practices{background-color:#f0fdf4;padding:1.5rem;border-radius:.75rem;border:1px solid #bbf7d0}.best-practices__title{font-size:1.125rem;font-weight:600;color:#166534;margin:0 0 .75rem}.best-practices__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem;color:#16a34a}.troubleshooting-accordion{display:flex;flex-direction:column;gap:1rem}.issue{border-left:4px solid;padding-left:1rem}.issue--error{border-left-color:#fecaca}.issue--warning{border-left-color:#fde68a}.issue--info{border-left-color:#bfdbfe}.issue--purple{border-left-color:#e9d5ff}.issue__title{font-weight:500;margin:0 0 .5rem}.issue--error .issue__title{color:#991b1b}.issue--warning .issue__title{color:#a16207}.issue--info .issue__title{color:#1e40af}.issue--purple .issue__title{color:#7c3aed}.issue__description{color:#6b7280;margin:0 0 .5rem}.issue__solutions{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;color:#6b7280}.help-section{background-color:#f3f4f6;padding:1.5rem;border-radius:.75rem;border:1px solid #e5e7eb}.help-section__title{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .75rem}.help-grid{display:grid;gap:1rem}@media (min-width: 768px){.help-grid{grid-template-columns:repeat(2,1fr)}}.help-category{font-weight:500;color:#111827;margin:0 0 .5rem}.help-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem;font-size:.875rem}.help-link{color:#2563eb;text-decoration:none}.help-link:hover{text-decoration:underline}.debug-section{background-color:#eff6ff;padding:1.5rem;border-radius:.75rem;border:1px solid #bfdbfe}.debug-section__title{font-size:1.125rem;font-weight:600;color:#1e40af;margin:0 0 .75rem}.debug-section__description{color:#1d4ed8;margin:0 0 .75rem}.footer{background-color:#fff;border-top:1px solid #e5e7eb;margin-top:4rem}.footer__container{max-width:80rem;margin:0 auto;padding:0 1rem}@media (min-width: 768px){.footer__container{padding:0 1.5rem}}@media (min-width: 1024px){.footer__container{padding:0 2rem}}.footer__content{display:grid;gap:2rem;padding:2rem 0}@media (min-width: 768px){.footer__content{grid-template-columns:repeat(3,1fr)}}.footer__section{display:flex;flex-direction:column}.footer__title{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 1rem}.footer__links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.footer__link{color:#6b7280;text-decoration:none;font-size:.875rem;transition:color .2s ease}.footer__link:hover{color:#2563eb}.footer__bottom{border-top:1px solid #e5e7eb;margin-top:2rem;padding:2rem 0;text-align:center;font-size:.875rem;color:#9ca3af}
