:root{--background:#fff;--background-dark:#f6f8fb;--card-bg:#fff;--text:#1f2933;--primary:#1f2933;--primary-dark:#111827;--primary-hover:#374151;--primary-light:#2563eb14;--secondary:#2563eb;--accent:#2563eb;--accent-soft:#2563eb1a;--accent-glow:#2563eb24;--feature-accent:#1f2933;--feature-accent-soft:#8bbcf52e;--muted:#5b6573;--lang-text-bg:#fff;--lang-text:#1f2933;--lang-text-hover:#f1f5f9;--lang-text-selected:#fff;--lang-border:#e2e8f0;--lang-secondary:#2563eb;--btn-bg:#1f2933;--btn-text:#fff;--btn-outline-border:#cbd5e1;--input-bg:#fff;--form-bg:#fff;--form-border:#d8dee6;--footer-bg:#fff;--border:#e5e9f0;--shadow-sm:0 1px 2px #1018280d;--shadow-md:0 8px 24px #10182817;--border-radius:6px;--max-width:1200px}[data-theme=dark]{--background:#181b22;--background-dark:#12141a;--card-bg:#1e222b;--text:#e8ebf0;--primary:#f3f4f6;--primary-dark:#f9fafb;--primary-hover:#cbd5e1;--primary-light:#60a5fa1f;--secondary:#6cb0ff;--accent:#6cb0ff;--accent-soft:#60a5fa24;--accent-glow:#60a5fa29;--feature-accent:#5b83b8;--feature-accent-soft:#5b83b82e;--muted:#a0a9b8;--lang-text-bg:#1e222b;--lang-text:#e8ebf0;--lang-text-hover:#2b303a;--lang-text-selected:#fff;--lang-border:#333a46;--lang-secondary:#2f6fdd;--btn-bg:#f3f4f6;--btn-text:#12141a;--btn-outline-border:#3b4252;--input-bg:#12141a;--form-bg:#1e222b;--form-border:#333a46;--footer-bg:#181b22;--border:#2b303a;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 10px 28px #0006}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--background-dark);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}a{color:var(--secondary);text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a:hover{text-decoration:underline}.container{width:90%;max-width:var(--max-width);margin:auto;padding:.5rem 0}html[data-loading] body{visibility:hidden}.header-container{width:90%;max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;display:flex}header{z-index:100;padding:.5rem 2rem;position:absolute;top:0;left:0;right:0}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}a.site-title{color:inherit;text-decoration:none}h1{letter-spacing:-.02em;color:var(--primary-dark);-webkit-user-select:none;user-select:none;margin:0;font-size:1.6rem;font-weight:800}.hamburger{cursor:pointer;background:0 0;border:none;font-size:1.4rem;display:none}nav{align-items:center;gap:1.5rem;display:flex}nav ul{gap:1.2rem;margin:0;padding:0;list-style:none;display:flex}nav ul.nav-right{gap:0}nav ul li{align-items:center;display:flex}nav a{color:var(--text);border-radius:8px;padding:.35rem .7rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s}nav a:hover,nav a:focus{color:var(--secondary);background-color:var(--primary-light);outline:none;text-decoration:none}.github-link-content{align-items:center;display:flex}.github-link-content svg{vertical-align:middle;margin-left:4px}.github-link-text{margin-right:5px}.github-link svg{vertical-align:middle;width:20px;height:20px;margin-left:-2px}.github-button-wrapper{transform-origin:50%;align-items:center;height:100%;margin-top:5px;line-height:1;display:flex}.nav-github{align-items:center;display:flex}.lang-switcher{position:relative}#lang-toggle{cursor:pointer;color:var(--primary-dark);background:0 0;border:none;margin-top:5px;margin-right:20px;font-size:1.2rem}.lang-menu{border:1px solid var(--lang-border);background:var(--lang-text-bg);box-shadow:var(--shadow-md);z-index:1000;border-radius:10px;flex-direction:column;gap:0;margin-top:.5rem;display:flex;position:absolute;top:100%;right:-50%;overflow:hidden}.lang-menu[hidden]{display:none!important}.lang-menu li{margin:0;padding:0;list-style:none}.lang-menu li button:hover{background-color:var(--lang-border);color:var(--text)}.lang-menu button{background:var(--lang-text-bg);text-align:left;cursor:pointer;width:100%;color:var(--lang-text);border:none;padding:.5rem 1rem;font-size:.95rem}[data-lang][data-selected=true],[data-lang][data-selected=true]:hover{background-color:var(--lang-secondary);color:var(--lang-text-selected);font-weight:700}.theme-toggle-btn{cursor:pointer;background-color:#0000;border:none;margin-right:10px}.theme-toggle-btn svg{stroke:var(--text);width:20px;height:20px}@media (width<=900px){.header-container{flex-direction:column;align-items:flex-start;gap:.75rem}.title-wrapper{align-items:center;display:flex}.hamburger{cursor:pointer;z-index:200;background:0 0;border:none;width:20px;height:24px;margin-right:1rem;display:block;position:relative}.hamburger .icon,.hamburger .icon:before,.hamburger .icon:after{content:"";background-color:var(--primary-dark);border-radius:2px;height:2px;transition:all .3s;display:block;position:absolute;left:0;right:0}.hamburger .icon{top:50%;transform:translateY(-50%)}.hamburger .icon:before{top:-8px}.hamburger .icon:after{top:8px}.hamburger.active .icon{background-color:#0000}.hamburger.active .icon:before{top:0;transform:rotate(45deg)}.hamburger.active .icon:after{top:0;transform:rotate(-45deg)}nav{background:var(--background);border-radius:var(--border-radius);box-shadow:var(--shadow-md);flex-direction:column;align-items:start;padding:1rem .5rem;display:none;position:static}nav.active{display:flex}nav ul{flex-direction:column;gap:1rem}nav ul.nav-right{flex-direction:row}.lang-switcher{order:1;justify-content:flex-start;gap:.5rem;width:100%;margin-top:0;margin-left:0;display:flex}}.hero{background:var(--background);text-align:center;border-bottom:1px solid var(--border);padding:14rem 2rem 6rem}.hero .container{max-width:900px}.hero h2{letter-spacing:-.03em;color:var(--primary-dark);margin-bottom:1.25rem;font-size:3.2rem;font-weight:800;line-height:1.15}.hero p{color:var(--muted);max-width:680px;margin:0 auto 2.5rem;font-size:1.25rem}.hero-title{word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.hero .btn{background:var(--btn-bg);color:var(--btn-text);border:1px solid var(--btn-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);min-width:200px;margin:.35rem .4rem;padding:.8rem 1.6rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-block}.hero .btn+.btn{color:var(--text);border-color:var(--btn-outline-border);box-shadow:none;background:0 0}.hero .btn:hover,.btn:hover{opacity:.95}section{padding:4.5rem 0}section h3{letter-spacing:-.02em;text-align:center;margin-bottom:1.75rem;font-size:2rem;font-weight:800}.about-section{background-color:var(--card-bg);border:1px solid var(--border);border-radius:calc(var(--border-radius) * 1.5);box-shadow:var(--shadow-sm);color:var(--text);text-align:center;width:calc(100% - 3rem);max-width:900px;margin:4rem auto;padding:3rem 1.5rem}.about-section h3{color:var(--primary-dark);margin-bottom:1rem;font-size:1.8rem;font-weight:800}.about-section p{max-width:700px;color:var(--muted);margin:0 auto;padding:0 .75rem;font-size:1.1rem;line-height:1.7}#features{background-color:var(--background);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}#features .container{gap:1rem;display:grid}#features h3:after{content:"";background:var(--feature-accent);border-radius:4px;width:56px;height:4px;margin:.75rem auto 0;display:block}#features h4{color:var(--primary-dark);align-items:center;gap:.6rem;margin-top:1.75rem;font-size:1.3rem;font-weight:700;display:flex}#features h4:before{content:"";background:var(--feature-accent);width:10px;height:10px;box-shadow:0 0 0 4px var(--feature-accent-soft);border-radius:50%;flex:none}#features ul{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.9rem;margin-top:.5rem;padding-left:0;list-style:none;display:grid}#features ul li{background:var(--card-bg);border:1px solid var(--border);border-left:3px solid var(--feature-accent);box-shadow:var(--shadow-sm);padding:.9rem 1.1rem;font-size:.95rem;line-height:1.45;transition:transform .2s,box-shadow .2s,border-color .2s}#features ul li:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}#demo{background-color:var(--background-dark);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}#demo .container{max-width:var(--max-width);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:stretch;gap:1.25rem;margin:auto;display:grid}#demo h3,#demo .container>p:last-child{grid-column:1/-1}#demo h3{margin-bottom:.5rem}.demo-group{background:var(--card-bg);border-radius:var(--border-radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);flex-direction:column;align-items:flex-start;gap:.75rem;min-width:0;padding:1.5rem;display:flex}.demo-group h4{width:100%;color:var(--primary-dark);border-bottom:1px solid var(--border);margin-bottom:.25rem;padding-bottom:.75rem;font-size:1.3rem;font-weight:700}.demo-group p{color:var(--text);margin:0;font-size:1rem;line-height:1.55}.demo-group p strong{color:var(--muted)}.demo-group p a:not(.btn){overflow-wrap:anywhere}.demo-group a.btn{background-color:var(--btn-bg);color:var(--btn-text);border-radius:var(--border-radius);border:1px solid var(--btn-bg);padding:.6rem 1.2rem;font-weight:600;text-decoration:none;display:inline-block}#demo .container>p:last-child{color:var(--muted);text-align:center;margin:.5rem auto 0}#demo .container>p:last-child a{color:var(--secondary);text-underline-offset:2px;font-weight:400;text-decoration:underline}#support{background-color:var(--background-dark);color:var(--text);padding:4.5rem 2rem}#support .container{max-width:var(--max-width);margin:auto}#support h3{text-align:center;color:var(--primary-dark);margin-bottom:1.5rem;font-size:2rem}#support p{max-width:700px;color:var(--muted);margin-bottom:1rem;margin-left:auto;margin-right:auto;font-size:1rem;line-height:1.65}#support ul{flex-wrap:wrap;justify-content:center;gap:.75rem;max-width:700px;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;padding-left:0;list-style-type:none;display:flex}#support ul li{margin-bottom:0}#support ul li a{border:1px solid var(--border);background:var(--card-bg);box-shadow:var(--shadow-sm);color:var(--text);border-radius:999px;padding:.45rem 1.1rem;font-weight:600;text-decoration:none;display:inline-block}#support ul li a:hover{opacity:.9}#github-btn{text-align:center}#github-issues-support{text-align:center;background:var(--card-bg);border:1px solid var(--border);border-radius:calc(var(--border-radius) * 1.5);box-shadow:var(--shadow-sm);max-width:800px;margin-top:3rem;margin-left:auto;margin-right:auto;padding:2rem 1.5rem;display:none}#github-issues-support h4{color:var(--primary-dark);margin-bottom:1rem;font-size:1.5rem;font-weight:700}#github-issues-support p{max-width:700px;color:var(--text);margin:0 auto;font-size:1.05rem}#github-issues-support a{color:var(--accent);text-underline-offset:2px;font-weight:400;text-decoration:underline;transition:color .2s}#github-issues-support a:hover{text-decoration:underline}#contact{background-color:var(--background);border-top:1px solid var(--border)}form{background-color:var(--form-bg);border:1px solid var(--form-border);border-radius:calc(var(--border-radius) * 1.5);max-width:600px;box-shadow:var(--shadow-md);gap:1rem;margin:1rem auto 0;padding:1.5rem;display:grid}input,textarea{border:1px solid var(--form-border);border-radius:var(--border-radius);background-color:var(--input-bg);width:100%;color:var(--text);padding:.8rem .9rem;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}input:focus,textarea:focus{border-color:var(--feature-accent);box-shadow:0 0 0 3px var(--feature-accent-soft);outline:none}textarea{resize:vertical;min-height:220px}button[type=submit]{background-color:var(--btn-bg);color:var(--btn-text);border-radius:var(--border-radius);cursor:pointer;border:none;padding:.8rem;font-size:1rem;font-weight:600}footer{background-color:var(--footer-bg);border-top:1px solid var(--border);text-align:center;color:var(--muted);padding:1.5rem 0;font-size:.9rem}footer a{color:var(--text);text-underline-offset:2px;font-weight:400;text-decoration:underline}.page-wrapper{flex-direction:column;min-height:100vh;display:flex}.page-wrapper main.container{flex:1;max-width:800px;margin:0 auto;padding:2rem;font-size:1rem;line-height:1.6}.page-wrapper main.container h1{margin-bottom:1rem}.page-wrapper main.container h2{margin-bottom:.5rem}.page-wrapper main.container p{margin-bottom:1.5rem}@media (width<=768px){nav ul{flex-direction:column;gap:.5rem}.hero{padding:11rem 1.25rem 5rem}.hero h2{font-size:2.1rem}.hero p{font-size:1.1rem}.hero .btn{width:100%;max-width:320px;margin:.6rem auto;display:block}section{padding:3rem 0}section h3,#support h3{font-size:1.6rem}#support{padding:3rem 1rem}#features ul{grid-template-columns:1fr}}