code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.LearnReader_readerContainer__lzZet{display:flex;min-height:100vh;background-color:#f8fafc;color:#334155;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.LearnReader_sidebar__ryeGN{width:18.75rem;background-color:#0f172a;color:#94a3b8;height:100vh;position:sticky;top:0;overflow-y:auto;padding:1.5rem 1rem;border-right:1px solid #1e293b;display:flex;flex-direction:column}.LearnReader_sidebarTitle__ZX6W0{color:#fff;font-size:1.15rem;font-weight:700;margin-bottom:0;padding:0 .5rem;letter-spacing:-.025em;font-family:Josefin Sans,sans-serif}.LearnReader_navGroup__VHJLB{margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.2rem}.LearnReader_navGroupTitle__cqIUN{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#ffc455;font-weight:700;margin:1rem .5rem .5rem}.LearnReader_navLink__RtAGw{display:block;padding:.45rem .75rem;border-radius:.375rem;font-size:.875rem;color:#94a3b8;text-decoration:none;transition:all .2s ease;line-height:1.4;cursor:pointer;text-transform:capitalize}.LearnReader_navLink__RtAGw:hover{background-color:#1e293b;color:#fff;padding-left:.95rem}.LearnReader_activeNavLink__HpUeN{background-color:#1e293b;color:#ffc455!important;font-weight:600;border-left:3px solid #ffc455}.LearnReader_contentArea__0zP6G{flex:1;min-width:0;display:flex;flex-direction:column}.LearnReader_header__f8UwO{height:4.5rem;background-color:hsla(0,0%,100%,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:sticky;top:0;z-index:40}.LearnReader_headerTitle__hAjfX{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0;font-family:Josefin Sans,sans-serif}.LearnReader_backButton__kjIFR{display:inline-flex;align-items:center;gap:.5rem;background-color:#1e293b;color:#fff;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600;transition:all .2s ease;border:none}.LearnReader_backButton__kjIFR:hover{background-color:#ffc455;color:#1e293b;transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.LearnReader_progressContainer__FRIQD{position:absolute;bottom:0;left:0;right:0;height:3px;background-color:#e2e8f0}.LearnReader_progressBar__nshZ0{height:100%;background-color:#ffc455;transition:width .1s ease}.LearnReader_viewport__8LkaD{flex:1;padding:2.5rem 1.5rem;max-width:58rem;margin:0 auto;width:100%}.LearnReader_sectionCard__wAbPj{margin-bottom:1.5rem;scroll-margin-top:5.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 24px rgba(15,23,42,.06);overflow:hidden;transition:box-shadow .2s ease}.LearnReader_sectionCard__wAbPj:hover{box-shadow:0 1px 2px rgba(15,23,42,.05),0 12px 32px rgba(15,23,42,.08)}.LearnReader_sectionHeader__Vu0UR{padding:1.5rem 2rem 0;background:linear-gradient(180deg,#fafbfc,#fff)}.LearnReader_sectionLevel__EVf1S{display:inline-block;padding:.2rem .65rem;border-radius:9999px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.65rem;font-family:Josefin Sans,sans-serif}.LearnReader_sectionLevel__EVf1S[data-level=beginner]{background-color:#d1fae5;color:#065f46}.LearnReader_sectionLevel__EVf1S[data-level=intermediate]{background-color:#fef3c7;color:#92400e}.LearnReader_sectionLevel__EVf1S[data-level=advanced]{background-color:#fee2e2;color:#991b1b}.LearnReader_sectionLevel__EVf1S[data-level=architect],.LearnReader_sectionLevel__EVf1S[data-level=expert]{background-color:#ede9fe;color:#5b21b6}.LearnReader_sectionTitle__XisTF{font-size:1.5rem;font-weight:800;color:#0f172a;margin:0;line-height:1.35;font-family:Josefin Sans,sans-serif;letter-spacing:-.02em}.LearnReader_sectionBody__Ai_ZC{padding:1.5rem 2rem 2rem}.LearnReader_sectionBody__Ai_ZC>h2:first-child{display:none}.LearnReader_readerContent__dOvFv h2{font-size:1.35rem;color:#0f172a;font-weight:700;margin-top:1rem;margin-bottom:0;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0;font-family:Josefin Sans,sans-serif;letter-spacing:-.02em;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.LearnReader_readerContent__dOvFv h3{font-size:1.35rem;color:#1e293b;font-weight:700;margin-top:2rem;margin-bottom:.75rem;font-family:Josefin Sans,sans-serif}.LearnReader_readerContent__dOvFv h4{font-size:1rem;color:#1e293b;font-weight:700;margin-top:1.75rem;margin-bottom:.65rem;padding-left:.75rem;border-left:3px solid #ffc455}.LearnReader_readerContent__dOvFv p{font-size:1rem;line-height:1.7;color:#475569;margin-bottom:1.25rem}.LearnReader_readerContent__dOvFv ol,.LearnReader_readerContent__dOvFv ul{margin-bottom:1.5rem;padding-left:1.5rem}.LearnReader_readerContent__dOvFv ul{list-style-type:disc}.LearnReader_readerContent__dOvFv ol{list-style-type:decimal}.LearnReader_readerContent__dOvFv li{margin-bottom:.5rem;line-height:1.6;color:#475569}.LearnReader_readerContent__dOvFv .danger,.LearnReader_readerContent__dOvFv .note,.LearnReader_readerContent__dOvFv .tip,.LearnReader_readerContent__dOvFv .warning{border-left:4px solid;padding:1rem 1.25rem;margin:1.5rem 0;border-radius:.375rem;background-color:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.05)}.LearnReader_readerContent__dOvFv .note{border-color:#3b82f6;background-color:#eff6ff}.LearnReader_readerContent__dOvFv .tip{border-color:#10b981;background-color:#ecfdf5}.LearnReader_readerContent__dOvFv .warning{border-color:#f59e0b;background-color:#fffbeb}.LearnReader_readerContent__dOvFv .danger{border-color:#ef4444;background-color:#fef2f2}.LearnReader_readerContent__dOvFv .card{background-color:#fff!important;border-radius:.625rem!important;padding:1.25rem 1.5rem!important;margin:1.5rem 0!important;box-shadow:0 4px 15px rgba(0,0,0,.03)!important;border:1px solid #e2e8f0!important;display:block!important;flex-direction:unset!important}.LearnReader_readerContent__dOvFv .card strong{display:block;margin-bottom:.35rem;color:#0f172a;font-size:1.05rem}.LearnReader_readerContent__dOvFv .danger strong,.LearnReader_readerContent__dOvFv .note strong,.LearnReader_readerContent__dOvFv .tip strong,.LearnReader_readerContent__dOvFv .warning strong{display:block;margin-bottom:.25rem;color:#0f172a}.LearnReader_readerContent__dOvFv pre[class*=language-]{background-color:#0f172a!important;border-radius:.625rem!important;padding:1.25rem 1.5rem!important;margin:1.5rem 0!important;box-shadow:0 4px 15px rgba(0,0,0,.05)!important;overflow-x:auto!important}.LearnReader_readerContent__dOvFv 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}.LearnReader_readerContent__dOvFv code:not([class*=language-]){background-color:#f1f5f9;color:#db2777;padding:.15rem .4rem;border-radius:.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem}.LearnReader_readerContent__dOvFv table{width:100%;border-collapse:collapse;margin:1.5rem 0;background-color:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px 0 rgba(0,0,0,.05)}.LearnReader_readerContent__dOvFv th{background-color:#0f172a;color:#fff;padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.875rem}.LearnReader_readerContent__dOvFv td{padding:.75rem 1rem;border-bottom:1px solid #f1f5f9;font-size:.875rem;color:#475569;vertical-align:top}.LearnReader_readerContent__dOvFv tr:last-child td{border-bottom:none}.LearnReader_readerContent__dOvFv tr:nth-child(2n){background-color:#f8fafc}.LearnReader_readerContent__dOvFv .steps{counter-reset:step;padding-left:0;list-style:none}.LearnReader_readerContent__dOvFv .steps li{counter-increment:step;padding:.75rem 1rem .75rem 3rem;margin-bottom:.75rem;background-color:#fff;border-radius:.5rem;border:1px solid #e2e8f0;position:relative}.LearnReader_readerContent__dOvFv .steps li:before{content:counter(step);position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1.75rem;height:1.75rem;background-color:#ffc455;color:#1e293b;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem}.LearnReader_readerContent__dOvFv .level{display:inline-block;padding:.15rem .5rem;border-radius:9999px;font-size:.6875rem;font-weight:700;text-transform:uppercase;vertical-align:middle;letter-spacing:.05em;font-family:Josefin Sans,sans-serif}.LearnReader_readerContent__dOvFv .level.beginner{background-color:#d1fae5;color:#065f46}.LearnReader_readerContent__dOvFv .level.intermediate{background-color:#fef3c7;color:#92400e}.LearnReader_readerContent__dOvFv .level.advanced{background-color:#fee2e2;color:#991b1b}.LearnReader_readerContent__dOvFv .level.architect,.LearnReader_readerContent__dOvFv .level.expert{background-color:#ede9fe;color:#5b21b6}.LearnReader_readerContent__dOvFv .level.js{background-color:#fef9c3;color:#854d0e;border:1px solid #fde047}.LearnReader_readerContent__dOvFv .level.ts{background-color:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.LearnReader_readerContent__dOvFv .compare{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.LearnReader_readerContent__dOvFv .compare .bad,.LearnReader_readerContent__dOvFv .compare .good{padding:1.15rem;border-radius:.5rem;border:2px solid;background-color:#fff}.LearnReader_readerContent__dOvFv .compare .bad{border-color:#fca5a5;background-color:#fef2f2}.LearnReader_readerContent__dOvFv .compare .good{border-color:#6ee7b7;background-color:#ecfdf5}.LearnReader_readerContent__dOvFv .compare h4{margin-top:0}.LearnReader_readerContent__dOvFv .price-card{border:2px solid #ffc455;border-radius:.5rem;padding:1.25rem;margin:1rem 0;background:linear-gradient(135deg,#fffbeb,#fffbeb)}.LearnReader_readerContent__dOvFv .price-card .price{font-size:1.75rem;font-weight:800;color:#ffc455;margin:.5rem 0}.LearnReader_readerContent__dOvFv .tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin:1.5rem 0}.LearnReader_readerContent__dOvFv .tool-grid .tool{background-color:#fff;padding:1rem;border-radius:.5rem;border:1px solid #e2e8f0;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.LearnReader_readerContent__dOvFv .tool-grid .tool h4{margin-top:0;color:#ffc455}.LearnReader_readerContent__dOvFv .arch-box{background-color:#fff;border:2px solid #ffc455;border-radius:.5rem;padding:1rem;margin:.5rem 0;box-shadow:0 1px 3px 0 rgba(0,0,0,.05)}.LearnReader_readerContent__dOvFv .arch-box h4{margin:0 0 .35rem;color:#ffc455}.LearnReader_readerContent__dOvFv .arch-arrow{text-align:center;color:#94a3b8;font-size:1.25rem;margin:.25rem 0}.LearnReader_readerContent__dOvFv .flow{background-color:#0f172a;color:#f8fafc;padding:1.25rem;border-radius:.5rem;margin:1rem 0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;white-space:pre;overflow-x:auto}.LearnReader_readerContent__dOvFv .content-divider{height:1px;background:linear-gradient(90deg,transparent,#cbd5e1 20%,#cbd5e1 80%,transparent);margin:2rem 0;border:none}.LearnReader_readerContent__dOvFv .analogy-callout{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fcd34d;border-radius:.75rem;padding:1.15rem 1.35rem;margin:1.5rem 0;box-shadow:0 2px 8px rgba(251,191,36,.12)}.LearnReader_readerContent__dOvFv .analogy-callout__header{font-size:1rem;font-weight:700;color:#92400e;margin-bottom:.5rem}.LearnReader_readerContent__dOvFv .analogy-callout__body p{margin-bottom:0;color:#78350f}.LearnReader_readerContent__dOvFv .warning-callout{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fdba74;border-radius:.75rem;padding:1rem 1.25rem;margin:1.5rem 0}.LearnReader_readerContent__dOvFv .warning-callout__header{font-size:1rem;font-weight:700;color:#9a3412;margin-bottom:.5rem}.LearnReader_readerContent__dOvFv .warning-callout__body p{margin-bottom:0;color:#7c2d12}.LearnReader_readerContent__dOvFv .flow-diagram{display:flex;flex-direction:column;align-items:stretch;gap:0;margin:1.75rem 0;padding:1.25rem;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-radius:.875rem;border:1px solid #e2e8f0}.LearnReader_readerContent__dOvFv .flow-step{position:relative;background:#fff;border:2px solid #0f172a;border-radius:.75rem;padding:1.15rem 1.25rem 1.15rem 3.25rem;box-shadow:0 4px 12px rgba(15,23,42,.06)}.LearnReader_readerContent__dOvFv .flow-step__index{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;background:#ffc455;color:#0f172a;font-weight:800;font-size:.8rem;border-radius:50%;font-family:Josefin Sans,sans-serif}.LearnReader_readerContent__dOvFv .flow-step__title{margin:0 0 .35rem;padding:0;border:none;font-size:1.05rem;color:#0f172a;font-weight:700;font-family:Josefin Sans,sans-serif}.LearnReader_readerContent__dOvFv .flow-step__body{margin:0;font-size:.9rem;color:#64748b;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.5}.LearnReader_readerContent__dOvFv .flow-connector{display:flex;flex-direction:column;align-items:center;padding:.35rem 0;gap:.15rem}.LearnReader_readerContent__dOvFv .flow-connector__line{width:2px;height:.75rem;background:#94a3b8}.LearnReader_readerContent__dOvFv .flow-connector__label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#64748b;background:#e2e8f0;padding:.2rem .65rem;border-radius:9999px}.LearnReader_readerContent__dOvFv .flow-connector__chevron{font-size:1.25rem;color:#ffc455;line-height:1}.LearnReader_sectionBody__Ai_ZC pre:not([class*=language-]){background:#f8fafc;border:1px dashed #cbd5e1;border-radius:.625rem;padding:1rem 1.25rem;margin:1.25rem 0;overflow-x:auto;font-size:.8rem;line-height:1.45;color:#475569}.LearnReader_readerContent__dOvFv kbd{display:inline-block;padding:.15rem .45rem;font-size:.8rem;font-family:ui-monospace,monospace;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:.3rem;box-shadow:0 1px 0 #94a3b8;color:#334155}.LearnReader_readerContent__dOvFv li strong{color:#0f172a}.LearnReader_readerContent__dOvFv blockquote{margin:1.25rem 0;padding:1rem 1.25rem;border-left:4px solid #ffc455;background:#f8fafc;border-radius:0 .5rem .5rem 0;color:#475569;font-style:italic}.LearnReader_readerContent__dOvFv blockquote p:last-child{margin-bottom:0}.LearnReader_readerContent__dOvFv em{color:#64748b}.LearnReader_backdrop__y9qm7{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(15,23,42,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:90;animation:LearnReader_fadeIn__rQkDn .2s ease forwards}@keyframes LearnReader_fadeIn__rQkDn{0%{opacity:0}to{opacity:1}}.LearnReader_sidebarHeader__apRt_{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding:0 .5rem;width:100%}.LearnReader_mobileMenuBtn__wZrIh,.LearnReader_mobileMenuClose__m5LMM{display:none}@media (max-width:64rem){.LearnReader_sidebar__ryeGN{display:none}.LearnReader_sidebarMobileOpen__vCVa0{display:flex!important;position:fixed;top:0;left:0;bottom:0;z-index:100;animation:LearnReader_slideIn__zpsJ9 .3s ease forwards}.LearnReader_mobileMenuBtn__wZrIh{display:inline-flex!important;align-items:center;justify-content:center;background-color:#f1f5f9;border:1px solid #cbd5e1;color:#0f172a;width:2.5rem;height:2.5rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.LearnReader_mobileMenuBtn__wZrIh:hover{background-color:#e2e8f0;transform:scale(1.05)}.LearnReader_mobileMenuClose__m5LMM{display:inline-flex!important;align-items:center;justify-content:center;background-color:#1e293b;border:1px solid #334155;color:#ffc455;width:2.25rem;height:2.25rem;border-radius:50%;cursor:pointer;transition:all .2s ease}.LearnReader_mobileMenuClose__m5LMM:hover{background-color:#ffc455;color:#0f172a;transform:rotate(90deg)}.LearnReader_viewport__8LkaD{padding:1.5rem}.LearnReader_sectionBody__Ai_ZC,.LearnReader_sectionHeader__Vu0UR{padding-left:1.25rem;padding-right:1.25rem}.LearnReader_readerContent__dOvFv .compare{grid-template-columns:1fr}.LearnReader_readerContent__dOvFv .flow-diagram{padding:1rem}}@keyframes LearnReader_slideIn__zpsJ9{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@media (max-width:48rem){.LearnReader_header__f8UwO{padding:0 1rem;height:3.75rem}.LearnReader_headerTitle__hAjfX{font-size:1.05rem}.LearnReader_backButtonText__6LGmp{display:none}.LearnReader_backButton__kjIFR{width:2.5rem;height:2.5rem;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center}.LearnReader_viewport__8LkaD{padding:1.25rem 1rem}.LearnReader_sectionTitle__XisTF{font-size:1.2rem}.LearnReader_sectionHeader__Vu0UR{padding:1.15rem 1rem .85rem}.LearnReader_sectionBody__Ai_ZC{padding:1rem 1rem 1.35rem}}.LearnReader_loadingSkeleton__H8a_M{display:flex;flex-direction:column;gap:1.25rem;padding:2.5rem 0;width:100%}.LearnReader_skeletonLine__Ip6Xq{height:1.125rem;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background-size:200% 100%;animation:LearnReader_loadingSkeletonAnim__cxTpf 1.6s ease-in-out infinite;border-radius:.375rem}@keyframes LearnReader_loadingSkeletonAnim__cxTpf{0%{background-position:200% 0}to{background-position:-200% 0}}