:root{--bg-primary: #FFFFFF;--bg-secondary: #F8FAFC;--bg-tertiary: #F1F5F9;--bg-card: #FFFFFF;--bg-sidebar: #FAFAFC;--bg-header: rgba(255, 255, 255, .85);--bg-glass: rgba(255, 255, 255, .75);--bg-code-block: #0D1117;--bg-code-header: #161B22;--bg-hover: #F1F5F9;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #64748B;--text-code: #E6EDF3;--border-color: #E2E8F0;--border-subtle: #F1F5F9;--border-glass: rgba(226, 232, 240, .8);--accent-primary: #4F46E5;--accent-primary-hover: #4338CA;--accent-secondary: #06B6D4;--accent-gradient: linear-gradient(135deg, #4F46E5 0%, #06B6D4 100%);--accent-badge-bg: #EEF2FF;--accent-badge-text: #4338CA;--shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, .05);--shadow-md: 0 4px 12px -2px rgba(15, 23, 42, .08), 0 2px 4px -2px rgba(15, 23, 42, .04);--shadow-lg: 0 12px 28px -4px rgba(15, 23, 42, .12), 0 4px 8px -2px rgba(15, 23, 42, .06);--shadow-glow: 0 0 20px -4px rgba(79, 70, 229, .25)}[data-theme=dark]{--bg-primary: #090D16;--bg-secondary: #0F172A;--bg-tertiary: #1E293B;--bg-card: #0F172A;--bg-sidebar: #0B111E;--bg-header: rgba(9, 13, 22, .85);--bg-glass: rgba(15, 23, 42, .75);--bg-code-block: #05080E;--bg-code-header: #0D1322;--bg-hover: #1E293B;--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #64748B;--text-code: #F1F5F9;--border-color: #1E293B;--border-subtle: #131C2E;--border-glass: rgba(255, 255, 255, .08);--accent-primary: #818CF8;--accent-primary-hover: #A5B4FC;--accent-secondary: #38BDF8;--accent-gradient: linear-gradient(135deg, #6366F1 0%, #38BDF8 100%);--accent-badge-bg: rgba(99, 102, 241, .18);--accent-badge-text: #C7D2FE;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 14px -2px rgba(0, 0, 0, .5);--shadow-lg: 0 16px 36px -6px rgba(0, 0, 0, .75);--shadow-glow: 0 0 24px -4px rgba(99, 102, 241, .35)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;height:100%}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.65;color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .25s ease,color .25s ease}body::-webkit-scrollbar{width:.375rem;height:.375rem}body::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:9999rem}body::-webkit-scrollbar-thumb:hover{background:#94a3b88c}h1,.h1{font-size:1.875rem;font-weight:700;line-height:1.2;color:var(--text-primary);letter-spacing:-.03em;margin-bottom:1rem}@media(max-width:48rem){h1,.h1{font-size:1.5rem}}h2,.h2{font-size:1.5rem;font-weight:600;line-height:1.25;color:var(--text-primary);letter-spacing:-.02em;margin-top:2rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}@media(max-width:48rem){h2,.h2{font-size:1.25rem}}h3,.h3{font-size:1.25rem;font-weight:600;line-height:1.35;color:var(--text-primary);margin-top:1.5rem;margin-bottom:.5rem}h4,.h4{font-size:1.125rem;font-weight:500;color:var(--text-primary);margin-top:1rem;margin-bottom:.5rem}p{margin-bottom:1rem;color:var(--text-secondary)}strong,b{font-weight:600;color:var(--text-primary)}a{color:var(--accent-primary);text-decoration:none;font-weight:500;transition:color .15s ease}a:hover{color:var(--accent-primary-hover);text-decoration:underline}code:not(pre code){font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.85em;padding:.125rem .375rem;border-radius:.375rem;background-color:var(--bg-tertiary);color:var(--accent-primary);border:1px solid var(--border-subtle)}pre{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.875rem;line-height:1.6;overflow-x:auto}pre::-webkit-scrollbar{width:.375rem;height:.375rem}pre::-webkit-scrollbar-track{background:transparent}pre::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:9999rem}pre::-webkit-scrollbar-thumb:hover{background:#94a3b88c}.callout-box{margin:1.5rem 0;padding:1.25rem;border-radius:.625rem;border:1px solid var(--border-color);background-color:var(--bg-card);position:relative;overflow:hidden}.callout-box:before{content:"";position:absolute;top:0;left:0;bottom:0;width:.25rem;background-color:var(--accent-primary)}.callout-box .callout-title{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:.875rem;margin-bottom:.5rem;color:var(--text-primary)}.callout-box p{margin:0;font-size:.875rem;color:var(--text-secondary)}.callout-box.callout-tip{background-color:var(--bg-secondary);border-color:#6366f140}.callout-box.callout-tip:before{background:var(--accent-gradient)}.callout-box.callout-info{background-color:var(--bg-secondary);border-color:#06b6d440}.callout-box.callout-info:before{background-color:#06b6d4}.callout-box.callout-warning{background-color:#fffbeb;border-color:#fde68a}.callout-box.callout-warning:before{background-color:#b45309}.callout-box.callout-warning .callout-title,.callout-box.callout-warning p{color:#b45309}.callout-box.callout-angular{background-color:var(--bg-secondary);border-color:#4f46e54d}.callout-box.callout-angular:before{background:linear-gradient(135deg,#dd0031,#4f46e5)}.callout-box.callout-git{background-color:var(--bg-secondary);border-color:#f0503259}.callout-box.callout-git:before{background:linear-gradient(135deg,#f05032,#f14e32)}.callout-box.callout-html{background-color:var(--bg-secondary);border-color:#e34f2659}.callout-box.callout-html:before{background:linear-gradient(135deg,#e34f26,#f06529)}.callout-box.callout-css{background-color:var(--bg-secondary);border-color:#264de459}.callout-box.callout-css:before{background:linear-gradient(135deg,#264de4,#2965f1)}.callout-box.callout-javascript,.callout-box.callout-js{background-color:var(--bg-secondary);border-color:#f7df1e59}.callout-box.callout-javascript:before,.callout-box.callout-js:before{background:linear-gradient(135deg,#f7df1e,#f59e0b)}.callout-box.callout-typescript,.callout-box.callout-ts{background-color:var(--bg-secondary);border-color:#3178c659}.callout-box.callout-typescript:before,.callout-box.callout-ts:before{background:linear-gradient(135deg,#3178c6,#235a97)}.callout-box.callout-rxjs{background-color:var(--bg-secondary);border-color:#e01a5959}.callout-box.callout-rxjs:before{background:linear-gradient(135deg,#e01a59,#b71746)}.callout-box.callout-nodejs,.callout-box.callout-node{background-color:var(--bg-secondary);border-color:#5fa04e59}.callout-box.callout-nodejs:before,.callout-box.callout-node:before{background:linear-gradient(135deg,#5fa04e,#3c873a)}.keycap{display:inline-flex;align-items:center;justify-content:center;padding:.1rem .4rem;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.6875rem;font-weight:600;border-radius:.375rem;background-color:var(--bg-tertiary);color:var(--text-muted);border:1px solid var(--border-color);box-shadow:0 1px #0000001a}:focus-visible{outline:2px solid var(--accent-primary)!important;outline-offset:2px!important}.note-section{content-visibility:auto;contain-intrinsic-size:0 320px}