:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, Roboto, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--primary:#007d9c;--secondary:#007d9c;--dark:#2c3e50;--light:#ecf0f1;--blockquote-bg:#edf1f2;--bg-color:#f9f9f9;--text-color:#333;--header-dark:#007d9c;--header-light:#fff;--nav-hover:#006a85;--focus-border:#4c9fff;--hero-lead-text:#fff8dc;--hamburger-bar:#fff;--header-shadow:#ababab4d;--overlay-bg:#00000080;--drawer-shadow:#00000080;--btn-bg:var(--primary);--btn-text:#fff;--custom-btn-text:#000;--custom-btn-bg:#fddd00;--custom-btn-hover:#fddd00;--support-btn-bg:transparent;--support-btn-text:var(--primary);--support-btn-border:var(--primary);--support-btn-heart:currentColor;--support-btn-github-bg:#24292f;--support-btn-github-border:#24292f;--support-btn-github-text:#fff;--support-btn-github-heart:#e5262c;--support-btn-paypal-bg:var(--custom-btn-bg);--support-btn-paypal-border:var(--custom-btn-bg);--support-btn-paypal-text:var(--custom-btn-text);--heart-color:#fff;--code-bg:#f5f5f5;--code-color:#23272f;--code-border:#ccc;--code-comment:#818181;--code-radius:0;--code-font:"JetBrains Mono", "Cascadia Code", "Segoe UI Mono", "Consolas", monospace;--code-btn-bg:#007d9c;--code-btn-bg-hover:#006a85;--code-btn-color:#fff;--code-btn-padding:.3rem .6rem;--code-btn-font-size:.85rem;--code-btn-radius:0;--form-bg:#fafafa;--form-border:#e0e0e0;--form-focus-border:var(--header-dark);--border:#f2f2f2;--border-radius:0;--input-bg:#fff;--placeholder-text-color:#727272;--footer-bg:var(--light);--footer-text:#555;--footer-link:var(--dark)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary:#56bfd7;--secondary:#56bfd7;--dark:#ecf0f1;--light:#2c3e50;--blockquote-bg:#1e2b37;--bg-color:#1b1d24;--text-color:#c8c9cb;--header-dark:#08677e;--nav-hover:#333a45;--btn-bg:#0077c8;--support-btn-github-bg:#f0f6fc;--support-btn-github-border:#f0f6fc;--support-btn-github-text:#1b1f24;--code-bg:#23272f;--code-color:#dfdfdf;--code-border:#292c3c;--code-comment:#aaa;--code-btn-bg:#0077c8;--code-btn-bg-hover:#106fbf;--form-bg:#23272f;--form-border:#23272f;--form-focus-border:var(--primary);--border:#23272f;--input-bg:#333a45;--placeholder-text-color:#a0a8b8;--footer-bg:#23272f;--footer-text:#bbb;--footer-link:var(--secondary)}html{scroll-padding-top:1rem}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{min-height:100dvh;font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);flex-direction:column;margin:0;display:flex}a{color:var(--secondary)}:focus-visible{outline:2px solid var(--focus-border);outline-offset:2px}.container{flex:1 0 auto;width:calc(100% - 2rem);max-width:992px;margin:2rem auto;padding:0 1rem}section{margin-bottom:2rem}.svg-sprite{position:absolute}section h1,section h2,section h3,section h4{color:var(--primary)}section h3{font-size:1rem}section p,section li{margin-left:auto;margin-right:auto;font-size:1rem;line-height:1.6rem}p.blockquote{border-left:4px solid var(--primary);color:var(--text-color);background-color:var(--blockquote-bg);margin:1rem 0;padding:.5rem 1rem}header{background-color:var(--header-dark);color:var(--header-light);text-align:center;flex-direction:column;align-items:center;padding-bottom:0;display:flex}.header-nav{width:calc(100% - 2rem);box-shadow:0 .0625rem .125rem var(--header-shadow);flex-direction:row;justify-content:flex-end;gap:.3rem;padding:.5rem 1rem;display:flex}.header-servy{color:var(--header-light);justify-content:center;align-items:center;margin-right:auto;padding:0 .5rem;font-size:1.3rem;font-weight:600;text-decoration:none;display:flex}.header-link{color:var(--header-light);padding:0 .5rem;font-size:.9rem;text-decoration:none}a.logo{margin-right:3px;text-decoration:none}.nav-links a,.nav-links button,.header-actions a,.header-actions button{border-radius:var(--border-radius);justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.nav-links a:hover,.nav-links button:hover,.header-actions a:hover,.header-actions button:hover{background-color:var(--nav-hover)}.header-actions{flex-direction:row;justify-content:flex-end;display:flex}.github-link svg{fill:var(--btn-text);transition:opacity .2s}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;margin:.6rem 0;display:none}.hamburger span{background-color:var(--hamburger-bar);border-radius:2px;width:25px;height:3px;transition:transform .3s,opacity .3s}.hamburger.active{z-index:2000;display:flex;position:fixed}.hamburger.active span:first-child{transform:translateY(8px)rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.nav-overlay{background:var(--overlay-bg);z-index:999;display:none;position:fixed;inset:0}.nav-links.active~.nav-overlay{display:block}@media (width>=768px){.nav-links{flex-direction:row;justify-content:flex-end;gap:.3rem;width:calc(100% - 2rem);display:flex}}@media (width<=768px){.hamburger-container{justify-content:center;align-items:center;width:40px;display:flex}.hamburger{z-index:1001;display:flex}.header-nav{justify-content:flex-end;align-items:center;min-height:50px;display:flex;position:relative}.nav-links{background:var(--header-dark);visibility:hidden;width:200px;height:100dvh;box-shadow:-5px 0 15px var(--drawer-shadow);z-index:1500;flex-direction:column;padding:50px 20px;transition:transform .4s,visibility 0s linear .4s;position:fixed;top:0;right:0;transform:translate(100%)}.nav-links.active{visibility:visible;transition:transform .4s;transform:none}.nav-links .support-link{margin-left:-24px}.header-link{padding:5px 0;font-size:1rem}.header-actions{margin-right:1rem}}.dark-mode-toggle{color:var(--header-light);cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;padding:.4rem;font-size:1rem;display:inline-flex}.dark-mode-toggle .icon{stroke-width:2px;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.dark-mode-toggle .sun{display:none}[data-theme=dark] .dark-mode-toggle{background:var(--header-dark);color:var(--header-light)}[data-theme=dark] .dark-mode-toggle:hover{opacity:.8}[data-theme=dark] .dark-mode-toggle .moon{display:none}[data-theme=dark] .dark-mode-toggle .sun{display:inline}header h1{margin:2rem 1rem 1rem;font-size:2.4rem;font-weight:500}header h1 a{color:var(--header-light);text-decoration:none}header p{text-align:center;max-width:700px;margin-top:.5rem;margin-left:auto;margin-right:auto;padding:0 .5rem;font-size:1.1rem;line-height:1.55}@media (width<=600px){header h1{font-size:2rem}}form{background-color:var(--form-bg);border:1px solid var(--form-border);border-radius:var(--border-radius);gap:1rem;max-width:600px;padding:1rem;display:grid}input,textarea{border:1px solid var(--form-border);border-radius:var(--border-radius);background-color:var(--input-bg);color:var(--text-color);padding:.75rem;font-family:inherit;font-size:1rem}input::placeholder,textarea::placeholder{color:var(--placeholder-text-color);opacity:1}input:focus,textarea:focus{outline:2px solid var(--form-focus-border)}textarea{resize:vertical;min-height:220px}:is(input:user-invalid,textarea:user-invalid){border-color:#e74c3c}button[type=submit]{background-color:var(--btn-bg);color:var(--btn-text);border-radius:var(--border-radius);cursor:pointer;border:none;padding:.75rem;font-size:1rem;transition:opacity .2s ease-in-out}button[type=submit]:hover{opacity:.9}.form-container{justify-content:center;margin-top:2rem;display:flex}.form-container form{width:100%}.form-container .honeypot{display:none}footer{text-align:center;background:var(--footer-bg);color:var(--footer-text);padding:2rem;font-size:.9rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:1rem;display:flex}footer a{color:var(--footer-link);font-weight:600;text-decoration:none}footer a:hover{text-decoration:underline}footer p{line-height:1.5rem}.footer-link-source{align-items:center;gap:.5rem;display:inline-flex}@media (width<=600px){footer{padding-bottom:6rem}}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#back-to-top{background-color:var(--btn-bg);width:42px;height:42px;color:var(--btn-text);cursor:pointer;opacity:0;visibility:hidden;z-index:1000;border:none;border-radius:50%;font-size:1.3rem;transition:opacity .2s,visibility .2s;position:fixed;bottom:2rem;right:2rem}#back-to-top.show{opacity:1;visibility:visible}#back-to-top svg{width:28px;height:28px;fill:var(--btn-text)}.heart{fill:currentColor;color:var(--heart-color);vertical-align:middle;margin-bottom:-1px;margin-right:8px;display:inline-block}@media (prefers-reduced-motion:reduce){.nav-links,.nav-links.active,.hamburger span,#back-to-top{transition:none}}