:root{--spring-green:#6db33f;--spring-green-dark:#5a9c33;--bg:#fff;--surface:#fff;--text:#222;--text-mute:#666;--border:#e0e0e0;--code-bg:#f8f8f8;--code-border:#e8e8e8;--radius:10px;--radius-sm:6px;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 12px #00000014;--transition:all .2s ease}@media (prefers-color-scheme:dark){:root{--bg:#0d1117;--surface:#161b22;--text:#e6edf3;--text-mute:#8b949e;--border:#30363d;--code-bg:#0d1117;--code-border:#30363d}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Inter,system-ui,sans-serif;line-height:1.6}.container{max-width:980px;margin:0 auto;padding:0 1.5rem}header{text-align:center;padding:5rem 0 3.5rem}.logo{color:var(--spring-green);letter-spacing:-.02em;align-items:center;margin-bottom:.8rem;font-size:3.4rem;font-weight:800;display:inline-flex}.logo-m{vertical-align:middle;width:auto;height:3.4rem;margin-right:.4rem}.logo-icon{color:var(--spring-green);vertical-align:middle;margin-right:.6rem;font-size:2.8rem}.tagline{color:var(--text-mute);max-width:620px;margin:0 auto 2rem;font-size:1.38rem}.tabs{border-bottom:2px solid var(--border);justify-content:center;gap:.5rem;margin:2.5rem 0 2.8rem;display:flex}.tab-btn{color:var(--text-mute);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-bottom:3px solid #0000;padding:.8rem 1.6rem;font-size:1.05rem;font-weight:600}.tab-btn:hover,.tab-btn.active{color:var(--spring-green);border-bottom-color:var(--spring-green)}.tab-content{display:none}.tab-content.active{animation:.35s fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:1.8rem;padding:1.8rem 2rem}.card-title{color:var(--text);align-items:center;gap:.9rem;margin-bottom:1.1rem;font-size:1.4rem;font-weight:700;display:flex}.card-icon{color:var(--spring-green);font-size:1.6rem}.code-wrapper{background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-sm);margin:1.2rem 0;position:relative;overflow:hidden}pre{color:var(--text);margin:0;padding:1.4rem 1.6rem;font-family:JetBrains Mono,monospace;font-size:.96rem;line-height:1.65;overflow-x:auto}.url-highlight{color:#d44e00;font-weight:500}.copy-btn{border:1px solid var(--border);color:var(--text-mute);cursor:pointer;transition:var(--transition);background:#0000000d;border-radius:6px;margin:0;padding:.35rem .75rem;font-size:.84rem;position:static;top:.6rem;right:5.5rem}.code-header{border-bottom:1px solid var(--code-border);background:#00000008;justify-content:space-between;align-items:center;padding:.6rem 1rem;display:flex}.lang-label{color:var(--text-mute);background:0 0;border-radius:4px;padding:.2rem .5rem;font-size:.82rem;position:static;top:.6rem;right:1rem}.copy-btn:hover{color:var(--spring-green);background:#6db33f1f}.copy-btn.copied{color:var(--spring-green);background:#6db33f33}.features{margin:5rem 0 4rem}.section-title{text-align:center;color:var(--text);margin-bottom:3rem;font-size:2.1rem;font-weight:800}.features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.6rem;display:grid}.feature{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);transition:var(--transition);padding:1.6rem}.feature:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.feature-icon{color:var(--spring-green);margin-bottom:1rem;font-size:2.1rem}.feature-title{margin-bottom:.7rem;font-size:1.28rem;font-weight:700}.feature-desc{color:var(--text-mute);font-size:.96rem}footer{text-align:center;color:var(--text-mute);border-top:1px solid var(--border);padding:3.5rem 0 2.5rem;font-size:.94rem}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:800px;margin:0 auto;display:flex}.footer-text{flex:1;min-width:300px}.footer-logo{flex-shrink:0}.chabokan-logo-footer{width:120px;color:var(--text-mute)}.footer-links a{color:var(--text-mute);transition:var(--transition);margin:0 1rem;text-decoration:none}.footer-links a:hover{color:var(--spring-green)}@media (width<=768px){header{padding:4rem 0 2.5rem}.logo{font-size:2.6rem}.tabs{flex-wrap:wrap;justify-content:flex-start}.url-input-wrapper{flex-direction:column}.url-btn{width:100%;padding:1.1rem}.chabokan-logo{width:100px;height:33px}.footer-content{text-align:center;flex-direction:column;gap:1.5rem}.footer-text{min-width:auto}}.links-section{text-align:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:3.5rem 0;padding:2rem}.links-container{flex-wrap:wrap;justify-content:center;gap:2.5rem;margin-top:1.5rem;display:flex}.link-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);transition:var(--transition);min-width:180px;box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;padding:1.5rem 2rem;text-decoration:none;display:flex}.link-card:hover{box-shadow:var(--shadow-md);border-color:var(--spring-green);transform:translateY(-3px)}.link-icon{margin-bottom:1rem;font-size:2.2rem}.link-card.gitlab .link-icon{color:#fc6d26}.link-card.donate .link-icon{color:#f96854}.link-title{margin-bottom:.5rem;font-size:1.2rem;font-weight:600}.link-desc{color:var(--text-mute);font-size:.9rem;line-height:1.4}@media (width<=768px){.links-container{gap:1.5rem}.link-card{min-width:160px;padding:1.2rem 1.5rem}.link-icon{font-size:1.8rem}}@media (width<=480px){.link-card{min-width:140px;padding:1rem 1.2rem}.chabokan-logo{width:90px;height:30px}.chabokan-logo-footer{width:100px;height:25px}}.feature-link{color:inherit;text-decoration:none;transition:transform .3s;display:block}.feature-link:hover{transform:translateY(-5px)}.feature-link:hover .feature{border-color:#007bff;box-shadow:0 10px 20px #0000001a}.feature-learn-more{color:#007bff;margin-top:10px;font-size:.9em;font-weight:500;text-decoration:none;display:inline-block}.feature-learn-more:hover{text-decoration:underline}.feature-learn-more i{margin-left:5px;transition:transform .2s}.feature-learn-more:hover i{transform:translate(3px)}.feature-desc a{color:#007bff;text-decoration:none}.feature-desc a:hover{text-decoration:underline}.navbar{background-color:var(--surface);width:100%;color:var(--text);box-shadow:var(--shadow-md);z-index:1000;justify-content:space-between;align-items:center;padding:15px 30px;transition:transform .3s ease-in-out;display:flex;position:fixed;top:0;left:0;transform:translateY(0)}.navbar-hidden{transform:translateY(-100%)}.navbar-brand{color:var(--spring-green);font-size:1.5em;font-weight:700;text-decoration:none}.navbar-menu a{color:var(--text);border-radius:var(--radius-sm);transition:background-color var(--transition),color var(--transition);margin-left:20px;padding:5px 10px;text-decoration:none}.navbar-menu a:hover{background-color:var(--spring-green-dark);color:var(--bg)}