*{margin:0;padding:0;box-sizing:border-box;}:root{--background:oklch(0.12 0 0);--foreground:oklch(0.95 0 0);--card:oklch(0.16 0 0);--primary:oklch(0.75 0 0);--primary-foreground:oklch(0.12 0 0);--secondary:oklch(0.22 0 0);--muted:oklch(0.25 0 0);--muted-foreground:oklch(0.55 0 0);--accent:#a89ac3;--border:oklch(0.25 0 0);--radius:0.75rem;}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;background-color:var(--background);color:var(--foreground);line-height:1.6;overflow-x:hidden;position:relative;}.container{max-width:1280px;margin:0 auto;padding:0 1rem;}.navigation{position:fixed;top:0;left:0;right:0;z-index:50;border-bottom:1px solid oklch(0.25 0 0 / 0.4);background:oklch(0.12 0 0 / 0.6);backdrop-filter:blur(16px);max-width:100vw;}.nav-container{display:flex;align-items:center;justify-content:space-between;height:64px;}.logo-link{display:flex;align-items:center;gap:0.5rem;text-decoration:none;transition:opacity 0.2s;}.logo-link:hover{opacity:0.8;}.logo-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:linear-gradient(135deg,var(--primary),var(--accent));}.logo-text{font-size:1.125rem;font-weight:700;color:var(--primary-foreground);}.logo-name{font-size:1.25rem;font-weight:700;color:var(--foreground);}.nav-links{display:flex;align-items:center;gap:0.5rem;}.nav-link{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.75rem;color:var(--muted-foreground);text-decoration:none;border-radius:6px;transition:color 0.2s,background-color 0.2s;font-size:0.875rem;}.nav-link:hover{color:var(--foreground);background-color:oklch(0.25 0 0 / 0.5);}.nav-link.icon{width:16px;height:16px;}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:28px;height:20px;background:transparent;border:none;cursor:pointer;padding:0;z-index:60;transition:transform 0.3s ease;}.hamburger:hover{transform:scale(1.1);}.hamburger-line{width:100%;height:2px;background-color:var(--foreground);border-radius:2px;transition:all 0.3s ease;transform-origin:center;}.hamburger.active.hamburger-line:nth-child(1){transform:translateY(9px)rotate(45deg);}.hamburger.active.hamburger-line:nth-child(2){opacity:0;transform:translateX(-20px);}.hamburger.active.hamburger-line:nth-child(3){transform:translateY(-9px)rotate(-45deg);}@media(max-width:768px){.hamburger{display:flex;}.nav-links{position:fixed;top:64px;left:0;right:0;flex-direction:column;gap:0;background:oklch(0.12 0 0 / 0.98);backdrop-filter:blur(20px);border-top:1px solid oklch(0.25 0 0 / 0.4);padding:1rem 0;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity 0.3s ease,transform 0.3s ease,visibility 0.3s;}.nav-links.active{opacity:1;visibility:visible;transform:translateY(0);}.nav-link{width:100%;padding:1rem 1.5rem;font-size:1rem;border-radius:0;justify-content:flex-start;border-bottom:1px solid oklch(0.25 0 0 / 0.2);}.nav-link:last-child{border-bottom:none;}.nav-link:hover{background-color:oklch(0.25 0 0 / 0.3);}.nav-link.icon{width:20px;height:20px;}}.light-point{position:absolute;border-radius:50%;pointer-events:none;z-index:0;}.light-1{top:80px;left:10%;width:400px;height:400px;background:oklch(0.95 0 0 / 0.1);filter:blur(100px);}.light-2{top:500px;right:15%;width:300px;height:300px;background:oklch(0.75 0 0 / 0.15);filter:blur(80px);}.light-3{top:1000px;left:20%;width:350px;height:350px;background:oklch(0.95 0 0 / 0.08);filter:blur(90px);}.light-4{top:1500px;right:10%;width:280px;height:280px;background:oklch(0.65 0.15 220 / 0.12);filter:blur(70px);}.light-5{top:2000px;left:30%;width:320px;height:320px;background:oklch(0.95 0 0 / 0.12);filter:blur(85px);}.light-6{bottom:500px;right:25%;width:300px;height:300px;background:oklch(0.75 0 0 / 0.1);filter:blur(75px);}.main-content{position:relative;z-index:10;}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding-top:64px;}.hero-bg-gradient{position:absolute;inset:0;background:linear-gradient(to bottom,var(--background),var(--background),oklch(0.22 0 0 / 0.2));}.hero-radial-gradient{position:absolute;inset:0;background:radial-gradient(ellipse at top,oklch(0.65 0.15 220 / 0.2),transparent,transparent);}.grid-pattern{position:absolute;inset:0;background-image:linear-gradient(to right,oklch(0.5 0 0 / 0.07)1px,transparent 1px),linear-gradient(to bottom,oklch(0.5 0 0 / 0.07)1px,transparent 1px);background-size:64px 64px;}.hero-container{position:relative;z-index:10;padding:8rem 1rem;}.hero-content{max-width:1280px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:2rem;}.badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.375rem 1rem;border-radius:9999px;border:1px solid oklch(0.75 0 0 / 0.2);background:oklch(0.75 0 0 / 0.1);color:var(--primary);font-size:0.875rem;backdrop-filter:blur(8px);margin:0 auto;}.ping-container{position:relative;display:flex;width:8px;height:8px;}.ping{position:absolute;display:inline-flex;width:100%;height:100%;border-radius:50%;background:var(--primary);opacity:0.75;animation:ping 1s cubic-bezier(0,0,0.2,1)infinite;}.ping-dot{position:relative;display:inline-flex;width:8px;height:8px;border-radius:50%;background:var(--primary);}@keyframes ping{75%,100%{transform:scale(2);opacity:0;}}.hero-title{font-size:clamp(2.5rem,8vw,6rem);font-weight:700;line-height:1.1;letter-spacing:-0.02em;}.gradient-text{background:linear-gradient(to right,var(--primary),var(--accent),var(--primary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200%auto;}.hero-description{max-width:48rem;margin:0 auto;font-size:1.25rem;color:var(--muted-foreground);line-height:1.6;}.quick-install{padding-top:2rem;}.quick-install-label{font-size:0.875rem;color:var(--muted-foreground);margin-bottom:0.75rem;}.install-command{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;border-radius:var(--radius);border:1px solid var(--border);background:oklch(0.16 0 0 / 0.5);backdrop-filter:blur(8px);font-family:"Courier New",monospace;font-size:0.875rem;}.command-prompt{color:var(--accent);}.command-text{color:var(--foreground);}.hero-fade{position:absolute;bottom:0;left:0;right:0;height:128px;background:linear-gradient(to top,var(--background),transparent);}.code-showcase-section,.features-section,.performance-section,.installation-section{position:relative;padding:8rem 1rem;}.section-header{text-align:center;margin-bottom:4rem;}.section-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:1rem;}.section-description{font-size:1.25rem;color:var(--muted-foreground);max-width:48rem;}.tabs{width:100%;}.tabs-list{display:grid;grid-template-columns:repeat(4,1fr);max-width:38rem;margin:0 auto 2rem;border-radius:var(--radius);overflow:hidden;}.installation-tabs.tabs-list{grid-template-columns:repeat(4,1fr);max-width:48rem;}.tab-trigger{padding:0.5rem 1rem;background:transparent;border:none;color:var(--muted-foreground);cursor:pointer;transition:all 0.2s;font-size:0.875rem;font-weight:500;}.tab-trigger:hover{color:var(--foreground);}.tab-trigger.active{color:var(--foreground);background:oklch(0.25 0 0 / 0.5);}.tab-content{display:none;margin-top:2rem;}.tab-content.active{display:block;}.blur-glass{backdrop-filter:blur(16px);background:oklch(0.16 0 0 / 0.25);border:1px solid oklch(0.75 0 0 / 0.1);}.blur-glass-strong{backdrop-filter:blur(24px);background:oklch(0.18 0 0 / 0.35);border:1px solid oklch(0.75 0 0 / 0.15);}.silver-shimmer{position:relative;overflow:hidden;}.silver-shimmer::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,oklch(0.75 0 0 / 0.08)50%,transparent 100%);pointer-events:none;}.code-card{border-radius:var(--radius);overflow:hidden;}.code-header{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;border-bottom:1px solid oklch(0.25 0 0 / 0.5);}.window-controls{display:flex;gap:0.375rem;}.control-dot{width:12px;height:12px;border-radius:50%;}.control-dot.red{background:oklch(0.577 0.245 27.325 / 0.8);}.control-dot.yellow{background:oklch(0.65 0.15 220 / 0.8);}.control-dot.green{background:oklch(0.696 0.17 162.48 / 0.8);}.file-name{margin-left:1rem;font-size:0.875rem;color:var(--muted-foreground);font-family:"Courier New",monospace;}.code-body{padding:1.5rem;}.code-pre{font-family:"Courier New",monospace;font-size:0.875rem;line-height:1.6;color:var(--foreground);overflow-x:auto;}.code-pre code{white-space:pre;}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1400px;margin:0 auto;}.feature-card{padding:2rem;border-radius:var(--radius);border:1px solid oklch(0.75 0 0 / 0.2);}.feature-icon-wrapper{display:inline-flex;padding:0.75rem;border-radius:var(--radius);background:oklch(0.75 0 0 / 0.1);border:1px solid oklch(0.75 0 0 / 0.2);margin-bottom:1rem;}.feature-icon{width:24px;height:24px;color:var(--primary);}.feature-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;}.feature-description{color:var(--muted-foreground);line-height:1.6;}.performance-section{position:relative;}.performance-gradient{position:absolute;inset:0;background:linear-gradient(to bottom,transparent,oklch(0.65 0.15 220 / 0.05),transparent);}.performance-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.375rem 1rem;border-radius:9999px;border:1px solid oklch(0.65 0.15 220 / 0.2);background:oklch(0.65 0.15 220 / 0.1);color:var(--accent);font-size:0.875rem;backdrop-filter:blur(8px);margin-bottom:1rem;}.benchmarks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;max-width:1400px;margin:0 auto;}.benchmark-card{padding:1.5rem;border-radius:var(--radius);text-align:center;}.benchmark-label{font-size:0.875rem;color:var(--muted-foreground);margin-bottom:0.75rem;}.benchmark-value{font-size:2.25rem;font-weight:700;color:var(--primary);margin-bottom:0.75rem;}.benchmark-comparison{font-size:0.875rem;color:var(--muted-foreground);}.cwagger-info{margin-top:4rem;text-align:center;}.info-card{display:inline-block;padding:2rem;border-radius:var(--radius);max-width:48rem;}.info-text{font-size:1.125rem;color:var(--muted-foreground);line-height:1.6;}.info-text.highlight{color:var(--accent);font-weight:600;}.install-card{border-radius:var(--radius);overflow:hidden;}.install-header{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 1.5rem;border-bottom:1px solid oklch(0.25 0 0 / 0.5);}.install-label{font-size:0.875rem;color:var(--muted-foreground);font-family:"Courier New",monospace;}.copy-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:background-color 0.2s;}.copy-button:hover{background:oklch(0.25 0 0 / 0.5);}.copy-icon{width:16px;height:16px;color:var(--foreground);}.copy-button.copied.copy-icon{color:var(--accent);}.install-body{padding:1.5rem;}.install-pre{font-family:"Courier New",monospace;font-size:0.875rem;line-height:1.6;color:var(--foreground);white-space:pre-wrap;}.vscode-extension{margin-top:4rem;text-align:center;}.extension-card{display:inline-block;padding:2rem;border-radius:var(--radius);max-width:48rem;}.extension-content{display:flex;align-items:flex-start;gap:1rem;text-align:left;}.extension-icon{padding:0.5rem;border-radius:var(--radius);background:rgb(255,255,255);border:1px solid#dfdfdf33;flex-shrink:0;}.extension-icon.icon{width:20px;height:20px;color:var(--accent);}.extension-text{flex:1;}.extension-title{font-size:1.125rem;font-weight:600;margin-bottom:0.5rem;}.extension-description{color:var(--muted-foreground);line-height:1.6;margin-bottom:1rem;}.extension-button{padding:0.5rem 1rem;border-radius:6px;border:1px solid oklch(0.65 0.15 220 / 0.2);background:transparent;color:var(--foreground);cursor:pointer;transition:all 0.2s;font-size:0.875rem;}.extension-button:hover{background:oklch(0.25 0 0 / 0.5);}.footer{position:relative;border-top:1px solid oklch(0.25 0 0 / 0.5);padding:4rem 1rem;}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;margin-bottom:3rem;}.footer-column{display:flex;flex-direction:column;gap:1rem;}.footer-brand{font-size:1.5rem;font-weight:700;}.footer-tagline{font-size:0.875rem;color:var(--muted-foreground);line-height:1.6;}.footer-heading{font-weight:600;}.footer-links{list-style:none;display:flex;flex-direction:column;gap:0.5rem;}.footer-links a{font-size:0.875rem;color:var(--muted-foreground);text-decoration:none;transition:color 0.2s;}.footer-links a:hover{color:var(--foreground);}.footer-bottom{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem;padding-top:2rem;border-top:1px solid oklch(0.25 0 0 / 0.5);}.footer-copyright{font-size:0.875rem;color:var(--muted-foreground);}.icon{stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}@media(min-width:768px){.footer-bottom{flex-direction:row;}}@media(max-width:768px){.features-grid{grid-template-columns:1fr;}.benchmarks-grid{grid-template-columns:repeat(2,1fr);}.extension-content{flex-direction:column;text-align:center;}}@media(max-width:455px){.light-1{width:100px;height:100px;top:100px;left:5%;}.light-2{width:100px;height:100px;top:400px;right:10%;}.light-3{width:150px;height:150px;top:900px;left:10%;}.light-4{width:100px;height:100px;top:1400px;right:5%;}.light-5{width:250px;height:250px;top:1900px;left:15%;}.light-6{width:100px;height:100px;bottom:400px;right:15%;}}.docs-main{padding-top:64px;min-height:100vh;}.docs-shell{padding:2.25rem 1rem 5rem;}.docs-intro-card{margin-bottom:1.5rem;padding:1.8rem;}.docs-intro-title{margin-top:0.9rem;margin-bottom:0.65rem;line-height:1.15;}.docs-intro-description{margin:0;max-width:64rem;text-align:left;}.docs-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:2rem;align-items:start;}.docs-sidebar,.docs-content,.admin-login-card,.admin-editor-card{border-radius:var(--radius);border:1px solid oklch(0.75 0 0 / 0.15);}.docs-sidebar{padding:1.25rem 1rem;position:sticky;top:86px;max-height:100vh;overflow:auto;}.docs-sidebar-title{font-size:1rem;letter-spacing:0.02em;text-transform:uppercase;color:var(--muted-foreground);margin-bottom:0.35rem;}.docs-sidebar-subtitle{color:var(--muted-foreground);font-size:0.9rem;margin-bottom:0.85rem;}.docs-sidebar-list{list-style:none;display:flex;flex-direction:column;gap:0.25rem;}.docs-sidebar-link{display:flex;align-items:center;min-height:38px;padding:0.4rem 0.7rem;border-radius:8px;color:var(--muted-foreground);text-decoration:none;font-size:0.92rem;border:1px solid transparent;}.docs-sidebar-link span{display:block;width:100%;overflow-wrap:anywhere;}.docs-sidebar-link:hover{color:var(--foreground);background:oklch(0.25 0 0 / 0.35);border-color:oklch(0.75 0 0 / 0.12);}.docs-sidebar-link-active{color:var(--foreground);background:oklch(0.75 0 0 / 0.1);border-color:oklch(0.75 0 0 / 0.2);}.docs-content{padding:2rem;}.docs-article-header{margin-bottom:1.2rem;}.docs-title{margin-bottom:0.75rem;line-height:1.2;}.docs-heading{margin:1.75rem 0 0.65rem;font-size:1.45rem;letter-spacing:-0.01em;}.docs-text{color:var(--muted-foreground);margin-bottom:1rem;font-size:1.03rem;line-height:1.8;}.doc-body ul,.doc-body ol,.changelog-body ul,.changelog-body ol,.blogpost-body ul,.blogpost-body ol{padding-left:1.35rem;margin:0.75rem 0;}.docs-code{margin:1.1rem 0;border:1px solid oklch(0.75 0 0 / 0.15);border-radius:12px;padding:1.1rem;background:oklch(0.14 0 0 / 0.9);}.docs-note{margin:1.1rem 0;border-left:3px solid var(--accent);background:oklch(0.2 0 0 / 0.35);border-radius:10px;padding:1rem 1.05rem;}.admin-login-card,.admin-editor-card{max-width:1100px;margin:0 auto;padding:1.6rem;}.admin-editor-header{margin-bottom:1.25rem;}.admin-editor-header.section-title{margin-top:0.85rem;margin-bottom:0.5rem;}.admin-editor-header.section-description{text-align:left;margin-bottom:12px;}.admin-login-form,.admin-doc-form{display:grid;gap:1rem;}.admin-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.75rem;}.admin-login-form label,.admin-doc-form label{display:grid;gap:0.35rem;font-weight:500;}.admin-login-form input,.admin-doc-form input,.admin-doc-form select,.admin-doc-form textarea{background:oklch(0.15 0 0 / 0.75);border:1px solid var(--border);border-radius:8px;color:var(--foreground);padding:0.6rem 0.75rem;}.admin-doc-form textarea{min-height:120px;resize:vertical;}.editor-workspace{padding:1rem;border-radius:var(--radius);border:1px solid oklch(0.75 0 0 / 0.12);}.editor-markdown{width:100%;min-height:420px;resize:vertical;background:oklch(0.12 0 0 / 0.85);border:1px solid var(--border);border-radius:10px;color:var(--foreground);padding:0.85rem;font-family:"Courier New",monospace;font-size:0.9rem;line-height:1.55;}.editor-workspace-head{margin-bottom:0.65rem;}.editor-workspace-head.docs-sidebar-title{margin-bottom:0.2rem;}.editor-workspace-head.docs-sidebar-subtitle{margin-bottom:0;}.editor-blocks{display:grid;gap:0.7rem;}.editor-block{border:1px solid oklch(0.75 0 0 / 0.15);border-radius:12px;padding:0.7rem;}.editor-block-toolbar{display:flex;justify-content:space-between;gap:0.6rem;margin-bottom:0.5rem;}.editor-block-type{width:180px;}.editor-block-textarea{width:100%;min-height:96px;margin:0;}.editor-remove-btn{border:1px solid oklch(0.75 0 0 / 0.2);border-radius:8px;background:transparent;color:var(--muted-foreground);padding:0.35rem 0.7rem;cursor:pointer;transition:all 0.2s;}.editor-remove-btn:hover{color:var(--foreground);background:oklch(0.25 0 0 / 0.4);}.editor-add-btn{margin-top:0.65rem;border:1px dashed oklch(0.75 0 0 / 0.3);border-radius:10px;background:oklch(0.15 0 0 / 0.8);color:var(--foreground);padding:0.62rem 0.9rem;text-align:left;cursor:pointer;}.editor-add-btn:hover{background:oklch(0.2 0 0 / 0.9);}.editor-save-btn{min-width:140px;}.admin-actions{display:flex;align-items:center;gap:0.75rem;}@media(max-width:900px){.docs-intro-card{padding:1.25rem;}.docs-grid{grid-template-columns:1fr;gap:1rem;}.docs-sidebar{position:static;max-height:none;}.admin-meta-grid{grid-template-columns:1fr;}.editor-block-toolbar{flex-direction:column;}.editor-block-type{width:100%;}}