@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--red:#f44;--red-dim:#e53935;--green:#00e676;--green-dim:#00c853;--blue:#326ce5;--blue-dim:#2857b8;--cyan:#00bcd4;--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-tertiary:#161616;--surface:#ffffff0a;--surface-hover:#ffffff12;--surface-active:#ffffff1a;--glass:#ffffff0d;--glass-border:#ffffff14;--glass-border-hover:#ffffff26;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-muted:#484f58;--text-accent:var(--blue);--warning:#d29922;--danger:var(--red);--success:var(--green);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow-red:0 0 20px #ff444426;--shadow-glow-green:0 0 20px #00e67626;--shadow-glow-blue:0 0 20px #326ce526;--font-sans:"Inter", -apple-system, sans-serif;--font-display:"Space Grotesk", "Inter", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--header-height:64px;--sidebar-width:260px;--sidebar-collapsed:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}#root{min-height:100vh}a{color:var(--blue);text-decoration:none;transition:color .2s}a:hover{color:var(--cyan)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.glass-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:var(--surface-hover);border-color:var(--glass-border-hover);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.badge{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-red{color:var(--red);background:#ff444426}.badge-green{color:var(--green);background:#00e67626}.badge-blue{color:var(--blue);background:#326ce526}.badge-yellow{color:var(--warning);background:#d2992226}.badge-featured{color:#fff;background:linear-gradient(135deg,#f443,#326ce533);border:1px solid #ffffff1a}.btn{border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;border:none;align-items:center;gap:8px;padding:8px 18px;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-dim);box-shadow:var(--shadow-glow-blue)}.btn-ghost{background:var(--surface);color:var(--text-primary);border:1px solid var(--glass-border)}.btn-ghost:hover{background:var(--surface-hover);border-color:var(--glass-border-hover)}.btn-sm{padding:5px 12px;font-size:.8rem}.app-layout{min-height:100vh;padding-top:var(--header-height);display:flex}.main-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:32px 40px}.page-header{margin-bottom:32px}.page-header h1{font-family:var(--font-display);background:linear-gradient(135deg, var(--text-primary) 0%, var(--blue) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700}.page-header p{color:var(--text-secondary);margin-top:8px;font-size:1.05rem}.search-input-wrap{max-width:600px;margin:0 auto;position:relative}.search-input-wrap svg{color:var(--text-muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input{background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--radius-full);width:100%;color:var(--text-primary);font-family:var(--font-sans);outline:none;padding:12px 16px 12px 42px;font-size:.95rem;transition:all .3s}.search-input:focus{border-color:var(--blue);background:var(--surface-hover);box-shadow:0 0 0 3px #326ce526}.search-input::placeholder{color:var(--text-muted)}.reveal{opacity:0;transition:all .6s cubic-bezier(.4,0,.2,1);transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.grid-2{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px;display:grid}.grid-3{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.dot-bg{pointer-events:none;z-index:0;background-image:radial-gradient(#ffffff08 1px,#0000 1px);background-size:24px 24px;position:fixed;inset:0}@media (width<=1199px){.main-content{padding:24px 20px}.grid-2{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (width<=767px){.main-content{padding:16px 12px}.grid-2,.grid-3{grid-template-columns:1fr}.page-header h1{font-size:1.5rem}}.header{height:var(--header-height);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);z-index:1000;background:#0a0a0acc;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.header-inner{justify-content:space-between;align-items:center;gap:32px;width:100%;max-width:1440px;margin:0 auto;padding:0 32px;display:flex}.header-logo{color:var(--text-primary);flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.logo-image{filter:drop-shadow(0 0 8px #326ce566);width:auto;height:36px;animation:8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.logo-text{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.logo-accent{background:linear-gradient(135deg, var(--red), var(--blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.header-nav{align-items:center;gap:4px;display:flex}.nav-link{border-radius:var(--radius-md);color:var(--text-secondary);padding:6px 16px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;position:relative}.nav-link:hover{color:var(--text-primary);background:var(--surface)}.nav-link.active{color:var(--text-primary);background:var(--surface-active)}.nav-link.active:after{content:"";background:linear-gradient(90deg, var(--blue), var(--green));border-radius:1px;width:20px;height:2px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.header-actions{align-items:center;gap:12px;display:flex}.search-trigger{background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;align-items:center;gap:8px;padding:7px 14px;font-size:.85rem;transition:all .2s;display:flex}.search-trigger:hover{border-color:var(--glass-border-hover);color:var(--text-secondary)}.search-trigger kbd{border:1px solid var(--glass-border);font-size:.7rem;font-family:var(--font-sans);background:#ffffff0f;border-radius:4px;align-items:center;gap:2px;padding:2px 6px;display:inline-flex}.mobile-toggle{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px;display:none}@media (width<=767px){.header-inner{padding:0 16px}.mobile-toggle{display:block}.search-trigger span,.search-trigger kbd{display:none}.header-nav{top:var(--header-height);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);opacity:0;pointer-events:none;background:#0a0a0af2;flex-direction:column;padding:16px;transition:all .3s;position:fixed;left:0;right:0;transform:translateY(-100%)}.header-nav.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-link{width:100%;padding:12px 16px}}.dropdown{align-items:center;display:flex;position:relative}.dropdown-toggle{cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-family:inherit;display:flex}.chevron{transition:transform .2s}.chevron.open{transform:rotate(180deg)}.dropdown-menu{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:9999;background:#0a0a0afa;border:1px solid #ffffff26;flex-direction:column;min-width:200px;margin-top:8px;padding:8px 0;display:flex;position:absolute;top:100%;right:0;box-shadow:0 10px 30px #000c}.dropdown-item{color:var(--text-secondary);padding:10px 16px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:block}.dropdown-item:hover{background:var(--surface-hover);color:var(--text-primary)}.dropdown-item.active{color:var(--blue);background:#326ce51a}@media (width<=768px){.dropdown{flex-direction:column;align-items:flex-start;width:100%}.dropdown-menu{width:100%;box-shadow:none;background:0 0;border:none;margin-top:0;padding-left:16px;position:static}.dropdown-toggle{justify-content:space-between;width:100%;padding:12px 16px}}.landing{min-height:100vh}.hero{will-change:transform, opacity;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0}.grid-bg{background-image:linear-gradient(#326ce508 1px,#0000 1px),linear-gradient(90deg,#326ce508 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.glow{filter:blur(120px);opacity:.25;border-radius:50%;width:500px;height:500px;animation:8s ease-in-out infinite float;position:absolute}.glow-blue{background:var(--blue);animation-delay:0s;top:10%;left:20%}.glow-red{background:var(--red);animation-delay:2s;top:40%;right:15%}.glow-green{background:var(--green);animation-delay:4s;bottom:15%;left:40%}@keyframes float{0%,to{transform:translate(0)}33%{transform:translate(30px,-20px)}66%{transform:translate(-20px,15px)}}.hero-content{z-index:1;flex-direction:column;align-items:center;gap:0;display:flex;position:relative}.k8s-wheel-container{width:200px;height:200px;margin-bottom:-20px;position:relative}.k8s-wheel-glow{background:radial-gradient(circle,#326ce54d 0%,#0000 70%);border-radius:50%;animation:3s ease-in-out infinite pulse;position:absolute;inset:-30px}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.k8s-wheel{filter:drop-shadow(0 0 20px #326ce566);width:100%;height:100%;animation:20s linear infinite spin}.glass-overlay{-webkit-backdrop-filter:blur(30px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);text-align:center;z-index:2;background:#0a0a0a99;padding:48px 64px;position:relative}.hero-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);margin-bottom:8px;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900}.title-gradient{background:linear-gradient(135deg, var(--red), var(--blue), var(--green));-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:4s ease-in-out infinite gradient-shift}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}.hero-tagline{color:var(--text-secondary);min-height:1.6em;font-size:clamp(1rem,2vw,1.3rem);font-family:var(--font-mono);margin-bottom:32px}.cursor{color:var(--blue);animation:.8s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn-lg{border-radius:var(--radius-lg);padding:12px 28px;font-size:1rem}.scroll-indicator{color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;font-size:.8rem;animation:2s ease-in-out infinite fade-bounce;display:flex;position:absolute;bottom:32px}.scroll-mouse{border:2px solid var(--text-muted);border-radius:12px;width:24px;height:38px;position:relative}.scroll-dot{background:var(--text-muted);border-radius:2px;width:4px;height:8px;animation:1.5s ease-in-out infinite scroll-anim;position:absolute;top:6px;left:50%;transform:translate(-50%)}@keyframes scroll-anim{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(14px)}}@keyframes fade-bounce{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}.landing-content{z-index:5;will-change:transform, opacity;max-width:1200px;margin:0 auto;padding:80px 40px 60px;position:relative}.stats-bar{flex-wrap:wrap;justify-content:center;gap:48px;margin-bottom:64px;display:flex}.stat-item{text-align:center}.stat-value{font-family:var(--font-display);background:linear-gradient(135deg, var(--blue), var(--green));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;display:block}.stat-label{color:var(--text-secondary);margin-top:4px;font-size:.9rem}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:64px;display:grid}.feature-card{color:var(--text-primary);opacity:0;padding:28px;text-decoration:none;animation:.5s forwards card-in;position:relative;overflow:hidden;transform:translateY(20px)}.feature-card.visible{opacity:1;transform:none}@keyframes card-in{to{opacity:1;transform:translateY(0)}}.feature-card:before{content:"";background:var(--accent);opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.feature-card:hover:before{opacity:1}.feature-icon{margin-bottom:16px;transition:transform .3s}.feature-card:hover .feature-icon{transform:scale(1.1)}.feature-card h3{font-family:var(--font-display);margin-bottom:6px;font-size:1.15rem;font-weight:700}.feature-card p{color:var(--text-secondary);font-size:.9rem}.feature-arrow{color:var(--text-muted);transition:all .3s;position:absolute;bottom:20px;right:20px}.feature-card:hover .feature-arrow{color:var(--accent);transform:translate(4px)}.featured-section{text-align:center}.featured-section h2{font-family:var(--font-display);color:var(--text-secondary);margin-bottom:24px;font-size:1.5rem;font-weight:700}.featured-strip{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.featured-pill{border-radius:var(--radius-full);cursor:default;align-items:center;gap:8px;padding:8px 18px;font-size:.9rem;font-weight:500;display:flex}.pill-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}@media (width<=767px){.glass-overlay{padding:32px 24px}.landing-content{padding:40px 16px}.stats-bar{gap:24px}.stat-value{font-size:2rem}}.tools-page{padding-top:var(--header-height);max-width:1400px;min-height:100vh;margin:0 auto;padding-bottom:60px;padding-left:32px;padding-right:32px}.tools-page .page-header{text-align:center;padding:40px 0 24px}.tools-search{margin-bottom:32px}.tools-layout{gap:32px;display:flex}.tools-sidebar{width:260px;top:calc(var(--header-height) + 20px);height:fit-content;max-height:calc(100vh - var(--header-height) - 40px);flex-shrink:0;padding-right:8px;position:sticky;overflow-y:auto}.sidebar-title{font-family:var(--font-display);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;padding-left:12px;font-size:.85rem;font-weight:700}.cat-btn{border-radius:var(--radius-md);width:100%;color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:8px 12px;font-size:.88rem;transition:all .2s;display:flex}.cat-btn.active{background:var(--surface-active);color:var(--text-primary);font-weight:600}.cat-icon{flex-shrink:0;font-size:1.1rem}.cat-name{flex:1}.cat-count{background:var(--surface);border-radius:var(--radius-full);color:var(--text-muted);padding:1px 8px;font-size:.75rem;font-weight:600}.cat-btn.active .cat-count{color:var(--blue);background:#326ce533}.tools-main{flex:1;min-width:0}.tools-count{color:var(--text-secondary);margin-bottom:24px;font-size:.95rem}.tools-count strong{color:var(--green)}.tools-category-section{margin-bottom:40px}.category-heading{font-family:var(--font-display);color:var(--text-primary);border-bottom:1px solid var(--glass-border);align-items:center;gap:8px;margin-bottom:16px;padding-bottom:8px;font-size:1.2rem;font-weight:700;display:flex}.category-count{background:var(--surface);border-radius:var(--radius-full);color:var(--text-muted);padding:2px 8px;font-size:.75rem;font-weight:600}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;display:grid}.tool-card{flex-direction:column;gap:10px;padding:20px;display:flex}.tool-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.tool-name{font-family:var(--font-display);color:var(--text-primary);font-size:1.05rem;font-weight:700}.tool-meta{align-items:center;gap:12px;display:flex}.tool-github{color:var(--text-muted);align-items:center;gap:4px;font-size:.8rem;text-decoration:none;transition:color .2s;display:inline-flex}.tool-github:hover{color:var(--blue)}.tool-stars{color:var(--warning);align-items:center;gap:4px;font-size:.85rem;font-weight:600;display:inline-flex}.tool-desc{color:var(--text-secondary);flex:1;font-size:.88rem;line-height:1.5}.tool-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.tool-upvote{background:var(--surface);border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;gap:4px;margin-left:auto;padding:4px 12px;font-size:.8rem;font-weight:600;display:flex}@media (width<=1024px){.tools-sidebar{width:220px}}@media (width<=767px){.tools-page{padding-left:16px;padding-right:16px}.tools-layout{flex-direction:column}.tools-sidebar{flex-wrap:wrap;gap:4px;width:100%;max-height:none;padding-right:0;display:flex;position:static}.sidebar-title{display:none}.cat-btn{width:auto;padding:6px 10px;font-size:.8rem}.tools-grid{grid-template-columns:1fr}}.plugins-page{padding-top:var(--header-height);max-width:1100px;min-height:100vh;margin:0 auto;padding-bottom:60px;padding-left:32px;padding-right:32px}.plugins-page .page-header{text-align:center;padding:40px 0 24px}.plugins-page .page-header h1{justify-content:center;align-items:center;gap:12px;display:flex}.prereq-banner{color:var(--text-secondary);border-left:3px solid var(--blue);align-items:center;gap:14px;margin-bottom:28px;padding:16px 24px;font-size:.9rem;display:flex}.prereq-banner strong{color:var(--text-primary)}.prereq-banner code{font-family:var(--font-mono);color:var(--blue);font-size:.85rem}.prereq-banner a{color:var(--blue)}.plugins-controls{flex-direction:column;gap:16px;margin-bottom:32px;display:flex}.filter-tabs{flex-wrap:wrap;gap:6px;display:flex}.filter-tab{background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;align-items:center;gap:6px;padding:6px 16px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.filter-tab:hover{border-color:var(--glass-border-hover);color:var(--text-primary)}.filter-tab.active{color:var(--blue);background:#326ce526;border-color:#326ce54d}.filter-count{border-radius:var(--radius-full);background:#ffffff0f;padding:1px 6px;font-size:.75rem}.plugins-grid{grid-template-columns:repeat(auto-fill,minmax(480px,1fr));gap:16px;display:grid}.plugin-card{flex-direction:column;gap:12px;padding:24px;display:flex}.plugin-header{justify-content:space-between;align-items:start;gap:8px;display:flex}.plugin-name-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.plugin-name{font-family:var(--font-display);font-size:1.1rem;font-weight:700}.plugin-stars{color:var(--warning);flex-shrink:0;align-items:center;gap:4px;font-size:.85rem;font-weight:600;display:flex}.plugin-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.plugin-command{flex-direction:column;gap:4px;display:flex}.plugin-command label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);align-items:center;gap:4px;font-size:.75rem;font-weight:600;display:flex}.command-block{border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:#0006;align-items:center;gap:8px;padding:8px 12px;display:flex}.command-block code{font-family:var(--font-mono);color:var(--green);word-break:break-all;flex:1;font-size:.82rem}.copy-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:4px;transition:all .2s}.copy-btn:hover{color:var(--text-primary);background:var(--surface)}.plugin-github-link{color:var(--text-muted);align-items:center;gap:6px;margin-top:4px;font-size:.85rem;text-decoration:none;transition:color .2s;display:inline-flex}.plugin-github-link:hover{color:var(--blue)}.no-results{text-align:center;color:var(--text-muted);padding:80px 20px;font-size:1.1rem}@media (width<=767px){.plugins-page{padding-left:16px;padding-right:16px}.plugins-grid{grid-template-columns:1fr}.prereq-banner{flex-direction:column;gap:8px}}.versions-page{padding-top:var(--header-height);max-width:900px;min-height:100vh;margin:0 auto;padding-bottom:60px;padding-left:32px;padding-right:32px}.versions-page .page-header{text-align:center;padding:40px 0 32px}.versions-page .page-header h1{justify-content:center;align-items:center;gap:12px;display:flex}.version-timeline{flex-direction:column;gap:0;display:flex}.version-item{gap:24px;display:flex;position:relative}.timeline-track{flex-direction:column;flex-shrink:0;align-items:center;width:20px;display:flex}.timeline-dot{border:3px solid var(--text-muted);background:var(--bg-primary);z-index:1;border-radius:50%;flex-shrink:0;width:16px;height:16px;margin-top:22px;transition:all .3s}.timeline-dot.vs-current{border-color:var(--green);background:var(--green);box-shadow:0 0 12px #00e67666}.timeline-dot.vs-supported{border-color:var(--blue);background:var(--blue);box-shadow:0 0 12px #326ce54d}.timeline-dot.vs-eol{border-color:var(--text-muted);background:var(--text-muted)}.timeline-line{background:linear-gradient(to bottom, var(--glass-border), transparent);flex:1;width:2px;margin-top:4px}.version-card{cursor:pointer;flex:1;margin-bottom:16px;padding:24px;transition:all .3s}.version-card:hover{border-color:var(--glass-border-hover)}.version-item.open .version-card{border-color:#326ce54d;box-shadow:0 0 24px #326ce514}.version-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.version-title-area{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.version-number{font-family:var(--font-display);background:linear-gradient(135deg, var(--text-primary), var(--blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.version-codename{color:var(--text-muted);font-size:.9rem;font-style:italic}.version-status{font-size:.8rem;font-weight:600}.version-status.vs-current{color:var(--green)}.version-status.vs-supported{color:var(--blue)}.version-status.vs-eol{color:var(--text-muted)}.version-date{color:var(--text-muted);align-items:center;gap:6px;font-size:.88rem;display:flex}.expand-icon{color:var(--text-muted);margin-left:8px;transition:transform .3s}.version-highlights{flex-direction:column;gap:6px;padding:0;list-style:none;display:flex}.version-highlights li{color:var(--text-secondary);padding-left:16px;font-size:.9rem;position:relative}.version-highlights li:before{content:"→";color:var(--blue);position:absolute;left:0}.version-features{border-top:1px solid var(--glass-border);margin-top:20px;padding-top:20px;animation:.3s slide-down}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.version-features h3{font-family:var(--font-display);color:var(--text-secondary);margin-bottom:16px;font-size:1rem;font-weight:700}.features-grid{flex-direction:column;gap:10px;display:flex}.feature-row{border-radius:var(--radius-md);background:#0003;align-items:start;gap:12px;padding:10px 14px;transition:background .2s;display:flex}.feature-row:hover{background:#00000059}.feature-row .badge{flex-shrink:0;justify-content:center;min-width:90px;margin-top:2px}.feature-info{flex-direction:column;gap:2px;display:flex}.feature-info strong{color:var(--text-primary);font-size:.9rem}.feature-info span{color:var(--text-muted);font-size:.82rem}.features-legend{border-top:1px solid var(--glass-border);flex-wrap:wrap;gap:8px;margin-top:20px;padding-top:16px;display:flex}@media (width<=767px){.versions-page{padding-left:16px;padding-right:16px}.version-item{gap:12px}.version-header{flex-direction:column;align-items:flex-start}.version-number{font-size:1.2rem}}code[class*=language-],pre[class*=language-]{color:#ccc;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;tab-size:4;-webkit-hyphens:none;hyphens:none;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;line-height:1.5}pre[class*=language-]{margin:.5em 0;padding:1em;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{white-space:normal;border-radius:.3em;padding:.1em}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.yaml-page{padding-top:var(--header-height);max-width:1400px;min-height:100vh;margin:0 auto;padding-bottom:60px;padding-left:32px;padding-right:32px}.yaml-page .page-header{text-align:center;padding:40px 0 24px}.yaml-page .page-header h1{justify-content:center;align-items:center;gap:12px;display:flex}.yaml-main-layout{gap:32px;display:flex}.yaml-sidebar{width:240px;top:calc(var(--header-height) + 20px);height:fit-content;max-height:calc(100vh - var(--header-height) - 40px);flex-shrink:0;padding-right:8px;position:sticky;overflow-y:auto}.yaml-content{flex:1;min-width:0}.yaml-layout{grid-template-columns:1fr 1fr;align-items:start;gap:32px;display:grid}.yaml-form{flex-direction:column;gap:32px;padding:32px;display:flex}.form-section h3{font-family:var(--font-display);color:var(--text-primary);border-bottom:1px solid var(--glass-border);margin-bottom:16px;padding-bottom:8px;font-size:1.1rem;font-weight:700}.text-blue{color:var(--blue)}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.form-group input,.form-group select{border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);background:#0000004d;outline:none;padding:10px 14px;font-size:.9rem;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:var(--blue);box-shadow:0 0 0 2px #326ce526}.label-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.label-row .colon{color:var(--text-muted);font-weight:700}.btn-icon{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:background .2s;display:flex}.btn-icon:hover{background:var(--surface)}.text-red{color:var(--red)}.text-green{color:var(--green)}.mt-16{margin-top:16px}.mt-8{margin-top:8px}.yaml-preview{top:calc(var(--header-height) + 20px);max-height:calc(100vh - var(--header-height) - 40px);flex-direction:column;padding:0;display:flex;position:sticky;overflow:hidden}.preview-header{border-bottom:1px solid var(--glass-border);background:#0006;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.preview-header h3{font-family:var(--font-display);color:var(--text-secondary);font-size:1rem;font-weight:700}.preview-actions{gap:12px;display:flex}.preview-code{background:#1d1f21;flex:1;padding:24px;overflow-y:auto}.preview-code pre{font-size:.9rem;background:0 0!important;margin:0!important;padding:0!important}@media (width<=1024px){.yaml-main-layout{flex-direction:column}.yaml-sidebar{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;width:100%;max-height:none;display:grid;position:static}.cat-section{margin-bottom:0}.yaml-layout{grid-template-columns:1fr}.yaml-preview{max-height:none;position:static}}@media (width<=767px){.yaml-page{padding-left:16px;padding-right:16px}.form-grid{grid-template-columns:1fr}.yaml-form{padding:20px}}.kubectl-page{padding-top:var(--header-height);max-width:1400px;min-height:100vh;margin:0 auto;padding-bottom:60px;padding-left:32px;padding-right:32px}.kubectl-page .page-header{text-align:center;padding:40px 0 32px}.kubectl-page .page-header h1{justify-content:center;align-items:center;gap:12px;display:flex}.kubectl-main-layout{gap:32px;display:flex}.kubectl-sidebar{width:240px;top:calc(var(--header-height) + 20px);height:fit-content;max-height:calc(100vh - var(--header-height) - 40px);flex-shrink:0;padding-right:8px;position:sticky;overflow-y:auto}.kubectl-content{flex:1;min-width:0}.builder-layout{grid-template-columns:3fr 2fr;align-items:start;gap:32px;display:grid}.builder-controls{flex-direction:column;gap:24px;padding:32px;display:flex}.control-group h3{font-family:var(--font-display);color:var(--text-primary);margin-bottom:16px;font-size:1.1rem;font-weight:700}.cat-desc{color:var(--text-muted);font-size:.9rem}.control-row{gap:16px;display:flex}.flex-1{flex:1}.control-group{flex-direction:column;gap:6px;display:flex}.control-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;font-size:.85rem;font-weight:600;display:flex}.flag-hint{color:var(--blue);font-family:var(--font-mono);text-transform:none;font-size:.8rem}.control-group input[type=text],.control-group select{border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);background:#0000004d;outline:none;padding:10px 14px;font-size:.9rem;transition:all .2s}.control-group input[type=text]:focus,.control-group select:focus{border-color:var(--blue);box-shadow:0 0 0 2px #326ce526}.options-grid{border-top:1px solid var(--glass-border);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;padding-top:24px;display:grid}.checkbox-group{justify-content:center}.checkbox-label{cursor:pointer;align-items:center;gap:10px;text-transform:none!important;color:var(--text-primary)!important;justify-content:flex-start!important;display:flex!important}.checkbox-text{flex-direction:column;display:flex}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--blue);cursor:pointer}.terminal-window{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.terminal-header{background:#2d2e2c;align-items:center;padding:10px 16px;display:flex;position:relative}.term-dots{gap:8px;display:flex}.term-dot{border-radius:50%;width:12px;height:12px}.term-dot.close{background:#ff5f56}.term-dot.min{background:#ffbd2e}.term-dot.max{background:#27c93f}.term-title{color:#8b949e;font-size:.85rem;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.terminal-body{background:#1e1e1e;align-items:center;min-height:160px;padding:32px 24px;display:flex}.command-line{font-family:var(--font-mono);color:#e6edf3;word-break:break-all;font-size:1.1rem;line-height:1.5}.prompt{color:var(--green);-webkit-user-select:none;user-select:none;margin-right:12px}.terminal-actions{background:#181818;border-top:1px solid #333;justify-content:flex-end;padding:16px;display:flex}.mb-16{margin-bottom:16px}.quick-recipes{padding:24px}.quick-recipes h3{font-family:var(--font-display);color:var(--text-primary);align-items:center;gap:8px;margin-bottom:16px;font-size:1.1rem;display:flex}.recipe-list{flex-direction:column;gap:8px;list-style:none;display:flex}.recipe-list li{background:var(--surface);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;border:1px solid #0000;padding:10px 14px;font-size:.9rem;transition:all .2s}.recipe-list li:hover{background:var(--surface-hover);color:var(--blue);border-color:#326ce54d}@media (width<=1024px){.kubectl-main-layout{flex-direction:column}.kubectl-sidebar{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;width:100%;max-height:none;display:grid;position:static}.builder-layout{grid-template-columns:1fr}.builder-result{order:-1}}@media (width<=767px){.kubectl-page{padding-left:16px;padding-right:16px}.control-row{flex-direction:column}.builder-controls{padding:20px}.command-line{font-size:.9rem}}.architecture-page{padding-top:var(--header-height);max-width:1400px;min-height:100vh;margin:0 auto;padding-bottom:60px;padding-left:32px;padding-right:32px}.architecture-page .page-header{text-align:center;padding:40px 0 32px}.architecture-page .page-header h1{justify-content:center;align-items:center;gap:12px;display:flex}.arch-main-layout{gap:32px;display:flex}.arch-sidebar{width:240px;top:calc(var(--header-height) + 20px);height:fit-content;max-height:calc(100vh - var(--header-height) - 40px);flex-shrink:0;padding-right:8px;position:sticky;overflow-y:auto}.arch-content{flex:1;min-width:0}.arch-layout{grid-template-columns:3fr 2fr;align-items:start;gap:32px;display:grid}.diagram-container{background:var(--surface);flex-direction:column;padding:32px;display:flex;overflow-x:auto}.diagram-header-title{text-align:center;margin-bottom:32px}.diagram-header-title h3{font-family:var(--font-display);color:var(--text-primary);margin-bottom:4px;font-size:1.4rem}.diagram-header-title p{color:var(--text-secondary);font-size:.95rem}.diagram-wrapper{flex-direction:column;align-items:center;gap:0;min-width:100%;margin:0 auto;display:flex}.node-box{border-radius:var(--radius-lg);background:#0006;border:2px dashed #ffffff26;width:100%;padding:24px}.node-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.node-header h3{font-family:var(--font-display);color:var(--text-primary);font-size:1.2rem}.control-plane-node{background:linear-gradient(#326ce50d 0%,#0006 100%);border-color:#326ce54d}.components-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.comp-btn{background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;text-align:left;align-items:center;gap:10px;padding:12px 16px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.comp-btn.full-width{justify-content:center;width:100%}.comp-btn:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--glass-border-hover);transform:translateY(-2px)}.comp-btn.active{border-color:var(--blue);color:#fff;background:#326ce533;box-shadow:0 4px 12px #326ce533}.connection-area{justify-content:center;align-items:center;width:100%;height:60px;display:flex;position:relative}.connection-area.small{height:30px}.flow-lines{justify-content:space-around;width:60%;display:flex;position:absolute;top:0;bottom:0}.line{background:linear-gradient(#326ce580 0%,#00e67680 100%);width:2px;height:100%;position:relative}.line:after{content:"";background:#fff;border-radius:50%;width:6px;height:6px;animation:2s linear infinite data-flow;position:absolute;top:0;left:-2px}.line-2:after{animation-delay:.7s}.line-3:after{animation-delay:1.4s}@keyframes data-flow{0%{opacity:0;top:0}20%{opacity:1}80%{opacity:1}to{opacity:0;top:100%}}.api-badge{border:1px solid var(--blue);color:var(--blue);border-radius:var(--radius-full);z-index:1;background:#111;padding:4px 12px;font-size:.8rem;font-weight:600}.worker-nodes-container{flex-wrap:wrap;justify-content:center;gap:16px;width:100%;display:flex}.worker-node{background:linear-gradient(#00e6760d 0%,#0006 100%);border-color:#00e6764d;flex:1}.worker-components{flex-direction:column;gap:16px;display:flex}.kube-daemons{flex-direction:column;gap:8px;display:flex}.kube-daemons .comp-btn{padding:8px 12px;font-size:.85rem}.kube-daemons .comp-btn.active{border-color:var(--green);background:#00e67633;box-shadow:0 4px 12px #00e67626}.pods-area{gap:8px;margin-top:8px;display:flex}.pod-box{border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:#ffffff0d;flex:1;padding:8px;transition:all .2s}.pod-box:hover{background:var(--surface-hover);border-color:var(--glass-border-hover)}.pod-box.active{border-color:var(--green);background:#00e67626}.pod-header{color:var(--text-secondary);text-align:center;margin-bottom:6px;font-size:.75rem}.pod-containers{justify-content:center;gap:4px;display:flex}.container-box{background:var(--blue);opacity:.8;border-radius:4px;width:24px;height:24px}.istio-pod-content{border-radius:var(--radius-md);border:1px solid var(--glass-border);background:#0000004d;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.istio-pod-content .comp-btn{flex:1;justify-content:center;padding:10px;font-size:.85rem}.role-provider{border-color:#8b949e66}.role-cluster{border-color:#326ce566}.role-developer{border-color:#00e67666}.http-routes{gap:16px;display:flex}.http-routes .comp-btn{flex:1;justify-content:center}.k3s-server-content{flex-direction:column;gap:12px;display:flex}.info-panel{top:calc(var(--header-height) + 32px);padding:32px;position:sticky}.info-header{border-bottom:1px solid var(--glass-border);align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;display:flex}.info-icon{border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.bg-blue{background:linear-gradient(135deg, var(--blue), var(--blue-dim))}.info-header h2{font-family:var(--font-display);margin-bottom:4px;font-size:1.4rem}.comp-description{color:var(--text-primary);margin-bottom:24px;font-size:1.05rem;line-height:1.6}.info-content h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:.9rem}.comp-details{flex-direction:column;gap:12px;list-style:none;display:flex}.comp-details li{color:var(--text-secondary);align-items:flex-start;gap:12px;font-size:.95rem;line-height:1.5;display:flex}.list-icon{color:var(--text-muted);flex-shrink:0;margin-top:3px}@media (width<=1024px){.arch-main-layout{flex-direction:column}.arch-sidebar{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;width:100%;max-height:none;display:grid;position:static}.arch-layout{grid-template-columns:1fr}.info-panel{position:static}}@media (width<=767px){.architecture-page{padding-left:16px;padding-right:16px}.diagram-container{padding:16px}.diagram-wrapper{width:100%;min-width:auto}.worker-nodes-container{flex-direction:column}.components-grid{grid-template-columns:1fr}.http-routes{flex-direction:column}}.reference-page{padding-top:var(--header-height);max-width:1400px;min-height:100vh;margin:0 auto;padding-bottom:60px;padding-left:32px;padding-right:32px}.reference-page .page-header{text-align:center;padding:40px 0 32px}.reference-page .page-header h1{justify-content:center;align-items:center;gap:12px;display:flex}.ref-main-layout{gap:32px;display:flex}.ref-sidebar{width:260px;top:calc(var(--header-height) + 20px);height:fit-content;max-height:calc(100vh - var(--header-height) - 40px);flex-shrink:0;padding-right:8px;position:sticky;overflow-y:auto}.ref-content{flex-direction:column;flex:1;gap:24px;min-width:0;display:flex}.obj-header{flex-direction:column;gap:16px;padding:32px;display:flex}.obj-title-row{justify-content:space-between;align-items:center;display:flex}.obj-title-row h2{font-family:var(--font-display);color:var(--text-primary);font-size:2rem;font-weight:700}.obj-badges{gap:12px;display:flex}.obj-desc{color:var(--text-secondary);font-size:1.1rem;line-height:1.6}.obj-meta{border-top:1px solid var(--glass-border);gap:16px;margin-top:8px;padding-top:16px;display:flex}.meta-item{color:var(--text-muted);align-items:center;gap:6px;font-size:.9rem;font-weight:500;display:flex}.obj-grid{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.obj-column{flex-direction:column;gap:24px;display:flex}.hierarchy-card,.fields-card,.schema-card{padding:24px}.hierarchy-card h3,.fields-card h3{font-family:var(--font-display);color:var(--text-primary);margin-bottom:20px;font-size:1.1rem}.hierarchy-visual{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hierarchy-step{align-items:center;gap:12px;display:flex}.hierarchy-node{background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);padding:8px 16px;font-size:.9rem;font-weight:600}.hierarchy-node.root{color:var(--blue);background:#326ce51a;border-color:#326ce54d}.fields-list{flex-direction:column;gap:16px;list-style:none;display:flex}.fields-list li{border-radius:var(--radius-md);border:1px solid var(--glass-border);background:#0003;padding:16px}.field-name{font-family:var(--font-mono);color:var(--green);background:#00e6761a;border-radius:4px;margin-bottom:8px;padding:2px 8px;font-size:.9rem;display:inline-block}.field-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.schema-card{flex-direction:column;padding:0;display:flex;overflow:hidden}.schema-header{border-bottom:1px solid var(--glass-border);background:#0006;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.schema-header h3{font-family:var(--font-display);color:var(--text-secondary);font-size:1rem}.schema-code{background:#1d1f21;max-height:500px;padding:24px;overflow-y:auto}.schema-code pre{font-size:.9rem;background:0 0!important;margin:0!important;padding:0!important}@media (width<=1024px){.ref-main-layout{flex-direction:column}.ref-sidebar{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;width:100%;max-height:none;display:grid;position:static}.obj-grid{grid-template-columns:1fr}}@media (width<=767px){.reference-page{padding-left:16px;padding-right:16px}.obj-title-row{flex-direction:column;align-items:flex-start;gap:12px}}.bp-page{padding-top:var(--header-height);max-width:1400px;min-height:100vh;margin:0 auto;padding-bottom:60px;padding-left:32px;padding-right:32px}.bp-page .page-header{text-align:center;padding:40px 0 32px}.bp-page .page-header h1{justify-content:center;align-items:center;gap:12px;display:flex}.bp-main-layout{gap:32px;display:flex}.bp-sidebar{width:260px;top:calc(var(--header-height) + 20px);height:fit-content;max-height:calc(100vh - var(--header-height) - 40px);flex-shrink:0;padding-right:8px;position:sticky;overflow-y:auto}.progress-card{padding:20px}.progress-card h3{font-family:var(--font-display);color:var(--text-primary);margin-bottom:12px;font-size:1rem}.progress-text{justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:600;display:flex}.progress-text .count{color:var(--text-secondary);font-size:.9rem}.progress-text .percent{color:var(--blue);font-size:1.1rem}.progress-bar-bg{background:#0006;border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-bar-fill{border-radius:4px;height:100%;transition:width .5s ease-out,background-color .3s}.bp-content{flex:1;min-width:0}.bp-list{flex-direction:column;gap:16px;display:flex}.bp-card{padding:0;transition:border-color .3s,opacity .3s;overflow:hidden}.bp-card.completed{opacity:.7;border-color:#00e6764d}.bp-card-header{cursor:pointer;align-items:center;padding:20px 24px;transition:background .2s;display:flex}.bp-card-header:hover{background:#ffffff05}.bp-card-title{align-items:center;gap:16px;width:100%;display:flex}.check-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.title-text{flex:1;justify-content:space-between;align-items:center;display:flex}.title-text h2{font-family:var(--font-sans);color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:600}.bp-card.completed .title-text h2{color:var(--text-muted);text-decoration:line-through}.bp-meta{align-items:center;gap:8px;display:flex}.severity-badge{background:0 0;border:1px solid;align-items:center;gap:6px;display:flex}.severity-badge.critical{color:var(--red);background:#ff5f561a}.severity-badge.important{color:var(--yellow);background:#ffbd2e1a}.severity-badge.recommended{color:var(--blue);background:#326ce51a}.badge-gray{color:var(--text-secondary);background:#ffffff1a}.bp-card-body{padding:0 24px 24px 64px}.bp-desc{color:var(--text-secondary);margin-bottom:20px;font-size:1.05rem;line-height:1.5}.bp-card.completed .bp-desc{color:var(--text-muted)}.bp-details{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.bp-details h4{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px;font-size:.85rem}.bp-details p{color:var(--text-primary);font-size:.95rem;line-height:1.5}.bp-card.completed .bp-details p{color:var(--text-secondary)}.bp-snippet{border-radius:var(--radius-md);border:1px solid var(--glass-border);background:#1d1f21;margin-top:16px;overflow:hidden}.bp-snippet pre{font-size:.85rem;background:0 0!important;margin:0!important;padding:16px!important}@media (width<=1024px){.bp-main-layout{flex-direction:column}.bp-sidebar{gap:20px;width:100%;max-height:none;display:flex;position:static}.progress-card{flex:1}.cat-section{flex:2;margin-top:0}.cat-links{flex-flow:wrap;gap:8px;display:flex}}@media (width<=768px){.bp-page{padding-left:16px;padding-right:16px}.title-text{flex-direction:column;align-items:flex-start;gap:8px}.bp-details{grid-template-columns:1fr}.bp-card-body{padding-left:24px}.bp-sidebar{flex-direction:column}}.troubleshoot-page{padding-top:var(--header-height);max-width:1400px;min-height:100vh;margin:0 auto;padding-bottom:60px;padding-left:32px;padding-right:32px}.troubleshoot-page .page-header{text-align:center;padding:40px 0 32px}.troubleshoot-page .page-header h1{justify-content:center;align-items:center;gap:12px;display:flex}.ts-main-layout{gap:32px;display:flex}.ts-sidebar{width:260px;top:calc(var(--header-height) + 20px);height:fit-content;max-height:calc(100vh - var(--header-height) - 40px);flex-shrink:0;padding-right:8px;position:sticky;overflow-y:auto}.cat-section{margin-bottom:24px}.cat-header{font-family:var(--font-display);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;margin-bottom:12px;padding-left:12px;font-size:.9rem;font-weight:700;display:flex}.cat-links{flex-direction:column;gap:2px;display:flex}.cat-btn{border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;text-align:left;background:0 0;border:none;padding:8px 12px 8px 38px;font-size:.9rem;transition:all .2s;position:relative}.cat-btn:hover{background:var(--surface);color:var(--text-primary)}.cat-btn.active{color:var(--blue);background:#326ce526;font-weight:600}.cat-btn.active:before{content:"";background:var(--blue);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.ts-content{flex-direction:column;flex:1;gap:24px;min-width:0;display:flex}.flow-header{padding:32px}.flow-header h2{font-family:var(--font-display);color:var(--text-primary);margin-bottom:8px;font-size:1.8rem;font-weight:700}.flow-header p{color:var(--text-secondary);font-size:1.1rem}.node-container{padding:0;overflow:hidden}.node-progress{border-bottom:1px solid var(--glass-border);background:#0006;justify-content:space-between;align-items:center;padding:16px 32px;display:flex}.node-progress span{color:var(--text-secondary);font-weight:600}.node-actions{gap:12px;display:flex}.node-body{flex-direction:column;gap:24px;padding:40px 32px;display:flex}.node-question h3{color:var(--text-primary);margin-bottom:16px;font-size:1.4rem;line-height:1.5}.node-command{border-radius:var(--radius-md);border:1px solid var(--glass-border);background:#1d1f21;overflow:hidden}.cmd-header{background:#ffffff0d;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.cmd-header span{font-family:var(--font-mono);color:var(--text-muted);font-size:.85rem}.node-command pre{background:0 0!important;margin:0!important;padding:16px!important}.node-options{flex-direction:column;gap:12px;margin-top:16px;display:flex}.option-btn{background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;justify-content:space-between;align-items:center;padding:16px 24px;font-size:1.1rem;font-weight:500;transition:all .2s;display:flex}.option-btn:hover{background:var(--surface-hover);border-color:var(--blue);color:var(--blue);transform:translate(4px)}.node-solution{border-radius:var(--radius-md);background:#00e6761a;border:1px solid #00e6764d;gap:20px;padding:24px;display:flex}.solution-icon{color:var(--green);flex-shrink:0}.solution-text h3{color:var(--green);margin-bottom:8px;font-size:1.2rem}.solution-text p{color:var(--text-primary);line-height:1.6}@media (width<=1024px){.ts-main-layout{flex-direction:column}.ts-sidebar{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;width:100%;max-height:none;display:grid;position:static}}@media (width<=768px){.troubleshoot-page{padding-left:16px;padding-right:16px}.node-body{padding:24px 16px}.node-progress{padding:16px}.option-btn{padding:12px 16px;font-size:1rem}}.cost-page{padding-top:var(--header-height);max-width:1400px;min-height:100vh;margin:0 auto;padding-bottom:60px;padding-left:32px;padding-right:32px}.cost-page .page-header{text-align:center;padding:40px 0 32px}.cost-page .page-header h1{justify-content:center;align-items:center;gap:12px;display:flex}.cost-main-layout{gap:32px;display:flex}.cost-sidebar{flex-shrink:0;width:300px;height:fit-content;padding:24px}.cost-header{border-bottom:1px solid var(--glass-border);margin-bottom:24px;padding-bottom:16px}.cost-header h3{font-family:var(--font-display);align-items:center;gap:8px;font-size:1.2rem;display:flex}.input-group{margin-bottom:20px}.input-group label{color:var(--text-secondary);margin-bottom:8px;font-size:.95rem;font-weight:500;display:block}.input-group input[type=range]{width:100%;accent-color:var(--blue)}.input-group select{border:1px solid var(--glass-border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-sans);background:#0000004d;padding:10px;font-size:.9rem}.input-group select option{background:var(--background);color:var(--text-primary)}.mt-24{margin-top:24px}.text-sm{font-size:.8rem}.cost-content{flex-direction:column;flex:1;gap:24px;min-width:0;display:flex}.chart-card{flex-direction:column;height:450px;padding:32px;display:flex}.chart-card h3{font-family:var(--font-display);text-align:center;margin-bottom:32px;font-size:1.2rem}.bar-chart{border-bottom:1px solid var(--glass-border);flex:1;justify-content:space-around;align-items:flex-end;gap:20px;padding-bottom:20px;display:flex}.bar-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;max-width:120px;height:100%;display:flex}.bar-value{color:var(--text-primary);margin-bottom:12px;font-size:1.1rem;font-weight:700}.bar-wrapper{background:#ffffff0d;border-radius:8px 8px 0 0;align-items:flex-end;width:100%;height:250px;display:flex;overflow:hidden}.bar-fill{flex-direction:column-reverse;width:100%;transition:height .3s ease-out;display:flex}.bar-segment{width:100%;transition:height .3s ease-out}.bar-segment.compute{background:var(--blue)}.bar-segment.cluster{background:#8b5cf6}.bar-segment.network{background:var(--green)}.bar-segment.storage{background:#f59e0b}.legend-color.compute{background:var(--blue)}.legend-color.cluster{background:#8b5cf6}.legend-color.network{background:var(--green)}.legend-color.storage{background:#f59e0b}.bar-label{color:var(--text-secondary);margin-top:16px;font-weight:600}.chart-legend{justify-content:center;gap:24px;margin-top:24px;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:.9rem;display:flex}.legend-color{border-radius:3px;width:12px;height:12px}.breakdown-table{padding:32px;overflow-x:auto}.breakdown-table h3{font-family:var(--font-display);margin-bottom:24px;font-size:1.2rem}.breakdown-table table{border-collapse:collapse;width:100%}.breakdown-table th,.breakdown-table td{text-align:right;border-bottom:1px solid var(--glass-border);padding:16px}.breakdown-table th:first-child,.breakdown-table td:first-child{text-align:left}.breakdown-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.inline-icon{vertical-align:text-bottom;color:var(--text-muted);margin-right:8px}.total-row td{color:var(--text-primary);border-bottom:none;padding-top:24px;font-size:1.1rem}@media (width<=1024px){.cost-main-layout{flex-direction:column}.cost-sidebar{width:100%}}@media (width<=768px){.cost-page{padding-left:16px;padding-right:16px}.chart-legend{flex-wrap:wrap}.breakdown-table th,.breakdown-table td{padding:12px 8px}}.cheatsheet-page{padding-top:var(--header-height);max-width:1400px;min-height:100vh;margin:0 auto;padding-bottom:60px;padding-left:32px;padding-right:32px}.cheatsheet-page .page-header{text-align:center;padding:40px 0 32px}.cheatsheet-page .page-header h1{justify-content:center;align-items:center;gap:12px;display:flex}.cs-main-layout{gap:32px;display:flex}.cs-sidebar{width:260px;top:calc(var(--header-height) + 20px);height:fit-content;max-height:calc(100vh - var(--header-height) - 40px);flex-shrink:0;padding-right:8px;position:sticky;overflow-y:auto}.mb-24{margin-bottom:24px}.full-width{justify-content:center;width:100%}.cs-content{flex:1;min-width:0}.cs-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px;display:grid}.cs-card{flex-direction:column;padding:0;display:flex}.cs-card-header{border-bottom:1px solid var(--glass-border);background:#0006;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.cs-card-header h3{font-family:var(--font-display);color:var(--text-primary);font-size:1.1rem}.cs-list{flex-direction:column;list-style:none;display:flex}.cs-item{border-bottom:1px solid var(--glass-border);padding:16px 20px}.cs-item:last-child{border-bottom:none}.cs-item-desc{color:var(--text-secondary);margin-bottom:8px;font-size:.95rem}.cs-item-cmd-container{align-items:center;gap:8px;display:flex}.cs-item-cmd{border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--green);word-break:break-all;background:#111;flex:1;padding:10px 12px;font-size:.85rem}.copy-btn{border:1px solid var(--glass-border);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff0d;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.copy-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.print-only{display:none}@media print{@page{margin:1.5cm;size:A4 portrait}body{color:#000!important;background:#fff!important}.no-print,.header,.dot-bg{display:none!important}.print-only{display:block!important}.cheatsheet-page{min-height:auto;margin:0;padding:0}.cs-main-layout{display:block}.print-header{border-bottom:2px solid #ccc;margin-bottom:24px;padding-bottom:16px}.print-header h2{align-items:center;gap:8px;font-size:24px;display:flex}.cs-grid{page-break-inside:avoid;grid-template-columns:1fr 1fr;gap:16px}.cs-card{page-break-inside:avoid;break-inside:avoid;box-shadow:none!important;background:0 0!important;border:1px solid #ccc!important}.cs-card-header{color:#000!important;background:#f5f5f5!important;border-bottom:1px solid #ccc!important}.cs-card-header h3{color:#000!important}.cs-item{border-bottom:1px solid #eee!important}.cs-item-desc{color:#333!important}.cs-item-cmd{color:#d63384!important;background:0 0!important;padding:0!important}}@media (width<=1024px){.cs-main-layout{flex-direction:column}.cs-sidebar{flex-direction:column;gap:16px;width:100%;max-height:none;display:flex;position:static}.cs-grid{grid-template-columns:1fr}}@media (width<=768px){.cheatsheet-page{padding-left:16px;padding-right:16px}}.search-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:flex-start;padding-top:15vh;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.search-modal{background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:100%;max-width:600px;animation:.2s ease-out slideDown;overflow:hidden;box-shadow:0 20px 40px #00000080}.search-modal-header{border-bottom:1px solid var(--glass-border);align-items:center;gap:12px;padding:16px 20px;display:flex}.search-modal-input{color:var(--text-primary);font-size:1.1rem;font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1}.search-modal-input::placeholder{color:var(--text-muted)}.search-modal-hint{color:var(--text-muted);align-items:center;gap:6px;font-size:.8rem;display:flex}.search-modal-hint kbd{background:#ffffff1a;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.75rem}.search-results{flex-direction:column;gap:4px;max-height:400px;padding:12px;display:flex;overflow-y:auto}.search-result-item{text-align:left;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;width:100%;padding:12px 16px;transition:all .2s}.search-result-item:hover{background:var(--surface-hover)}.search-result-title{color:var(--blue);margin-bottom:4px;font-size:1rem;font-weight:600}.search-result-desc{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.search-no-results{text-align:center;color:var(--text-muted);padding:32px;font-size:.95rem}
