@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Source+Code+Pro:wght@400;700&display=swap";:root{--bg: #111218;--accent-mint: #43e2c8;--accent-magenta: #ff2ed2;--text-body: #d2dee5;--text-secondary: #a0b0c0;--editor-bg: #191a22;--editor-text: #d2dee5;--code-bg: #23243a;--code-border: #2a2b39;--footer-link-color: #00ffc3;--button-bg: transparent;--button-border: var(--accent-mint);--button-color: var(--accent-mint)}body{font-family:Space Mono,Source Code Pro,monospace;background:var(--bg);color:var(--text-body);margin:0;min-height:100vh;padding:0;max-width:100%}h1{text-align:center;font-size:1.6em;margin:.3rem;color:var(--accent-mint);letter-spacing:2px;font-family:Space Mono,Source Code Pro,monospace;font-weight:700;text-shadow:0 2px 10px rgba(0,255,195,.11),0 .5px 4px rgba(255,46,210,.03)}h1,h2,h3,h4,h5,h6{color:var(--accent-mint);letter-spacing:1px}.container{margin:0 auto;padding:0;max-width:100%}.container>.content{margin:3rem}button{background:var(--button-bg);border:1.5px solid var(--button-border);color:var(--button-color);font-family:inherit;padding:.65em 1.5em;border-radius:8px;font-size:1.05rem;transition:box-shadow .2s,border-color .2s,color .2s;cursor:pointer;margin-right:.5em;margin-top:.25em}button:hover,button:focus{border-color:var(--accent-magenta);color:var(--accent-magenta);box-shadow:0 0 2px 2px var(--accent-magenta)}a{color:var(--accent-mint);font-weight:600;transition:all .2s ease;position:relative}a:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:var(--accent-mint);opacity:0;transform:scaleX(0);transition:all .3s ease}a:hover:after{color:var(--footer-link-color)}a:hover{color:#90ee90;text-shadow:0 0 2px var(green),0 0 4px var(darkGreen),0 0 6px var(--accent-magenta)}.mobile-only{display:none}.desktop-only{display:block}@media (max-width: 900px){.mobile-only{display:block}.desktop-only{display:none}}::-webkit-scrollbar{width:10px;background:var(--editor-bg)}::-webkit-scrollbar-thumb{background:var(--accent-magenta);border-radius:10px}/*! KEEP HERE: Inline code */.md-inline-code{border-radius:4px;font-family:Source Code Pro,Fira Code,monospace!important;font-size:.95em!important;color:#8bc34a;padding:2px 6px}.split-editor{display:flex;flex-direction:row;margin:0;margin-bottom:1rem;width:100%;max-width:none;padding:0;gap:.2rem;box-sizing:border-box}.editor-pane{min-height:80vh;padding:0}.editor-pane,.markdown-preview-pane{flex:1 1 0;min-width:0;box-sizing:border-box;word-break:break-word;background:var(--editor-bg);border-radius:18px;padding:.3rem;box-shadow:0 8px 32px #00ffc312,0 1.5px 10px #ff2ed208;border:none!important}div>section{margin:1rem}div>section>.button-row{margin:1rem 0}.responsive-iframe-wrapper{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:10px;margin:1.5rem 0}.responsive-iframe-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.editor-pane>label{display:block;margin:0 0 1.3rem}label{color:var(--accent-mint);font-size:1.05rem;margin-bottom:.5rem}textarea{width:100%;min-width:0;box-sizing:border-box;overflow-wrap:break-word;resize:vertical;min-height:50vh;background:var(--code-bg);color:var(--editor-text);font-family:Space Mono,monospace;font-size:1.1rem;padding:1rem;border-radius:10px;border:1.5px solid var(--accent-mint);outline:none;transition:box-shadow .2s,border-color .2s}textarea:focus{border-color:var(--accent-magenta);box-shadow:0 0 8px 2px var(--accent-magenta)}.resizer{width:1rem;margin:0;background:#2d8585;cursor:col-resize;position:relative;z-index:10;border-radius:2px;transition:background .2s ease}.resizer:hover{background:var(--accent-magenta)}.editor-pane{flex-grow:2}.markdown-preview-pane{flex-grow:3}@media (max-width: 900px){.resizer{display:none}.split-editor{flex-direction:column;gap:1rem;width:100%;height:auto;min-height:none;padding:.2rem}.split-editor>.editor-pane{margin-bottom:20rem 0}.split-editor>section{margin:0;height:auto;min-height:none}.editor-pane,.markdown-preview-pane{height:auto;min-height:none;padding:.2rem;margin:0}section>label{margin:1rem}.markdown-preview-pane{margin:1rem 0}textarea{min-height:none;height:auto}}.markdown-preview .md-checkbox{display:flex;align-items:flex-start;margin:.4rem 0;font-family:Inter,sans-serif;line-height:1.4;gap:.6rem;position:relative}.markdown-preview .md-checkbox input[type=checkbox]{width:1.2rem;height:1.2rem;margin-top:.2rem;border:2px solid var(--accent-mint);border-radius:6px;background:transparent;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .1s;position:relative}.markdown-preview .md-checkbox input[type=checkbox]:checked{background-color:var(--accent-mint);border-color:var(--accent-magenta);animation:popCheck .2s ease}.markdown-preview .md-checkbox input[type=checkbox]:checked:after{content:"✓";position:absolute;top:0;left:.18rem;font-size:1rem;color:var(--editor-bg);font-weight:700}.markdown-preview .md-checkbox span{font-size:1.05rem;font-weight:600;color:#000;display:inline-block;transition:color .2s ease}.markdown-preview .md-checkbox input[type=checkbox]:hover{border-color:var(--accent-magenta);transform:scale(1.1)}@keyframes popCheck{0%{transform:scale(1)}40%{transform:scale(1.2)}to{transform:scale(1)}}.warning-msg{color:#e57300;font-weight:700;font-size:.96em;background:#fffbe6;border-left:4px solid #e57300;padding:.3em .8em;margin:.8em 0 0;border-radius:3px;display:block}.markdown-preview,.markdown-export{background:#fff;color:#212529;font-family:Inter,Segoe UI,Arial,sans-serif;padding:2rem;border-radius:.8rem;font-size:1.1em;line-height:1.7;box-shadow:0 2px 8px #14283c0a;min-height:300px}.markdown-preview h1,.markdown-export h1{color:#1a1a1a!important;font-family:Inter,Segoe UI,Arial,sans-serif!important;font-weight:700!important;font-size:2em!important;margin-top:2rem;margin-bottom:.5rem;border-bottom:1px solid #e1e4e8;padding-bottom:.2em}.markdown-preview h2,.markdown-export h2{color:#1a1a1a!important;font-family:Inter,Segoe UI,Arial,sans-serif!important;font-weight:600!important;font-size:1.6em!important;margin-top:2rem;margin-bottom:.5rem;border-bottom:1px solid #e1e4e8;padding-bottom:.2em}.markdown-preview h3,.markdown-export h3{color:#1a1a1a!important;font-family:Inter,Segoe UI,Arial,sans-serif!important;font-weight:600!important;font-size:1.3em!important;margin-top:1.5rem;margin-bottom:.4rem;border-bottom:1px solid #eee;padding-bottom:.12em}.markdown-preview h4,.markdown-export h4,.markdown-preview h5,.markdown-export h5,.markdown-preview h6,.markdown-export h6{color:#1a1a1a!important;font-family:Inter,Segoe UI,Arial,sans-serif!important;font-weight:600!important;font-size:1.08em!important;margin-top:1rem;margin-bottom:.3rem}.markdown-preview p{margin:.8em 0}.markdown-preview ul,.markdown-preview ol{margin:1em 0 1em 2.5em}.markdown-preview a{color:#26d;text-decoration:underline}.markdown-preview img{max-width:90%;display:block;margin:1.5em auto;border-radius:.5em;box-shadow:0 1.5px 9px #0000000a}span.md-inline-code,.markdown-preview>ul>li>.md-inline-code,.markdown-preview>div>.md-inline-code,.markdown-preview>ul>.md-inline-code,.markdown-preview>li>.md-inline-code,.markdown-preview>div>ul>li>b>.md-inline-code,.markdown-preview>div>ul>li>span>.md-inline-code,.markdown-preview>span>.md-inline-code,.markdown-preview>h2>.md-inline-code,.markdown-preview>h3>.md-inline-code,.markdown-preview>h4>.md-inline-code,.markdown-preview>h5>.md-inline-code,.markdown-preview>.md-inline-code,.markdown-preview>p>.md-inline-code{border-radius:4px;font-family:Source Code Pro,Fira Code,monospace!important;font-size:.95em!important;background:#ece7e7;color:#d6336c;padding:2px 6px}.md-code-container>pre>code{background:#191a1f!important}.md-code-container>pre,.markdown-preview pre,.md-code-container pre,.md-code{background:#191a1f!important;color:#eaeaea!important;padding:1em 1.3em!important;border-radius:8px!important;overflow-x:auto!important;font-size:1em;font-family:Source Code Pro,Fira Mono,"monospace";border:none!important;box-shadow:0 1.5px 9px #00000017;margin:1em 0!important}.md-keyword{color:#569cd6!important;font-weight:500!important}.md-string{color:#ce9178!important}.md-number{color:#b5cea8!important}.md-special{color:#dcdcaa!important}.md-class{color:#4ec9b0!important}.md-decorator{color:purple!important}.md-regex{color:#8b0000!important}.md-call-method{color:#dcdcaa!important;font-weight:500}.md-table{width:100%;border-collapse:separate;border-spacing:0;margin:2em 0;font-size:1.03em;background:#fafaff;border-radius:12px;overflow:hidden;box-shadow:0 1.5px 9px #50505014;border:1.5px solid #ebecf0}.md-table th,.md-table td{border:none;padding:14px 18px;text-align:left;font-family:Inter,Segoe UI,Arial,sans-serif}.md-table th{background:#f3f6fa;color:#183d5c;font-weight:700;font-size:1.08em;letter-spacing:.01em;border-bottom:2px solid #e5e9ef}.md-table td{background:#fff;color:#222;border-bottom:1px solid #f0f2f5;vertical-align:top}.md-table tbody tr:last-child td{border-bottom:none}.md-table tbody tr:nth-child(2n) td{background:#f7faff}.md-table tbody tr:hover td{background:#e8f1fc;color:#183d5c;transition:background .16s}.md-table tr:first-child th:first-child{border-top-left-radius:12px}.md-table tr:first-child th:last-child{border-top-right-radius:12px}.md-table tr:last-child td:first-child{border-bottom-left-radius:12px}.md-table tr:last-child td:last-child{border-bottom-right-radius:12px}.md-line{border-top:2px #aaa solid;margin:1em 0}.md-code-container{position:relative;margin-bottom:1em}.md-code-container button{position:absolute;top:9px;right:10px;background:#eaeaea;color:#333;border:none;border-radius:6px;padding:3px 8px;cursor:pointer;font-size:.85em;box-shadow:0 1px 2px #1e1e1e12;transition:background .15s}.md-code-container button:hover{background:#d4d4d4}.markdown-preview p{margin:.9em 0}.markdown-preview ul,.markdown-preview ol{margin:1em 0 1em 2.2em}.markdown-preview li{margin-bottom:.35em}.markdown-preview a{color:#06c;text-decoration:underline}[class^=md-code-]{display:block;border:none!important}.md-comment,.md-code-container>pre>code>.md-comment,[class^=md-code-]>.md-comment{color:#6a9955!important;font-style:italic!important}html,body{margin:0;width:100%;height:100%}body{padding:0}header{background:#000}.header-main{display:flex;align-items:center;gap:1rem;justify-content:center}.logo-img{width:72px;height:72px;border-radius:50%;border:3px solid var(--accent-mint)}.logo-link{display:inline-block;transition:transform .2s ease}.logo-link:hover{transform:scale(1.08)}.site-header{text-align:center;padding:1rem;background:transparent;border-bottom:1px solid var(--code-border);margin-bottom:2rem}.header-content{display:flex;flex-direction:column;align-items:center;gap:.4rem}.main-nav{margin-top:1.5rem;display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.nav-link{color:var(--accent-mint);text-decoration:none;font-weight:600;letter-spacing:.5px;font-size:1rem;padding:.4rem .6rem;border-radius:6px;transition:background .2s ease}@media (max-width: 768px){.main-nav{flex-direction:column;align-items:center;gap:1rem}.nav-link{font-size:.9rem;padding:.3rem .6rem}}@media (max-width: 480px){.site-header{padding:1.5rem .8rem}.header-content{gap:.3rem}.npm-badge img{height:24px}.main-nav{margin-top:1rem}.nav-link{font-size:.8rem;padding:.2rem .5rem}}footer{background:#111;padding:0;border-top:1px solid rgba(255,255,255,.05);margin-top:1rem}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem;max-width:1200px;margin:0 auto;align-items:flex-start}.social-column{flex:1 1 60%;display:flex;justify-content:center;align-items:center}.social-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.social-links a{background:#ffffff14;border-radius:50%;padding:.75rem;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease;width:56px;height:56px}.social-links a:hover{background:#00ffc326;transform:scale(1.1)}.social-links svg{width:2rem;height:2rem;fill:var(--footer-link-color)}.learnprogramming-icon a{display:inline-flex;align-items:center;justify-content:center;background:#ffffff14;border-radius:50%;transition:transform .2s ease,background .2s ease}.learnprogramming-icon a:hover{background:#00ffc326;transform:scale(1.1)}.learnprogramming-icon img{width:2rem;height:2rem;object-fit:contain}.seo-copy{flex:1 1 35%;background:#14181efa;color:#a0b0c0;border-radius:14px;font-size:1.08em;padding:1.5rem 2rem;line-height:1.7;box-shadow:0 2px 10px #00ffc30f;text-align:left;min-width:280px}.seo-copy a{color:#00ffc3;text-decoration:underline;font-weight:600}.seo-copy b{color:#66ffe6}h2{font-size:1.4em;margin:.4rem 0}.seo-copy .markdown-disclaimer{font-size:.85em;font-style:italic;margin-top:1rem;color:#7c8d9e;line-height:1.6}@media (max-width: 768px){.footer-container{flex-direction:column-reverse;align-items:stretch}.social-column,.social-links{justify-content:center}.seo-copy{font-size:1em;padding:1.1rem 1rem}}