code[class*=language-],pre[class*=language-]{color:#ccc;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;tab-size:4;-webkit-hyphens:none;hyphens:none;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;line-height:1.5}pre[class*=language-]{margin:.5em 0;padding:1em;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{white-space:normal;border-radius:.3em;padding:.1em}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}
.-_xr4G_readerContainer{color:#334155;background-color:#f8fafc;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;display:flex}.-_xr4G_sidebar{color:#94a3b8;background-color:#0f172a;border-right:1px solid #1e293b;flex-direction:column;width:18.75rem;height:100vh;padding:1.5rem 1rem;display:flex;position:sticky;top:0;overflow-y:auto}.-_xr4G_sidebarTitle{color:#fff;letter-spacing:-.025em;margin-bottom:0;padding:0 .5rem;font-family:Josefin Sans,sans-serif;font-size:1.15rem;font-weight:700}.-_xr4G_navGroup{flex-direction:column;gap:.2rem;margin-bottom:1.25rem;display:flex}.-_xr4G_navGroupTitle{text-transform:uppercase;letter-spacing:.1em;color:#ffc455;margin:1rem .5rem .5rem;font-size:.72rem;font-weight:700}.-_xr4G_navLink{color:#94a3b8;cursor:pointer;text-transform:capitalize;border-radius:.375rem;padding:.45rem .75rem;font-size:.875rem;line-height:1.4;text-decoration:none;transition:all .2s;display:block}.-_xr4G_navLink:hover{color:#fff;background-color:#1e293b;padding-left:.95rem}.-_xr4G_activeNavLink{background-color:#1e293b;border-left:3px solid #ffc455;font-weight:600;color:#ffc455!important}.-_xr4G_contentArea{flex-direction:column;flex:1;min-width:0;display:flex}.-_xr4G_header{-webkit-backdrop-filter:blur(12px);z-index:40;background-color:#ffffffd9;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:4.5rem;padding:0 2rem;display:flex;position:sticky;top:0}.-_xr4G_headerTitle{color:#1e293b;margin:0;font-family:Josefin Sans,sans-serif;font-size:1.25rem;font-weight:700}.-_xr4G_backButton{color:#fff;background-color:#1e293b;border:none;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.-_xr4G_backButton:hover{color:#1e293b;background-color:#ffc455;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.-_xr4G_progressContainer{background-color:#e2e8f0;height:3px;position:absolute;bottom:0;left:0;right:0}.-_xr4G_progressBar{background-color:#ffc455;height:100%;transition:width .1s}.-_xr4G_viewport{flex:1;width:100%;max-width:58rem;margin:0 auto;padding:2.5rem 1.5rem}.-_xr4G_sectionCard{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;margin-bottom:1.5rem;scroll-margin-top:5.5rem;transition:box-shadow .2s;overflow:hidden;box-shadow:0 1px 2px #0f172a0a,0 8px 24px #0f172a0f}.-_xr4G_sectionCard:hover{box-shadow:0 1px 2px #0f172a0d,0 12px 32px #0f172a14}.-_xr4G_sectionHeader{background:linear-gradient(#fafbfc 0%,#fff 100%);padding:1.5rem 2rem 0}.-_xr4G_sectionLevel{text-transform:uppercase;letter-spacing:.06em;border-radius:9999px;margin-bottom:.65rem;padding:.2rem .65rem;font-family:Josefin Sans,sans-serif;font-size:.6875rem;font-weight:700;display:inline-block}.-_xr4G_sectionLevel[data-level=beginner]{color:#065f46;background-color:#d1fae5}.-_xr4G_sectionLevel[data-level=intermediate]{color:#92400e;background-color:#fef3c7}.-_xr4G_sectionLevel[data-level=advanced]{color:#991b1b;background-color:#fee2e2}.-_xr4G_sectionLevel[data-level=expert],.-_xr4G_sectionLevel[data-level=architect]{color:#5b21b6;background-color:#ede9fe}.-_xr4G_sectionTitle{color:#0f172a;letter-spacing:-.02em;margin:0;font-family:Josefin Sans,sans-serif;font-size:1.5rem;font-weight:800;line-height:1.35}.-_xr4G_sectionBody{padding:1.5rem 2rem 2rem}.-_xr4G_sectionBody>h2:first-child{display:none}.-_xr4G_readerContent h2{color:#0f172a;letter-spacing:-.02em;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;margin-bottom:0;padding-bottom:.5rem;font-family:Josefin Sans,sans-serif;font-size:1.35rem;font-weight:700;display:flex}.-_xr4G_readerContent h3{color:#1e293b;margin-top:2rem;margin-bottom:.75rem;font-family:Josefin Sans,sans-serif;font-size:1.35rem;font-weight:700}.-_xr4G_readerContent h4{color:#1e293b;border-left:3px solid #ffc455;margin-top:1.75rem;margin-bottom:.65rem;padding-left:.75rem;font-size:1rem;font-weight:700}.-_xr4G_readerContent p{color:#475569;margin-bottom:1.25rem;font-size:1rem;line-height:1.7}.-_xr4G_readerContent ul,.-_xr4G_readerContent ol{margin-bottom:1.5rem;padding-left:1.5rem}.-_xr4G_readerContent ul{list-style-type:disc}.-_xr4G_readerContent ol{list-style-type:decimal}.-_xr4G_readerContent li{color:#475569;margin-bottom:.5rem;line-height:1.6}:is(.-_xr4G_readerContent .note,.-_xr4G_readerContent .tip,.-_xr4G_readerContent .warning,.-_xr4G_readerContent .danger){background-color:#fff;border-left:4px solid;border-radius:.375rem;margin:1.5rem 0;padding:1rem 1.25rem;box-shadow:0 1px 3px #0000000d}.-_xr4G_readerContent .note{background-color:#eff6ff;border-color:#3b82f6}.-_xr4G_readerContent .tip{background-color:#ecfdf5;border-color:#10b981}.-_xr4G_readerContent .warning{background-color:#fffbeb;border-color:#f59e0b}.-_xr4G_readerContent .danger{background-color:#fef2f2;border-color:#ef4444}.-_xr4G_readerContent .card{flex-direction:unset!important;background-color:#fff!important;border:1px solid #e2e8f0!important;border-radius:.625rem!important;margin:1.5rem 0!important;padding:1.25rem 1.5rem!important;display:block!important;box-shadow:0 4px 15px #00000008!important}.-_xr4G_readerContent .card strong{color:#0f172a;margin-bottom:.35rem;font-size:1.05rem;display:block}:is(.-_xr4G_readerContent .note strong,.-_xr4G_readerContent .tip strong,.-_xr4G_readerContent .warning strong,.-_xr4G_readerContent .danger strong){color:#0f172a;margin-bottom:.25rem;display:block}.-_xr4G_readerContent pre[class*=language-]{background-color:#0f172a!important;border-radius:.625rem!important;margin:1.5rem 0!important;padding:1.25rem 1.5rem!important;overflow-x:auto!important;box-shadow:0 4px 15px #0000000d!important}.-_xr4G_readerContent pre[class*=language-] code{color:#f8fafc!important;text-shadow:none!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace!important;font-size:.875rem!important}.-_xr4G_readerContent code:not([class*=language-]){color:#db2777;background-color:#f1f5f9;border-radius:.25rem;padding:.15rem .4rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem}.-_xr4G_readerContent table{border-collapse:collapse;background-color:#fff;border-radius:.5rem;width:100%;margin:1.5rem 0;overflow:hidden;box-shadow:0 1px 3px #0000000d}.-_xr4G_readerContent th{color:#fff;text-align:left;background-color:#0f172a;padding:.75rem 1rem;font-size:.875rem;font-weight:600}.-_xr4G_readerContent td{color:#475569;vertical-align:top;border-bottom:1px solid #f1f5f9;padding:.75rem 1rem;font-size:.875rem}.-_xr4G_readerContent tr:last-child td{border-bottom:none}.-_xr4G_readerContent tr:nth-child(2n){background-color:#f8fafc}.-_xr4G_readerContent .steps{counter-reset:step;padding-left:0;list-style:none}.-_xr4G_readerContent .steps li{counter-increment:step;background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;margin-bottom:.75rem;padding:.75rem 1rem .75rem 3rem;position:relative}.-_xr4G_readerContent .steps li:before{content:counter(step);color:#1e293b;background-color:#ffc455;border-radius:50%;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:.8rem;font-weight:700;display:flex;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.-_xr4G_readerContent .level{text-transform:uppercase;vertical-align:middle;letter-spacing:.05em;border-radius:9999px;padding:.15rem .5rem;font-family:Josefin Sans,sans-serif;font-size:.6875rem;font-weight:700;display:inline-block}.-_xr4G_readerContent .level.beginner{color:#065f46;background-color:#d1fae5}.-_xr4G_readerContent .level.intermediate{color:#92400e;background-color:#fef3c7}.-_xr4G_readerContent .level.advanced{color:#991b1b;background-color:#fee2e2}:is(.-_xr4G_readerContent .level.expert,.-_xr4G_readerContent .level.architect){color:#5b21b6;background-color:#ede9fe}.-_xr4G_readerContent .level.js{color:#854d0e;background-color:#fef9c3;border:1px solid #fde047}.-_xr4G_readerContent .level.ts{color:#1e40af;background-color:#dbeafe;border:1px solid #93c5fd}.-_xr4G_readerContent .compare{grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0;display:grid;overflow-y:auto}:is(.-_xr4G_readerContent .compare .bad,.-_xr4G_readerContent .compare .good){background-color:#fff;border:2px solid;border-radius:.5rem;padding:1.15rem}.-_xr4G_readerContent .compare .bad{background-color:#fef2f2;border-color:#fca5a5}.-_xr4G_readerContent .compare .good{background-color:#ecfdf5;border-color:#6ee7b7}.-_xr4G_readerContent .compare h4{margin-top:0}.-_xr4G_readerContent .price-card{background:linear-gradient(135deg,#fffbeb 0% 100%);border:2px solid #ffc455;border-radius:.5rem;margin:1rem 0;padding:1.25rem}.-_xr4G_readerContent .price-card .price{color:#ffc455;margin:.5rem 0;font-size:1.75rem;font-weight:800}.-_xr4G_readerContent .tool-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin:1.5rem 0;display:grid}.-_xr4G_readerContent .tool-grid .tool{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem;box-shadow:0 1px 2px #0000000d}.-_xr4G_readerContent .tool-grid .tool h4{color:#ffc455;margin-top:0}.-_xr4G_readerContent .arch-box{background-color:#fff;border:2px solid #ffc455;border-radius:.5rem;margin:.5rem 0;padding:1rem;box-shadow:0 1px 3px #0000000d}.-_xr4G_readerContent .arch-box h4{color:#ffc455;margin:0 0 .35rem}.-_xr4G_readerContent .arch-arrow{text-align:center;color:#94a3b8;margin:.25rem 0;font-size:1.25rem}.-_xr4G_readerContent .flow{color:#f8fafc;white-space:pre;background-color:#0f172a;border-radius:.5rem;margin:1rem 0;padding:1.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;overflow-x:auto}.-_xr4G_readerContent .content-divider{background:linear-gradient(90deg,#0000,#cbd5e1 20% 80%,#0000);border:none;height:1px;margin:2rem 0}.-_xr4G_readerContent .analogy-callout{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border:1px solid #fcd34d;border-radius:.75rem;margin:1.5rem 0;padding:1.15rem 1.35rem;box-shadow:0 2px 8px #fbbf241f}.-_xr4G_readerContent .analogy-callout__header{color:#92400e;margin-bottom:.5rem;font-size:1rem;font-weight:700}.-_xr4G_readerContent .analogy-callout__body p{color:#78350f;margin-bottom:0}.-_xr4G_readerContent .warning-callout{background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%);border:1px solid #fdba74;border-radius:.75rem;margin:1.5rem 0;padding:1rem 1.25rem}.-_xr4G_readerContent .warning-callout__header{color:#9a3412;margin-bottom:.5rem;font-size:1rem;font-weight:700}.-_xr4G_readerContent .warning-callout__body p{color:#7c2d12;margin-bottom:0}.-_xr4G_readerContent .flow-diagram{background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:.875rem;flex-direction:column;align-items:stretch;gap:0;margin:1.75rem 0;padding:1.25rem;display:flex}.-_xr4G_readerContent .flow-step{background:#fff;border:2px solid #0f172a;border-radius:.75rem;padding:1.15rem 1.25rem 1.15rem 3.25rem;position:relative;box-shadow:0 4px 12px #0f172a0f}.-_xr4G_readerContent .flow-step__index{color:#0f172a;background:#ffc455;border-radius:50%;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-family:Josefin Sans,sans-serif;font-size:.8rem;font-weight:800;display:flex;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.-_xr4G_readerContent .flow-step__title{color:#0f172a;border:none;margin:0 0 .35rem;padding:0;font-family:Josefin Sans,sans-serif;font-size:1.05rem;font-weight:700}.-_xr4G_readerContent .flow-step__body{color:#64748b;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9rem;line-height:1.5}.-_xr4G_readerContent .flow-connector{flex-direction:column;align-items:center;gap:.15rem;padding:.35rem 0;display:flex}.-_xr4G_readerContent .flow-connector__line{background:#94a3b8;width:2px;height:.75rem}.-_xr4G_readerContent .flow-connector__label{text-transform:uppercase;letter-spacing:.05em;color:#64748b;background:#e2e8f0;border-radius:9999px;padding:.2rem .65rem;font-size:.75rem;font-weight:600}.-_xr4G_readerContent .flow-connector__chevron{color:#ffc455;font-size:1.25rem;line-height:1}.-_xr4G_sectionBody pre:not([class*=language-]){color:#475569;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:.625rem;margin:1.25rem 0;padding:1rem 1.25rem;font-size:.8rem;line-height:1.45;overflow-x:auto}.-_xr4G_readerContent kbd{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:.3rem;padding:.15rem .45rem;font-family:ui-monospace,monospace;font-size:.8rem;display:inline-block;box-shadow:0 1px #94a3b8}.-_xr4G_readerContent li strong{color:#0f172a}.-_xr4G_readerContent blockquote{color:#475569;background:#f8fafc;border-left:4px solid #ffc455;border-radius:0 .5rem .5rem 0;margin:1.25rem 0;padding:1rem 1.25rem;font-style:italic}.-_xr4G_readerContent blockquote p:last-child{margin-bottom:0}.-_xr4G_readerContent em{color:#64748b}.-_xr4G_backdrop{-webkit-backdrop-filter:blur(4px);z-index:90;background-color:#0f172a99;animation:.2s forwards -_xr4G_fadeIn;position:fixed;inset:0}@keyframes -_xr4G_fadeIn{0%{opacity:0}to{opacity:1}}.-_xr4G_sidebarHeader{justify-content:space-between;align-items:center;width:100%;margin-bottom:1.5rem;padding:0 .5rem;display:flex}.-_xr4G_mobileMenuBtn,.-_xr4G_mobileMenuClose{display:none}@media (max-width:64rem){.-_xr4G_sidebar{display:none}.-_xr4G_sidebarMobileOpen{z-index:100;animation:.3s forwards -_xr4G_slideIn;position:fixed;top:0;bottom:0;left:0;display:flex!important}.-_xr4G_mobileMenuBtn{color:#0f172a;cursor:pointer;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:.5rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .2s;display:inline-flex!important}.-_xr4G_mobileMenuBtn:hover{background-color:#e2e8f0;transform:scale(1.05)}.-_xr4G_mobileMenuClose{color:#ffc455;cursor:pointer;background-color:#1e293b;border:1px solid #334155;border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:all .2s;display:inline-flex!important}.-_xr4G_mobileMenuClose:hover{color:#0f172a;background-color:#ffc455;transform:rotate(90deg)}.-_xr4G_viewport{padding:1.5rem}.-_xr4G_sectionHeader,.-_xr4G_sectionBody{padding-left:1.25rem;padding-right:1.25rem}.-_xr4G_readerContent .compare{grid-template-columns:1fr}.-_xr4G_readerContent .flow-diagram{padding:1rem}}@keyframes -_xr4G_slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (max-width:48rem){.-_xr4G_header{height:3.75rem;padding:0 1rem}.-_xr4G_headerTitle{font-size:1.05rem}.-_xr4G_backButtonText{display:none}.-_xr4G_backButton{border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:0;display:flex}.-_xr4G_viewport{padding:1.25rem 1rem}.-_xr4G_sectionTitle{font-size:1.2rem}.-_xr4G_sectionHeader{padding:1.15rem 1rem .85rem}.-_xr4G_sectionBody{padding:1rem 1rem 1.35rem}}.-_xr4G_loadingSkeleton{flex-direction:column;gap:1.25rem;width:100%;padding:2.5rem 0;display:flex}.-_xr4G_skeletonLine{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;border-radius:.375rem;height:1.125rem;animation:1.6s ease-in-out infinite -_xr4G_loadingSkeletonAnim}@keyframes -_xr4G_loadingSkeletonAnim{0%{background-position:200% 0}to{background-position:-200% 0}}