.tldr-container{background-color:#f0f8ff;border:1px solid #d0e7ff;border-radius:6px;margin:2rem 0;padding:1.25rem 1.5rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;box-shadow:0 2px 5px rgba(0,0,0,.05)}.tldr-label{color:#0a66c2;text-transform:uppercase;letter-spacing:.05rem;margin-bottom:.75rem;font-size:1rem;font-weight:700}.tldr-body,.tldr-body *{color:#333;font-size:.95rem;line-height:1.6}
.tldr{border:.5px solid #d0cfc7;border-radius:12px;margin:0 0 2rem;font-family:inherit;overflow:hidden}.tldr__header{background:#fafaf8;border-bottom:.5px solid #e8e6de;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.tldr__label-wrap{align-items:center;gap:8px;display:flex}.tldr__dot{background:#7f77dd;border-radius:50%;flex-shrink:0;width:6px;height:6px}.tldr__label{color:#7f77dd;letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:500}.tldr__meta{align-items:center;gap:12px;display:flex}.tldr__read-time{color:#888780;font-size:12px}.tldr__difficulty{border-radius:6px;padding:3px 10px;font-size:11px;font-weight:500}.tldr__difficulty--beginner{color:#3b6d11;background:#eaf3de}.tldr__difficulty--intermediate{color:#854f0b;background:#faeeda}.tldr__difficulty--advanced{color:#a32d2d;background:#fcebeb}.tldr__body{flex-direction:column;gap:20px;padding:20px 24px;display:flex}.tldr__divider{background:#e8e6de;height:.5px}.tldr__section{flex-direction:column;gap:6px;display:flex}.tldr__section-label{color:#888780;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:12px;font-weight:500}.tldr__what{color:#2c2c2a;margin:0;font-size:15px;line-height:1.5}.tldr__takeaways{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tldr__takeaway{color:#444441;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;display:flex}.tldr__num{color:#534ab7;background:#eeedfe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:2px;font-size:10px;font-weight:500;display:flex}.tldr__bottom{flex-wrap:wrap;gap:16px;display:flex}.tldr__bottom .tldr__section{flex:1;min-width:160px}.tldr__build-text{color:#444441;margin:0;font-size:13px;line-height:1.5}.tldr__prereqs{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.tldr__prereq{color:#444441;align-items:flex-start;gap:6px;font-size:13px;line-height:1.5;display:flex}.tldr__prereq-dash{color:#888780;flex-shrink:0;margin-top:3px;font-size:10px}@media (prefers-color-scheme:dark){.tldr{border-color:rgba(255,255,255,.1)}.tldr__header{background:rgba(255,255,255,.03);border-bottom-color:rgba(255,255,255,.08)}.tldr__divider{background:rgba(255,255,255,.08)}.tldr__read-time,.tldr__section-label,.tldr__prereq-dash{color:rgba(255,255,255,.4)}.tldr__what,.tldr__build-text{color:rgba(255,255,255,.85)}.tldr__takeaway,.tldr__prereq{color:rgba(255,255,255,.7)}.tldr__num{color:#afa9ec;background:rgba(127,119,221,.2)}.tldr__difficulty--beginner{color:#c0dd97;background:rgba(99,153,34,.15)}.tldr__difficulty--intermediate{color:#fac775;background:rgba(239,159,39,.15)}.tldr__difficulty--advanced{color:#f09595;background:rgba(226,75,74,.15)}}
.bytheend-component-container{background-color:#f3faf7;border:1px solid #cceadf;border-radius:10px;margin:2rem 0;padding:1.25rem 1.5rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.bytheend-component-label{color:#02100c;letter-spacing:.05rem;margin-bottom:.75rem;font-size:1.2rem;font-weight:500}.bytheend-component-container p{margin:0!important}.bytheend-component-body{color:#02100c;font-size:1.125rem;font-weight:300;line-height:1.5}
.note-component-container{background-color:rgba(255,215,0,.1);border:1px solid rgba(255,215,0,.4);border-radius:6px;margin:2rem 0;padding:1.25rem 1.5rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;box-shadow:0 2px 5px rgba(0,0,0,.08)}.note-component-label{color:#e3c416;text-transform:uppercase;letter-spacing:.05rem;margin-bottom:.75rem;font-size:1.2rem;font-weight:700}.note-component-body{color:#222;font-size:1.125rem;font-weight:300;line-height:1.6}
.prompt-container{margin-top:2em;margin-bottom:2em;position:relative}.prompt-box{background-color:#111827;border:1px solid #374151;border-radius:.5rem;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.4)}.prompt-header{background-color:#1f2937;border-bottom:1px solid #374151;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.prompt-header-left{align-items:center;gap:.5rem;display:flex}.prompt-icon{color:#9ca3af;width:16px;height:16px}.prompt-title{color:#d1d5db;font-size:1rem;font-weight:500}.prompt-header-right .MuiIconButton-root{color:#9ca3af;transition:color .2s}.prompt-header-right .MuiIconButton-root:hover{color:#f472b6}.prompt-body{position:relative}.prompt-code{white-space:pre-wrap;background-color:#111827;width:100%;height:auto;min-height:4rem;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;overflow:auto}.prompt-code.input{color:#00e5ff}.prompt-code.output{color:#39ff14}.prompt-separator{background-color:#374151;height:1px}.prompt-section-label{text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;background-color:#1f2937;border-top:1px solid #374151;border-bottom:1px solid #374151;padding:.25rem 1rem;font-size:.75rem;font-weight:600}
.quick-definition-container{background-color:#f5f0ff;border:1px solid #e0d0ff;border-radius:6px;margin:2rem 0;padding:1.25rem 1.5rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;box-shadow:0 2px 5px rgba(0,0,0,.05)}.quick-definition-label{color:#6a0dad;text-transform:uppercase;letter-spacing:.05rem;margin-bottom:.75rem;font-size:1.2rem;font-weight:700}.quick-definition-body{color:#333;font-size:1.125rem;font-weight:300;line-height:1.6}
.tabs-container{border:1px solid #ddd;border-radius:6px;margin:1rem 0;font-family:sans-serif;overflow:hidden}.tabs-header{background-color:#f5f5f5;border-bottom:1px solid #ccc;display:flex}.tab-button{cursor:pointer;background:0 0;border:none;flex:1;padding:.75rem 1rem;font-weight:600;transition:background-color .2s}.tab-button:hover{background-color:#e0e0e0}.tab-button.active{background-color:#fff;border-bottom:3px solid #007acc}.tabs-body{background-color:#fff;padding:1rem}.tab-panel{animation:.2s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.code-block-container{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin:1.5rem 0;overflow:hidden}.code-block-container code{white-space:pre-wrap!important}.code-block-header{background-color:#f3f4f6;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.875rem;display:flex}.code-block-language{color:#6b7280;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-weight:500}.code-block-copy-btn{color:#6b7280;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;padding:.375rem .75rem;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;font-size:.75rem;transition:all .2s}.code-block-copy-btn:hover{color:#374151;background-color:#f9fafb;border-color:#9ca3af}.code-block-copy-btn:active{background-color:#f3f4f6}.code-block-pre{color:#f9fafb;white-space:pre-wrap;word-wrap:break-word;background-color:#1f2937;margin:0;padding:1rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.875rem;line-height:1.5;overflow-x:auto}.code-block-code{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;margin:0;padding:0}.language-javascript .code-block-pre,.language-js .code-block-pre{background-color:#1e1e1e}.language-typescript .code-block-pre,.language-ts .code-block-pre{background-color:#1e3a8a}.language-python .code-block-pre{background-color:#1f2937}.language-bash .code-block-pre,.language-shell .code-block-pre{background-color:#0f172a}.language-json .code-block-pre{background-color:#1f2937}.language-css .code-block-pre{background-color:#1e40af}.language-html .code-block-pre{background-color:#dc2626}@media (prefers-color-scheme:dark){.code-block-container{background-color:#1f2937;border-color:#374151}.code-block-header{background-color:#374151;border-bottom-color:#4b5563}.code-block-language{color:#d1d5db}.code-block-copy-btn{color:#f9fafb;background-color:#4b5563;border-color:#6b7280}.code-block-copy-btn:hover{background-color:#6b7280;border-color:#9ca3af}}