.kb-container{max-width:1280px;color:var(--text-primary);margin:0 auto;padding:24px 20px 60px}.kb-hero{text-align:center;margin-bottom:28px}.kb-badge{letter-spacing:.5px;text-transform:uppercase;background:var(--accent-light);color:var(--accent);border:1px solid #ff385c33;border-radius:999px;align-items:center;gap:6px;margin-bottom:12px;padding:5px 14px;font-size:.78rem;font-weight:800;display:inline-flex}.kb-title{letter-spacing:-.8px;background:linear-gradient(135deg, var(--text-primary) 0%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:10px;font-size:2.3rem;font-weight:900}.kb-subtitle{color:var(--text-secondary);max-width:680px;margin:0 auto;font-size:1rem;line-height:1.5}.kb-control-bar{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:14px 20px;display:flex}.kb-control-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.kb-layout-btn{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;border-radius:10px;padding:7px 14px;font-size:.85rem;font-weight:700;transition:all .15s}.kb-layout-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.kb-layout-btn.active{background:var(--pill-active-bg);color:var(--pill-active-text);border-color:#0000;box-shadow:0 2px 8px #0000001a}.kb-toggle-btn{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:7px 12px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.kb-toggle-btn.active{background:var(--accent-light);color:var(--accent);border-color:#ff385c4d}.kb-reset-btn{border:1px solid var(--border-color);background:var(--hover-bg);color:var(--text-primary);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:7px 16px;font-size:.85rem;font-weight:700;transition:all .15s;display:inline-flex}.kb-reset-btn:hover{background:var(--delta-down-color);color:#fff;border-color:#0000}.lang-selector-group{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;align-items:center;gap:6px;padding:5px 10px;transition:border-color .15s;display:inline-flex}.lang-selector-group:hover{border-color:var(--accent)}.lang-icon{font-size:.95rem;line-height:1}.lang-select{color:var(--text-primary);cursor:pointer;background:0 0;border:none;outline:none;padding-right:2px;font-family:inherit;font-size:.82rem;font-weight:700}.lang-select option{background:var(--bg-card);color:var(--text-primary)}.kb-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:24px;display:grid}.kb-stat-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:18px;align-items:center;gap:14px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.kb-stat-card:after{content:"";background:var(--accent);opacity:.8;width:4px;height:100%;position:absolute;top:0;left:0}.kb-stat-icon{background:var(--hover-bg);border:1px solid var(--border-color);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.4rem;display:flex}.kb-stat-info{flex-direction:column;gap:2px;display:flex}.kb-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;font-size:.78rem;font-weight:600}.kb-stat-val{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:900;line-height:1.1}.kb-stat-sub{color:var(--text-secondary);font-size:.72rem}.kb-chassis{background:var(--bg-card);border:2px solid var(--border-color);border-radius:24px;margin-bottom:28px;padding:24px;position:relative;overflow-x:auto;box-shadow:0 20px 48px #00000014,inset 0 1px #ffffff1a}.kb-board-layout{-webkit-user-select:none;user-select:none;justify-content:center;gap:16px;min-width:960px;margin:0 auto;display:flex}.kb-block-main,.kb-block-nav,.kb-block-numpad{flex-direction:column;gap:6px;display:flex}.kb-row{gap:6px;display:flex}.kb-key{background:var(--bg-primary);border:1px solid var(--border-color);border-bottom:3px solid var(--border-color);cursor:pointer;box-sizing:border-box;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;height:48px;padding:2px 4px;transition:all 80ms;display:flex;position:relative;box-shadow:0 2px 4px #0000000a}.kb-key:hover{background:var(--hover-bg);border-color:var(--accent)}.kb-key-label{color:var(--text-primary);text-align:center;font-size:.8rem;font-weight:700;line-height:1}.kb-key-sublabel{color:var(--text-secondary);margin-bottom:2px;font-size:.62rem;line-height:1}.kb-key-count{color:var(--delta-up-color);opacity:.9;font-size:.6rem;font-weight:800;position:absolute;bottom:2px;right:4px}.kb-w-10{width:48px}.kb-w-125{width:62px}.kb-w-15{width:75px}.kb-w-175{width:88px}.kb-w-20{width:102px}.kb-w-225{width:116px}.kb-w-275{width:144px}.kb-w-625{width:330px}.kb-h-20{height:102px}.kb-key.is-down{transform:translateY(2px);background:var(--accent)!important;border-color:var(--accent)!important;border-bottom-width:1px!important;box-shadow:0 0 16px #ff385c80!important}.kb-key.is-down .kb-key-label,.kb-key.is-down .kb-key-sublabel,.kb-key.is-down .kb-key-count{color:#fff!important}.kb-key.is-tested{background:#00a5621f;border-color:#00a56266 #00a56266 #00a56299}.kb-key.is-tested .kb-key-label{color:var(--delta-up-color)}.kb-key.has-chatter{animation:.3s kbShake;border-color:var(--delta-down-color)!important;border-bottom-color:var(--delta-down-color)!important;background:#ff385c29!important}.kb-key.has-chatter .kb-key-label{color:var(--delta-down-color)!important}@keyframes kbShake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.kb-chatter-alert{border:1px solid var(--delta-down-color);background:#ff385c1a;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 20px;animation:.2s kbFadeIn;display:flex}.kb-chatter-alert-left{align-items:center;gap:12px;display:flex}.kb-chatter-alert-icon{font-size:1.6rem}.kb-chatter-alert-text h4{color:var(--delta-down-color);margin-bottom:2px;font-size:.95rem;font-weight:800}.kb-chatter-alert-text p{color:var(--text-secondary);font-size:.82rem}.kb-tabs-container{border-bottom:1px solid var(--border-color);gap:10px;margin-bottom:16px;padding-bottom:12px;display:flex}.kb-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;padding:8px 18px;font-size:.9rem;font-weight:700;transition:all .15s}.kb-tab-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.kb-tab-btn.active{background:var(--pill-active-bg);color:var(--pill-active-text)}.kb-diag-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:20px;margin-bottom:32px;padding:24px}.kb-slider-box{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:14px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:18px;padding:12px 18px;display:flex}.kb-slider-label{color:var(--text-primary);align-items:center;gap:8px;font-size:.85rem;font-weight:700;display:flex}.kb-slider-input{min-width:140px;accent-color:var(--accent);cursor:pointer;flex:1}.kb-slider-value{color:var(--accent);text-align:right;font-variant-numeric:tabular-nums;min-width:50px;font-size:.95rem;font-weight:800}.kb-table-wrap{max-height:280px;overflow-x:auto}.kb-log-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.kb-log-table th{color:var(--text-secondary);border-bottom:2px solid var(--border-color);background:var(--bg-primary);z-index:2;padding:10px 14px;font-weight:700;position:sticky;top:0}.kb-log-table td{border-bottom:1px solid var(--border-color);padding:10px 14px}.kb-log-badge-warn{color:var(--delta-down-color);background:#ff385c26;border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:800;display:inline-block}.kb-reaction-box{cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;height:220px;padding:20px;transition:background .2s,transform .1s;display:flex}.kb-reaction-box.waiting{background:var(--bg-primary);border:2px dashed var(--border-color)}.kb-reaction-box.ready{color:#fff;background:#ff385c}.kb-reaction-box.ready .kb-reaction-title,.kb-reaction-box.ready .kb-reaction-sub{color:#fff}.kb-reaction-box.now{color:#fff;background:#00a562}.kb-reaction-box.now .kb-reaction-title,.kb-reaction-box.now .kb-reaction-sub{color:#fff}.kb-reaction-box.result{background:var(--bg-primary);border:2px solid var(--accent)}.kb-reaction-title{margin-bottom:6px;font-size:1.8rem;font-weight:900}.kb-reaction-sub{color:var(--text-secondary);font-size:.95rem}.kb-faq-section{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:20px;margin-top:36px;padding:36px 32px}.kb-faq-title{letter-spacing:-.4px;margin-bottom:24px;font-size:1.5rem;font-weight:800}.kb-faq-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.kb-faq-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;padding:20px}.kb-faq-q{color:var(--text-primary);margin-bottom:8px;font-size:1rem;font-weight:700}.kb-faq-a{color:var(--text-secondary);font-size:.88rem;line-height:1.6}@media (max-width:768px){.kb-title{font-size:1.8rem}.kb-board-layout{min-width:820px}.kb-key{height:42px}.kb-w-10{width:42px}.kb-w-125{width:54px}.kb-w-15{width:64px}.kb-w-175{width:76px}.kb-w-20{width:88px}.kb-w-225{width:98px}.kb-w-275{width:122px}.kb-w-625{width:280px}}