*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#1a1a2e;--bg-card:#252540;--bg-deep:#0a0a14;--text:#f3f4f6;--text-muted:#9ca3af;--text-dim:#6b7280;--border:#2d2d4d;--border-light:#3b3b5c;--border-hover:#4b4b6c;--blue:#3b82f6;--blue-light:#60a5fa;--blue-dark:#1d4ed8;--orange:#f97316;--orange-light:#fdba74;--green:#10b981;--red:#ef4444;--yellow:#fbbf24;--code-bg:#252540;--code-text:#fbbf24;--mono:"JetBrains Mono", monospace;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}body{font-family:var(--sans);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}header{border-bottom:1px solid var(--border);background:var(--bg);z-index:100;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:sticky;top:0}.logo-header{align-items:center;gap:12px;text-decoration:none;display:flex}.logo-header span{color:var(--text);font-size:24px;font-weight:600}nav{align-items:center;gap:30px;display:flex}nav a{color:var(--text-muted);font-size:15px;text-decoration:none;transition:color .2s}nav a:hover,nav a.active{color:var(--text)}.nav-dropdown{position:relative}.nav-dropdown-btn{color:var(--text-muted);font-family:var(--sans);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:15px;transition:color .2s;display:flex}.nav-dropdown-btn:hover{color:var(--text)}.dropdown-arrow{font-size:10px}.nav-dropdown-menu{background:var(--bg-card);border:1px solid var(--border-hover);z-index:200;border-radius:8px;min-width:160px;margin-top:8px;padding:6px 0;display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000004d}.nav-dropdown.is-open .nav-dropdown-menu{display:block}.nav-dropdown-menu a{color:var(--text-muted);padding:8px 16px;font-size:14px;text-decoration:none;transition:all .15s;display:block}.nav-dropdown-menu a:hover{background:var(--border);color:var(--text)}.nav-dropdown-menu a:focus{background:var(--border);color:var(--text);outline:none}.github-link{background:var(--bg-card);border-radius:8px;align-items:center;gap:8px;padding:8px 16px;transition:background .2s;display:flex;color:var(--text)!important}.github-link:hover{background:var(--border)}.page-container{max-width:960px;margin:0 auto;padding:60px 40px 80px}.page-title{background:linear-gradient(135deg, var(--blue-light) 0%, var(--blue) 50%, var(--orange) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:2.5rem;font-weight:600}.page-subtitle{color:var(--text-muted);max-width:680px;margin-bottom:48px;font-size:1.1rem;line-height:1.7}.features-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:48px;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px;transition:border-color .2s,transform .2s}.feature-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.feature-icon{text-align:center;background:#3b82f61a;border-radius:10px;width:40px;height:40px;margin-bottom:12px;font-size:1.5rem;line-height:40px;display:block}.feature-card h3{color:var(--text);margin-bottom:8px;font-size:1rem;font-weight:600}.feature-card p{color:var(--text-muted);font-size:.9rem;line-height:1.6}.section{margin-bottom:48px}.section-title{color:var(--text);margin-bottom:16px;font-size:1.4rem;font-weight:600}.section-desc{color:var(--text-muted);margin-bottom:20px;font-size:.95rem;line-height:1.7}.commands-table{border-collapse:collapse;width:100%;margin-bottom:24px}.commands-table th,.commands-table td{text-align:left;border-bottom:1px solid var(--border);padding:12px 16px;font-size:.9rem}.commands-table th{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:500}.commands-table td{color:var(--text-muted)}.commands-table code{font-family:var(--mono);color:var(--code-text);background:var(--code-bg);border-radius:4px;padding:2px 6px;font-size:.85rem}.commands-table kbd{font-family:var(--mono);background:var(--bg-deep);border:1px solid var(--border-light);color:var(--text-muted);border-radius:4px;padding:2px 6px;font-size:.8rem}.code-block{background:var(--bg-deep);border:1px solid var(--border);font-family:var(--mono);color:var(--text-muted);border-radius:10px;margin-bottom:24px;padding:20px 24px;font-size:.85rem;line-height:1.7;overflow-x:auto}.code-block .comment{color:var(--text-dim)}.code-block .key{color:var(--blue-light)}.code-block .value{color:var(--green)}.code-block .string{color:var(--orange-light)}.steps{flex-direction:column;gap:16px;display:flex}.step{align-items:flex-start;gap:16px;display:flex}.step-number{background:linear-gradient(135deg, var(--blue), var(--blue-dark));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:600;display:flex}.step-content{padding-top:4px}.step-content p{color:var(--text-muted);font-size:.95rem;line-height:1.6}.step-content code{font-family:var(--mono);color:var(--code-text);background:var(--code-bg);border-radius:4px;padding:2px 6px;font-size:.85rem}.resolution-list{padding:0;list-style:none}.resolution-list li{border-bottom:1px solid var(--border);color:var(--text-muted);padding:12px 0 12px 28px;font-size:.9rem;line-height:1.6;position:relative}.resolution-list li:before{content:"";background:var(--blue);border-radius:50%;width:8px;height:8px;position:absolute;top:18px;left:0}.resolution-list li strong{color:var(--text)}.roadmap{flex-direction:column;gap:16px;display:flex}.roadmap-phase{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:20px 24px}.roadmap-phase h4{align-items:center;gap:10px;margin-bottom:8px;font-size:.95rem;font-weight:600;display:flex}.roadmap-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:2px 8px;font-size:.7rem;font-weight:500}.badge-done{color:var(--green);background:#10b98126}.badge-next{color:var(--blue);background:#3b82f626}.badge-planned{color:var(--text-dim);background:#6b728026}.roadmap-phase ul{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.roadmap-phase li{color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:4px 12px;font-size:.8rem}.install-btn{background:linear-gradient(135deg, var(--blue), var(--blue-dark));color:#fff;border-radius:10px;align-items:center;gap:8px;margin-bottom:12px;padding:12px 24px;font-size:.95rem;font-weight:500;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.install-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #3b82f64d}.install-alt{color:var(--text-dim);font-size:.85rem}.install-alt code{font-family:var(--mono);color:var(--code-text);background:var(--code-bg);border-radius:4px;padding:2px 6px;font-size:.8rem}footer{text-align:center;border-top:1px solid var(--border);color:var(--text-dim);padding:32px 40px;font-size:.85rem}footer a{color:var(--text-muted);text-decoration:none;transition:color .2s}footer a:hover{color:var(--text)}@media (width<=768px){header{flex-direction:column;gap:12px;padding:16px 20px}nav{flex-wrap:wrap;justify-content:center;gap:16px}.page-container{padding:40px 20px 60px}.page-title{font-size:2rem}.features-grid{grid-template-columns:1fr}.commands-table{font-size:.8rem}.commands-table th,.commands-table td{padding:8px 10px}}@media (width<=480px){nav{gap:12px}.logo-header span{font-size:20px}.page-container{padding:30px 16px 40px}.page-title{font-size:1.75rem}.page-subtitle{font-size:1rem}}