:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;color:#ffffffde;background-color:#242424}*{box-sizing:border-box}body{margin:0;background:#080a0d;color:#f1f5f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.keyboard-tester{min-height:100vh;padding:48px;outline:none;background:radial-gradient(circle at 50% 0%,rgba(70,82,105,.16),transparent 40%),#080a0d}.tester-header{max-width:1500px;margin:0 auto 28px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.title-line{display:flex;align-items:center;gap:8px}.eyebrow{color:#717b8c;font-size:11px;font-weight:700;letter-spacing:.16em}.status-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#64748b;box-shadow:0 0 12px #94a3b880;transition:background .2s ease,box-shadow .2s ease}.status-dot.active{background:#4ade80;box-shadow:0 0 12px #4ade80cc}.testing-badge{margin-left:8px;padding:4px 8px;border-radius:5px;font-size:9px;font-weight:800;letter-spacing:.08em;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.testing-badge.active{border:1px solid #285c3c;background:#10281a;color:#63c985;box-shadow:0 0 10px #4ade800f}.testing-badge.inactive{border:1px solid #63333b;background:#241216;color:#e27785;box-shadow:0 0 10px #ef44440f}.tester-header h1{margin:10px 0 7px;font-size:36px;line-height:1;letter-spacing:-.04em}.tester-header p{margin:0;color:#788394;font-size:14px}.tester-header strong{color:#aeb7c5}.header-actions{display:flex;align-items:center;gap:9px}.start-button,.stop-button,.reset-button{border-radius:9px;padding:11px 18px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .15s ease}.start-button{border:1px solid #386b4b;background:#173420;color:#86dda1;box-shadow:0 0 20px #4ade800d}.start-button:hover{border-color:#4a9965;background:#1d4329;color:#a5edb8}.button-icon{margin-right:6px;font-size:10px}.stop-button{border:1px solid #5b3940;background:#211317;color:#d9949f}.stop-button:hover{border-color:#814b55;background:#2b171c}.reset-button{border:1px solid #29313d;background:#11151a;color:#b8c1ce}.reset-button:hover{border-color:#475467;background:#181d24}.start-button:active,.stop-button:active,.reset-button:active{transform:translateY(1px)}.progress-panel{max-width:1500px;margin:0 auto 28px;padding:18px 20px;border:1px solid #1c222b;border-radius:12px;background:#0d1014}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px;color:#6f7a8a;font-size:12px;font-weight:600}.progress-info strong{color:#c8d0db}.progress-bar{height:5px;overflow:hidden;border-radius:10px;background:#191e25}.progress-fill{height:100%;border-radius:inherit;background:#5d6a7c;transition:width .35s ease}.progress-percent{display:block;margin-top:8px;color:#566171;font-size:11px;text-align:right}.start-info{max-width:1500px;margin:0 auto 20px;padding:18px 20px;display:flex;align-items:flex-start;gap:15px;border:1px solid #202832;border-radius:11px;background:#0e1217}.start-info-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #2b3440;border-radius:8px;background:#151a20;color:#9ba7b8;font-size:18px}.start-info-content{flex:1}.start-info-content>strong{color:#cbd3de;font-size:13px}.start-info-content>p{margin:4px 0 16px;color:#697587;font-size:12px}.keyboard-size-selector{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.selector-label{color:#818c9c;font-size:11px;font-weight:700}.size-options{display:flex;gap:5px;padding:3px;border:1px solid #252d37;border-radius:8px;background:#090c10}.size-button{min-width:54px;padding:7px 10px;border:1px solid transparent;border-radius:5px;background:transparent;color:#687485;font-size:11px;font-weight:700;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}.size-button:hover{color:#b5bfcc;background:#171c23}.size-button.selected{border-color:#374250;background:#222933;color:#e0e6ed;box-shadow:0 1px 5px #0000004d}.selected-layout-info{margin-top:12px;display:flex;align-items:center;gap:7px;color:#5e6a7a;font-size:10px}.selected-layout-info strong{color:#9da9b8}.layout-divider{color:#3f4956;margin:0 3px}.keyboard-wrapper{max-width:1500px;margin:0 auto;padding:30px;overflow-x:auto;border:1px solid #1d232c;border-radius:16px;background:#0c0f13;box-shadow:0 25px 80px #00000073,inset 0 1px #ffffff06}.keyboard{width:100%;min-width:1000px;display:flex;flex-direction:column;gap:7px}.keyboard-row{display:flex;gap:7px}.key{position:relative;flex:1 1 0;min-width:45px;height:57px;display:flex;align-items:center;justify-content:center;border:1px solid #2a3039;border-radius:7px;background:linear-gradient(180deg,#1a1f26,#15191f);box-shadow:0 3px #090b0e,0 5px 8px #00000040;color:#8f99a8;font-size:13px;font-weight:600;cursor:default;-webkit-user-select:none;user-select:none;transition:transform .08s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease}.key.disabled{opacity:.72}.key:hover{border-color:#3b4350;color:#b0bac8}.key.pressed{transform:translateY(3px) scale(.97);border-color:#738095;background:#252c35;color:#f1f5f9;box-shadow:0 0 #090b0e,0 0 18px #94a3b838}.key.tested{border-color:#285c3c;background:linear-gradient(180deg,#163521,#10281a);color:#79d99a;box-shadow:0 3px #07120b,0 0 13px #4ade8014}.key.tested.pressed{transform:translateY(3px) scale(.97);border-color:#43a968;background:#1b4729;color:#a3f2b9;box-shadow:0 0 #07120b,0 0 20px #4ade802e}.key-count{position:absolute;right:5px;bottom:4px;color:#596575;font-size:8px;font-weight:700}.check{position:absolute;right:6px;bottom:4px;color:#4ade80;font-size:10px;font-weight:800}.key-label{line-height:1;white-space:nowrap}.function{height:45px;margin-bottom:12px;font-size:11px}.esc{margin-right:12px}.utility{font-size:10px}.backspace{flex:1.9}.tab{flex:1.45}.backslash{flex:1.5}.caps{flex:1.7}.enter{flex:2.1}.shift-left{flex:2.25}.shift-right{flex:2.6}.modifier{flex:1.35;font-size:10px}.space{flex:6.8}.arrow{flex:.9;min-width:48px;font-size:18px}.numpad{flex:1}.tall{align-self:stretch}.numpad-zero{flex:2.05}.row-0 .key:nth-child(2),.row-0 .key:nth-child(6),.row-0 .key:nth-child(10){margin-left:14px}.nav-key{margin-left:4px}.numpad-key{margin-left:0}.keyboard-size-60{min-width:760px}.keyboard-size-60 .keyboard-row{gap:5px}.keyboard-size-60 .key{min-width:42px;height:53px}.keyboard-size-60 .function{height:43px}.keyboard-size-65{min-width:820px}.keyboard-size-65 .keyboard-row{gap:5px}.keyboard-size-65 .key{min-width:43px;height:54px}.keyboard-size-75{min-width:950px}.keyboard-size-75 .key{min-width:43px}.keyboard-size-75 .function{height:44px}.keyboard-size-80{min-width:1050px}.keyboard-size-80 .key{min-width:45px}.keyboard-size-100{min-width:1250px}.keyboard-size-100 .key{min-width:45px}.legend{max-width:1500px;margin:20px auto 0;display:flex;justify-content:flex-end;gap:22px}.legend-item{display:flex;align-items:center;gap:7px;color:#596575;font-size:11px}.legend-key{width:10px;height:10px;display:inline-block;border:1px solid #303844;border-radius:3px;background:#1a1f26}.legend-key.active{border-color:#738095;background:#252c35;box-shadow:0 0 8px #94a3b840}.legend-key.tested{border-color:#285c3c;background:#163521}.legend-key.untouched{background:#11151a}@media(max-width:900px){.keyboard-tester{padding:25px 15px}.tester-header{align-items:flex-start;flex-direction:column}.tester-header h1{font-size:30px}.header-actions{width:100%;flex-wrap:wrap}.start-info{align-items:flex-start}.keyboard-size-selector{align-items:flex-start;flex-direction:column;gap:8px}.size-options{width:100%;justify-content:space-between}.size-button{flex:1}.selected-layout-info{flex-wrap:wrap}.keyboard-wrapper{padding:18px}.legend{justify-content:flex-start;flex-wrap:wrap}}.success-title{color:#79d99a!important}.start-info-icon{transition:color .2s ease,border-color .2s ease,background .2s ease}.start-info:has(.success-title) .start-info-icon{border-color:#285c3c;background:#10281a;color:#4ade80}.seo-content{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:80px 0 100px;color:#d7dbe1}.content-introduction{max-width:1200px;margin:0 auto 80px}.content-eyebrow{display:inline-block;margin-bottom:12px;color:#63c985;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.content-introduction h2,.section-heading h2,.content-final h2{margin:0 0 20px;color:#f1f3f5;font-size:clamp(28px,4vw,42px);line-height:1.12;letter-spacing:-.03em}.content-introduction p,.section-heading p,.content-final p{color:#9299a3;font-size:15px;line-height:1.8}.content-introduction .content-lead{color:#c6ccd3;font-size:18px;line-height:1.75}.guide-section{margin-bottom:82px}.section-heading{max-width:850px;margin-bottom:32px}.guide-steps{display:grid;gap:12px}.guide-step{display:grid;grid-template-columns:54px 1fr;gap:22px;padding:28px;border:1px solid #1c2026;border-radius:12px;background:#0d1014}.guide-step>span{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #285c3c;border-radius:8px;color:#63c985;background:#10281a;font-size:11px;font-weight:800}.guide-step h3,.diagnostic-grid h3,.platform-grid h3,.keyboard-types h3,.keyboard-size-card h3,.faq-item h3{margin:0 0 9px;color:#e9edf1;font-size:18px}.guide-step p,.diagnostic-grid p,.platform-grid p,.keyboard-types p,.keyboard-size-card p,.faq-item p{margin:0;color:#8f97a2;font-size:14px;line-height:1.75}.guide-step strong{color:#cbd1d8}.diagnostic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.diagnostic-grid article,.platform-grid article,.keyboard-types article{padding:28px;border:1px solid #1c2026;border-radius:12px;background:#0d1014}.diagnostic-grid article{border-left:2px solid #285c3c;border-radius:0 12px 12px 0}.checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.checklist>div{display:flex;align-items:center;gap:14px;padding:18px 20px;border:1px solid #1c2026;border-radius:10px;background:#0d1014}.checklist span{flex:0 0 auto;color:#4ade80;font-size:18px;font-weight:700}.checklist p{margin:0;color:#9aa1aa;font-size:14px;line-height:1.5}.keyboard-size-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.keyboard-size-card{min-height:190px;padding:24px;border:1px solid #1c2026;border-radius:12px;background:#0d1014}.keyboard-size-card>strong{display:block;margin-bottom:18px;color:#63c985;font-size:24px}.keyboard-size-card h3{font-size:16px}.keyboard-size-card p{font-size:13px}.platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.keyboard-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.faq-section{max-width:1200px;margin-left:auto;margin-right:auto}.faq-list{border-top:1px solid #1c2026}.faq-item{padding:27px 0;border-bottom:1px solid #1c2026}.faq-item h3{font-size:17px}.faq-item p{max-width:850px}.content-final{max-width:1200px;margin:0 auto;padding:48px;border:1px solid #1c2026;border-radius:16px;background:#0d1014;text-align:center}.content-final p{max-width:720px;margin:0 auto}@media(max-width:1000px){.keyboard-size-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.platform-grid{grid-template-columns:1fr}}@media(max-width:760px){.seo-content{width:min(100% - 24px,1180px);padding:60px 0 80px}.diagnostic-grid,.keyboard-types,.checklist{grid-template-columns:1fr}.keyboard-size-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-step{grid-template-columns:42px 1fr;gap:16px;padding:22px}}@media(max-width:500px){.keyboard-size-grid{grid-template-columns:1fr}.content-final{padding:32px 22px}}.static-page{min-height:70vh;padding:80px 16px 100px;color:#d7dbe1}.static-page-inner{width:min(860px,100%);margin:0 auto}.static-eyebrow{display:inline-block;margin-bottom:14px;color:#63c985;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.static-page h1{margin:0 0 22px;color:#f1f3f5;font-size:clamp(34px,5vw,52px);line-height:1.08;letter-spacing:-.04em}.static-lead{margin:0 0 18px;color:#bfc5cc;font-size:19px;line-height:1.75}.static-updated{margin:0 0 60px;color:#69717c;font-size:12px}.static-page section{margin-bottom:48px}.static-page h2{margin:0 0 15px;color:#e9edf1;font-size:24px;line-height:1.25}.static-page p,.static-page li{color:#9299a3;font-size:15px;line-height:1.8}.static-page p{margin:0 0 17px}.static-page ul{margin:0;padding-left:22px}.static-page li{margin-bottom:8px}.static-page a{color:#63c985;text-decoration:none}.static-page a:hover{text-decoration:underline}@media(max-width:600px){.static-page{padding:56px 12px 70px}.static-lead{font-size:17px}.static-page section{margin-bottom:40px}}.site-footer{border-top:1px solid #171b20;background:#080a0d}.site-footer-inner{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:34px 0;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:40px}.site-footer strong{color:#e9edf1;font-size:14px}.site-footer p{margin:6px 0 0;color:#69717c;font-size:12px}.site-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}.site-footer nav a{color:#858d98;font-size:12px;text-decoration:none}.site-footer nav a:hover{color:#63c985}.site-footer-copy{color:#555d67;font-size:11px;white-space:nowrap}@media(max-width:760px){.site-footer-inner{grid-template-columns:1fr;gap:20px;text-align:center}.site-footer nav{justify-content:center}}