.kbt-section{color:#22343a;padding:24px 0 48px}.kbt-section .kbt-head{margin-bottom:20px}.kbt-section .kbt-breadcrumb{color:#7b878d;font-size:13px;margin-bottom:8px}.kbt-section .kbt-breadcrumb a{color:#30656b;text-decoration:none}.kbt-section .kbt-breadcrumb span{margin:0 4px}.kbt-section .kbt-title{color:#30656b;font-size:28px;font-weight:700;margin:0 0 8px}.kbt-section .kbt-desc{color:#55636a;line-height:1.6;margin:0;max-width:780px}.kbt-section .kbt-card{background:#fff;border:1px solid #dfe5e8;border-radius:14px;box-shadow:0 6px 24px rgba(34,52,58,.06);padding:18px 20px 16px}.kbt-section .kbt-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.kbt-section .kbt-layouts{background:#f4f7f8;border:1px solid #dfe5e8;border-radius:10px;display:flex;flex-wrap:wrap;gap:4px;padding:4px}.kbt-section .kbt-layout{align-items:center;background:transparent;border:0;border-radius:7px;color:#55636a;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 14px;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.kbt-section .kbt-layout i{font-size:15px;opacity:.8}.kbt-section .kbt-layout:hover{background:#fff;color:#30656b}.kbt-section .kbt-layout.is-active{background:#30656b;box-shadow:0 2px 6px rgba(48,101,107,.35);color:#fff}.kbt-section .kbt-layout.is-active i{opacity:1}.kbt-section .kbt-btn{align-items:center;background:#fff;border:1px solid #dfe5e8;border-radius:8px;color:#22343a;cursor:pointer;display:inline-flex;font-size:14px;gap:6px;padding:8px 14px;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.kbt-section .kbt-btn:hover{border-color:#30656b;color:#30656b}.kbt-section .kbt-btn--sm{font-size:13px;padding:4px 10px}.kbt-section .kbt-btn:focus-visible,.kbt-section .kbt-layout:focus-visible{outline:2px solid #30656b;outline-offset:1px}.kbt-section .kbt-switch{align-items:center;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;margin:0;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.kbt-section .kbt-switch input{height:1px;opacity:0;position:absolute;width:1px}.kbt-section .kbt-switch__track{background:#c6ced3;border-radius:20px;flex:0 0 auto;height:20px;position:relative;transition:background-color .15s ease;width:36px}.kbt-section .kbt-switch__track:after{background:#fff;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.25);content:"";height:16px;left:2px;position:absolute;top:2px;transition:transform .15s ease;width:16px}.kbt-section .kbt-switch input:checked+.kbt-switch__track{background:#30656b}.kbt-section .kbt-switch input:checked+.kbt-switch__track:after{transform:translateX(16px)}.kbt-section .kbt-switch input:focus-visible+.kbt-switch__track{outline:2px solid #30656b;outline-offset:2px}.kbt-section .kbt-device{border-top:1px dashed #dfe5e8;margin-top:14px;padding-top:14px}.kbt-section .kbt-device__items{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.kbt-section .kbt-device__warn{color:#8a6224;font-size:13px;margin:8px 0 0}.kbt-section .kbt-device__auto{color:#30656b;font-size:13px;margin:8px 0 0}.kbt-section .kbt-chip{align-items:center;background:#f4f7f8;border:1px solid #dfe5e8;border-radius:20px;color:#55636a;display:inline-flex;font-size:13px;gap:6px;padding:4px 10px}.kbt-section .kbt-chip i{color:#30656b}.kbt-section .kbt-chip b{color:#22343a;font-weight:600}.kbt-section .kbt-chip--accent{background:#e8f1f1;border-color:#c3dcdc}.kbt-section .kbt-progress{margin-top:16px}.kbt-section .kbt-progress__head{align-items:baseline;color:#55636a;display:flex;font-size:14px;justify-content:space-between;margin-bottom:6px}.kbt-section .kbt-progress__head b{color:#22343a}.kbt-section .kbt-progress__percent{color:#2f9e6b;font-size:18px;font-weight:700}.kbt-section .kbt-progress__track{background:#e9eef0;border-radius:10px;height:10px;overflow:hidden}.kbt-section .kbt-progress__bar{background:linear-gradient(90deg,#30656b,#2f9e6b);border-radius:inherit;height:100%;transition:width .25s ease;width:0}.kbt-section .kbt-stats{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin:14px 0 16px}.kbt-section .kbt-stat{align-items:center;background:#f4f7f8;border-radius:10px;display:flex;gap:10px;padding:10px 14px}.kbt-section .kbt-stat__value{color:#30656b;font-size:22px;font-weight:700;line-height:1;min-width:32px}.kbt-section .kbt-stat__label{color:#7b878d;font-size:13px;line-height:1.3}.kbt-section .kbt-board-wrap{container-type:inline-size;overflow-x:auto;padding:3px 3px 28px;position:relative}.kbt-section .kbt-board{--u:clamp(30px,calc(100cqw/22.5 - 7.11111px),50px);--gap:5px;align-items:flex-start;background:linear-gradient(180deg,#2a383e,#1f2b30);border-radius:14px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08),0 10px 24px rgba(31,43,48,.22);display:flex;gap:18px;justify-content:center;min-width:-moz-min-content;min-width:min-content;padding:14px;transition:box-shadow .3s ease}.kbt-section .kbt-board.is-complete{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08),0 0 0 3px rgba(47,158,107,.55),0 10px 24px rgba(31,43,48,.22)}.kbt-section .kbt-cluster{display:flex;flex-direction:column;gap:var(--gap)}.kbt-section .kbt-row{align-items:flex-start;display:flex;gap:var(--gap);height:var(--u)}.kbt-section .kbt-row--fn{margin-bottom:10px}.kbt-section .kbt-stack{display:flex;flex:0 0 auto;flex-direction:column;gap:calc(var(--gap)/2);height:var(--u);width:var(--u)}.kbt-section .kbt-numgrid{display:grid;gap:var(--gap);grid-auto-rows:var(--u);grid-template-columns:repeat(4,var(--u))}.kbt-section .kbt-numgrid .kbt-key{height:auto;width:auto}.kbt-section .kbt-key,.kbt-section .kbt-spacer{flex:0 0 auto;width:calc(var(--u)*var(--kw) + var(--gap)*(var(--kw) - 1))}.kbt-section .kbt-key{--kw:1;align-items:center;background:linear-gradient(180deg,#fff,#f8fafb);border-radius:7px;box-shadow:inset 0 -3px 0 #c9d1d6,0 1px 2px rgba(0,0,0,.35);color:#22343a;display:flex;flex-direction:column;font-size:12px;gap:1px;height:var(--u);justify-content:center;line-height:1.1;overflow:hidden;position:relative;text-align:center;transition:background .1s ease,color .1s ease,transform .08s ease,box-shadow .08s ease}.kbt-section .kbt-key__sub{color:#8a959b;font-size:10px}.kbt-section .kbt-key__main{font-weight:600}.kbt-section .kbt-key.is-tested{background:linear-gradient(180deg,#34ae76,#2f9e6b);box-shadow:inset 0 -3px 0 #237750,0 1px 2px rgba(0,0,0,.35);color:#fff}.kbt-section .kbt-key.is-tested .kbt-key__sub{color:hsla(0,0%,100%,.75)}.kbt-section .kbt-key.is-down{background:linear-gradient(180deg,#f3a950,#f2a03d);box-shadow:inset 0 -1px 0 #e3830f,0 0 12px rgba(242,160,61,.75);color:#fff;transform:translateY(2px)}.kbt-section .kbt-key.is-down .kbt-key__sub{color:hsla(0,0%,100%,.85)}.kbt-section .kbt-key--tall{height:calc(var(--u)*var(--kh) + var(--gap)*(var(--kh) - 1));z-index:1}.kbt-section .kbt-key--sm{font-size:9.5px;letter-spacing:-.2px}.kbt-section .kbt-key--sm .kbt-key__sub{font-size:9px}.kbt-section .kbt-key--opt:not(.is-tested):not(.is-down){background:transparent;box-shadow:none;color:hsla(0,0%,100%,.75);outline:1px dashed hsla(0,0%,100%,.5);outline-offset:-1px}.kbt-section .kbt-key--opt:not(.is-tested):not(.is-down) .kbt-key__sub{color:hsla(0,0%,100%,.5)}.kbt-section .kbt-key--fn.kbt-key--opt:not(.is-tested):not(.is-down){background:hsla(0,0%,100%,.14);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.35);color:#fff;outline:none}.kbt-section .kbt-key--fn:not(.is-tested):before{content:"?";font-size:9px;font-weight:600;opacity:.7;position:absolute;right:4px;top:2px}.kbt-section .kbt-key--half{box-shadow:inset 0 -2px 0 #c9d1d6,0 1px 2px rgba(0,0,0,.35);font-size:10px;height:calc((var(--u) - var(--gap)/2)/2)}.kbt-section .kbt-key[data-hits]:after{content:attr(data-hits);font-size:9px;font-weight:600;opacity:.8;position:absolute;right:4px;top:2px}.kbt-section .kbt-touchpad{align-self:center;cursor:default;display:flex;flex-direction:column;gap:3px;margin-top:calc(var(--u)*.45);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:calc(var(--u)*7.5)}.kbt-section .kbt-touchpad__surface{align-items:center;background:linear-gradient(180deg,#34444b,#2c3a40);border-radius:10px 10px 3px 3px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.08),inset 0 2px 6px rgba(0,0,0,.35);color:hsla(0,0%,100%,.45);display:flex;font-size:12px;height:calc(var(--u)*2.4);justify-content:center;line-height:1.4;padding:0 12px;text-align:center}.kbt-section .kbt-touchpad__buttons{display:flex;gap:3px}.kbt-section .kbt-key--mouse{flex:1 1 0;font-size:11px;height:calc(var(--u)*.85);width:auto}.kbt-section .kbt-key--mouse:first-child{border-radius:3px 3px 3px 12px}.kbt-section .kbt-key--mouse:last-child{border-radius:3px 3px 12px 3px}.kbt-section .kbt-key--mouse-mid{flex:0 0 calc(var(--u)*0.45)}.kbt-section .kbt-key--mouse-mid:not(.is-tested):not(.is-down){background:transparent;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.55)}.kbt-section .kbt-key--mouse-mid[data-hits]:after{display:none}.kbt-section .kbt-hint{animation:kbt-pulse 1.8s ease-in-out infinite;background:rgba(31,43,48,.88);border-radius:30px;box-shadow:0 6px 20px rgba(0,0,0,.3);color:#fff;font-size:15px;font-weight:600;left:50%;padding:10px 18px;pointer-events:none;position:absolute;top:calc(50% - 12.5px);transform:translate(-50%,-50%);transition:opacity .2s ease;white-space:nowrap}.kbt-section .kbt-hint i{color:#f2a03d;margin-right:6px}.kbt-section .kbt-hint.is-hidden{animation:none;opacity:0}.kbt-section .kbt-board-foot{align-items:center;display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:space-between;margin-top:12px}.kbt-section .kbt-legend{color:#55636a;display:flex;flex-wrap:wrap;font-size:13px;gap:6px 16px;list-style:none;margin:0;padding:0}.kbt-section .kbt-legend li{align-items:center;display:inline-flex;gap:6px}.kbt-section .kbt-legend__dot{background:#fff;border-radius:4px;box-shadow:inset 0 -2px 0 #c9d1d6,0 0 0 1px #c9d1d6;height:14px;width:14px}.kbt-section .kbt-legend__dot--down{background:#f2a03d;box-shadow:none}.kbt-section .kbt-legend__dot--tested{background:#2f9e6b;box-shadow:none}.kbt-section .kbt-legend__dot--opt{background:transparent;border:1px dashed #7b878d;box-shadow:none}.kbt-section .kbt-legend__num{background:#f4f7f8;border:1px solid #dfe5e8;border-radius:3px;font-size:10px;font-weight:600;padding:0 4px}.kbt-section .kbt-layout-note{color:#7b878d;font-size:13px;font-style:italic;margin:0}.kbt-section .kbt-bottom{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px}.kbt-section .kbt-guide,.kbt-section .kbt-panel{background:#fff;border:1px solid #dfe5e8;border-radius:12px}.kbt-section .kbt-panel{display:flex;flex-direction:column;padding:16px}.kbt-section .kbt-panel__title{align-items:center;color:#30656b;display:flex;font-size:16px;font-weight:700;gap:8px;margin:0 0 10px}.kbt-section .kbt-panel__note{color:#7b878d;font-size:13px;margin-bottom:10px}.kbt-section .kbt-count{background:#fdf0de;border-radius:12px;color:#a5641a;font-size:12px;min-width:24px;padding:1px 8px;text-align:center}.kbt-section .kbt-last{display:flex;justify-content:center;padding:10px 0 14px}.kbt-section .kbt-last__cap{align-items:center;background:linear-gradient(180deg,#fff,#f8fafb);border-radius:12px;box-shadow:inset 0 -5px 0 #c9d1d6,0 0 0 1px #dfe5e8,0 4px 10px rgba(0,0,0,.08);color:#22343a;display:inline-flex;font-size:30px;font-weight:700;height:72px;justify-content:center;min-width:72px;padding:0 16px}.kbt-section .kbt-last__cap.is-long{font-size:18px}.kbt-section .kbt-last__cap.is-pop{animation:kbt-pop .18s ease-out}.kbt-section .kbt-info{list-style:none;margin:0;padding:0}.kbt-section .kbt-info li{border-bottom:1px dashed #e6eaec;display:flex;font-size:14px;gap:10px;justify-content:space-between;padding:7px 0}.kbt-section .kbt-info li:last-child{border-bottom:none}.kbt-section .kbt-info li span{color:#7b878d}.kbt-section .kbt-info li b{text-align:right;word-break:break-all}.kbt-section .kbt-typing{border:1px solid #dfe5e8;border-radius:8px;flex:1 1 auto;font-size:15px;line-height:1.5;min-height:140px;padding:10px 12px;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.kbt-section .kbt-typing:focus{border-color:#30656b;box-shadow:0 0 0 3px rgba(48,101,107,.15);outline:none}.kbt-section .kbt-typing-meta{align-items:center;color:#7b878d;display:flex;font-size:13px;gap:10px;justify-content:space-between;margin-top:8px}.kbt-section .kbt-untested{align-content:flex-start;display:flex;flex-wrap:wrap;gap:6px;max-height:260px;overflow-y:auto;padding-right:2px}.kbt-section .kbt-untested__done{color:#2f9e6b;font-size:14px;font-weight:600;margin:0}.kbt-section .kbt-tag{background:#f4f7f8;border:1px solid #dfe5e8;border-radius:5px;color:#55636a;display:inline-block;font-size:12px;line-height:1.4;padding:3px 8px}.kbt-section .kbt-guide{margin-top:16px;padding:16px 18px}.kbt-section .kbt-guide ul{color:#55636a;list-style:none;margin:0;padding:0}.kbt-section .kbt-guide ul li{font-size:14px;line-height:1.7;padding-left:22px;position:relative}.kbt-section .kbt-guide ul li+li{margin-top:6px}.kbt-section .kbt-guide ul li:before{background:#30656b;border-radius:50%;content:"";height:7px;left:4px;position:absolute;top:.62em;width:7px}.kbt-section .kbt-guide__title,.kbt-section .kbt-suggest__title{color:#30656b;font-size:18px;font-weight:700;margin:0 0 12px}.kbt-section .kbt-suggest{margin-top:28px}.kbt-section .kbt-suggest__note{color:#7b878d;font-size:14px;margin-bottom:24px}@keyframes kbt-pulse{0%,to{box-shadow:0 6px 20px rgba(0,0,0,.3),0 0 0 0 rgba(242,160,61,.5)}50%{box-shadow:0 6px 20px rgba(0,0,0,.3),0 0 0 8px rgba(242,160,61,0)}}@keyframes kbt-pop{0%{transform:scale(.88)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.kbt-section .kbt-hint,.kbt-section .kbt-last__cap.is-pop{animation:none}}@media (max-width:767px){.kbt-section .kbt-bottom{grid-template-columns:1fr}.kbt-section .kbt-card{padding:14px}.kbt-section .kbt-layouts{width:100%}.kbt-section .kbt-layout{flex:1 1 auto;justify-content:center;padding:7px 10px}.kbt-section .kbt-stats{gap:6px;grid-template-columns:1fr}}@media (max-width:575px){.kbt-section .kbt-title{font-size:22px}.kbt-section .kbt-board{--gap:4px;padding:10px}.kbt-section .kbt-key{font-size:10px}.kbt-section .kbt-key__sub{font-size:8px}.kbt-section .kbt-hint{font-size:13px}}