*{box-sizing:border-box}:root{color:#0f172a;background:#eaf9fb;font-family:Inter,Arial,Helvetica,sans-serif}html{scroll-behavior:smooth}body{background-color:#0000;background-image:radial-gradient(circle at 12% 75%,#1eb8d26b 0%,#1eb8d22e 22%,#0000 45%),radial-gradient(circle at 82% 72%,#ffffffc7 0%,#ffffff5c 25%,#0000 48%),radial-gradient(circle at 50% 44%,#7bd3e052 0%,#7bd3e02e 22%,#0000 50%),linear-gradient(135deg,#e9fbff 0%,#d6f4f8 42%,#eefafa 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{border:0}.page{min-height:100vh;padding:42px 18px}.container{max-width:1440px;margin:0 auto}.header{text-align:center;margin-bottom:34px}.brand-home-area{cursor:pointer;outline:none;flex-direction:column;align-items:center;display:inline-flex}.logo{color:#0369a1;background:#e0f2feeb;border:1px solid #7dd3fc73;border-radius:22px;justify-content:center;align-items:center;width:62px;height:62px;margin:0 auto 18px;transition:transform .15s,box-shadow .15s,background .15s;display:flex;box-shadow:0 18px 45px #0e74901f}.brand-home-area:hover .logo{background:#e0f2fe;transform:translateY(-1px);box-shadow:0 22px 52px #0e74902e}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:34px;height:34px}.header h1{letter-spacing:-.04em;color:#0f172a;margin:0 0 10px;font-size:clamp(2rem,4vw,3.2rem);transition:color .15s}.brand-home-area:hover h1{color:#0284c7}.header p{color:#475569;max-width:760px;margin:0 auto;font-size:1.05rem;line-height:1.6}.theme-toggle-button{color:#0f172a;cursor:pointer;background:#ffffffb8;border:1px solid #cbd5e1e6;border-radius:999px;min-height:42px;margin-top:18px;padding:0 18px;font-weight:800;transition:transform .15s,background .15s,box-shadow .15s,color .15s;box-shadow:0 12px 30px #0f172a14}.theme-toggle-button:hover{background:#fffffff2;transform:translateY(-1px);box-shadow:0 18px 42px #0f172a1f}.stack{gap:22px;display:grid}.card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1;border:1px solid #cbd5e1c7;border-radius:24px;padding:22px;box-shadow:0 20px 55px #0f172a14}label{color:#334155;margin-bottom:9px;font-size:.92rem;font-weight:700;display:block}input,textarea,select{color:#0f172a;background:#fffffff0;border:1px solid #cbd5e1;border-radius:16px;outline:none;width:100%;padding:14px 15px;transition:border-color .15s,box-shadow .15s,background .15s}input:focus,textarea:focus,select:focus{background:#fff;border-color:#0284c7;box-shadow:0 0 0 4px #0284c71f}input:disabled{color:#64748b;cursor:not-allowed;background:#f1f5f9}.input-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.primary-button,.secondary-button,.secondary-link{cursor:pointer;border-radius:18px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:0 24px;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(135deg,#0284c7,#0d9488);box-shadow:0 16px 36px #0284c73d}.primary-button:hover:not(:disabled){background:linear-gradient(135deg,#0369a1,#0f766e);transform:translateY(-1px);box-shadow:0 20px 44px #0284c74d}.primary-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.secondary-button,.secondary-link{color:#0f172a;background:#f1f5f9eb;border:1px solid #cbd5e1}.secondary-button:hover,.secondary-link:hover{background:#e2e8f0;transform:translateY(-1px)}.action-button{color:#fff;border:0;box-shadow:0 16px 36px #0f172a24}.typing-action{background:linear-gradient(135deg,#0284c7,#0d9488)}.typing-action:hover{background:linear-gradient(135deg,#0369a1,#0f766e)}.keyboard-action{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.keyboard-action:hover{background:linear-gradient(135deg,#4338ca,#6d28d9)}.averages-action{background:linear-gradient(135deg,#059669,#10b981)}.averages-action:hover{background:linear-gradient(135deg,#047857,#059669)}.action-button:hover{transform:translateY(-1px);box-shadow:0 20px 44px #0f172a33}.button-icon{width:20px;height:20px}.button-icon.outline{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.hint{color:#64748b;margin:16px 0 0;font-size:.95rem}.intro-card{text-align:center;padding:34px}.intro-card h2{color:#0f172a;letter-spacing:-.03em;margin:0 0 12px;font-size:1.8rem}.intro-card p{color:#475569;max-width:760px;margin:0 auto 24px;font-size:1.05rem;line-height:1.7}.intro-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.keyboard-tester-anchor{scroll-margin-top:24px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.stat span{color:#64748b;margin-bottom:8px;font-size:.9rem;display:block}.stat strong{color:#0f172a;font-size:2rem}.progress-card{background:#dbeafe;border-radius:999px;grid-column:1/-1;height:14px;overflow:hidden}.progress-card div{background:linear-gradient(90deg,#0284c7,#14b8a6);border-radius:999px;height:100%;transition:width .2s}.typing-card{padding:0;overflow:hidden}.typing-header{justify-content:space-between;gap:16px;padding:22px 22px 0;display:flex}.typing-header h2{margin:0 0 6px;font-size:1.35rem}.typing-header p{color:#64748b;margin:0}.sample-text{color:#64748b;background:#f8fafceb;border:1px solid #e2e8f0;border-radius:20px;min-height:210px;margin:22px;padding:22px;font-size:1.12rem;line-height:2}.correct-char{color:#059669}.wrong-char{color:#dc2626;background:#fee2e2;border-radius:4px}.pending-char{color:#94a3b8;background:0 0!important}.typing-cursor{vertical-align:-.18em;background:#0284c7;border-radius:999px;width:2px;height:1.25em;margin:0 1px 0 0;animation:1s steps(2,start) infinite cursorBlink;display:inline-block}@keyframes cursorBlink{0%,45%{opacity:1}46%,to{opacity:0}}textarea{resize:vertical;width:calc(100% - 44px);min-height:180px;margin:0 22px 22px;line-height:1.65}.result-card h2,.contribution-card h2,.averages-card h2{margin:0 0 8px;font-size:1.6rem}.subtext{color:#64748b;margin:0 0 22px;line-height:1.6}.result-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.result-grid div{background:#f8fafceb;border:1px solid #e2e8f0;border-radius:18px;padding:18px}.result-grid span{color:#64748b;margin-bottom:8px;font-size:.9rem;display:block}.result-grid strong{color:#0f172a;overflow-wrap:anywhere;font-size:1.25rem;display:block}.personalize-card,.mistake-card,.keyboard-suggestion-card{background:#f8fafceb;border:1px solid #e2e8f0;border-radius:20px;margin-bottom:22px;padding:20px}.personalize-card h3,.mistake-card h3,.keyboard-suggestion-card h3{color:#0f172a;margin:0 0 8px;font-size:1.15rem}.personalize-card p,.mistake-card p,.keyboard-suggestion-card p{color:#64748b;margin:0 0 16px;line-height:1.6}.mistake-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.mistake-grid div{background:#fffffff0;border:1px solid #e2e8f0;border-radius:16px;padding:14px}.mistake-grid span{text-transform:capitalize;color:#64748b;margin-bottom:6px;display:block}.mistake-grid strong{font-size:1.5rem}.button-row{flex-wrap:wrap;gap:12px;display:flex}.contribution-card .input-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.success-text{color:#047857;margin:14px 0 0;font-weight:700}.error-text{color:#dc2626;margin:14px 0 0;font-weight:700}.timeline-note{color:#64748b;margin:0 0 16px;line-height:1.5}.timeline-wrap{background:#fffffff0;border:1px solid #e2e8f0;border-radius:18px;width:100%;margin:12px 0 18px;padding:12px;overflow-x:auto}.timeline-svg{width:100%;min-width:720px;height:auto;display:block}.timeline-grid{stroke:#e2e8f0;stroke-width:1px}.timeline-row{stroke:#eef2f7;stroke-width:1px}.timeline-axis{stroke:#94a3b8;stroke-width:1.5px}.timeline-axis-text{fill:#64748b;font-size:13px;font-weight:600}.timeline-dot{fill:#0284c7;stroke:#fff;stroke-width:2px}.timeline-dot-letter{fill:#dc2626}.timeline-dot-space{fill:#f97316}.timeline-dot-punctuation{fill:#7c3aed}.timeline-dot-backspace,.timeline-dot-delete{fill:#0f172a}.timeline-dot-other{fill:#64748b}.timeline-empty{color:#64748b;background:#fffffff0;border:1px dashed #cbd5e1;border-radius:16px;margin:12px 0 18px;padding:18px}.timeline-summary{margin-top:14px}.keyboard-tester-card{gap:20px;display:grid;overflow:hidden}.keyboard-tester-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.keyboard-tester-header h2{color:#0f172a;letter-spacing:-.03em;margin:0 0 8px;font-size:1.6rem}.keyboard-tester-header p{color:#475569;max-width:720px;margin:0;line-height:1.6}.keyboard-tester-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.keyboard-config-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.selected-keyboard-card{background:#e0f2fed1;border:1px solid #7dd3fc8c;border-radius:18px;gap:6px;padding:18px;display:grid}.selected-keyboard-card strong{color:#0f172a;font-size:1.1rem}.selected-keyboard-card span{color:#475569}.keyboard-listener{text-align:center;color:#475569;background:#f8fafceb;border:1px dashed #94a3b8;border-radius:18px;outline:none;padding:18px;font-weight:800}.keyboard-listener-active{color:#075985;background:#e0f2fe;border-color:#0284c7;box-shadow:0 0 0 4px #0284c71a}.keyboard-status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.keyboard-status-grid div{background:#f8fafceb;border:1px solid #e2e8f0;border-radius:18px;padding:16px}.keyboard-status-grid span{color:#64748b;margin-bottom:8px;font-size:.9rem;display:block}.keyboard-status-grid strong{color:#0f172a;overflow-wrap:anywhere;font-size:1.05rem;display:block}.keyboard-shell{--key-w:37px;--key-h:46px;--key-gap:5px;--key-wide:60px;--key-extra:76px;--key-space:210px;background:#0f172a0f;border:1px solid #94a3b859;border-radius:20px;gap:6px;width:100%;padding:12px;display:grid;overflow-x:hidden}.keyboard-row{align-items:center;gap:var(--key-gap);width:100%;min-width:0;display:flex}.keycap{flex:0 0 var(--key-w);width:var(--key-w);min-width:var(--key-w);height:var(--key-h);color:#334155;text-align:center;white-space:normal;background:#fffffff0;border:1px solid #cbd5e1;border-radius:11px;justify-content:center;align-items:center;padding:0 4px;font-size:.78rem;font-weight:800;line-height:1.1;transition:transform .1s,background .1s,border-color .1s;display:flex;box-shadow:0 4px 10px #0f172a0f}.keycap-wide{flex-basis:var(--key-wide);width:var(--key-wide);min-width:var(--key-wide)}.keycap-extra{flex-basis:var(--key-extra);width:var(--key-extra);min-width:var(--key-extra)}.keycap-space{flex-basis:var(--key-space);width:var(--key-space);min-width:var(--key-space)}.keyboard-shell.keyboard-grid-shell{--grid-key-h:48px;--grid-gap:6px;grid-template-columns:repeat(54,minmax(0,1fr));grid-template-rows:repeat(6, var(--grid-key-h));gap:var(--grid-gap);align-items:stretch;width:100%;padding:14px;display:grid;overflow-x:hidden}.keyboard-grid-shell .keycap{white-space:normal;border-radius:10px;flex:none;width:100%;min-width:0;height:100%;padding:0 4px;font-size:clamp(.62rem,.68vw,.84rem);line-height:1.05}.keycap-tested{color:#166534;background:#dcfce7;border-color:#86efac}.keycap-active{color:#fff;background:#0284c7;border-color:#0369a1;transform:translateY(2px)}.keyboard-tester-note{color:#64748b;margin:0;font-size:.95rem;line-height:1.6}.suggestion-notes-field{grid-column:span 2}.suggestion-notes-field textarea{width:100%;min-height:110px;margin:0}.custom-select{width:100%;position:relative}.custom-select-button{color:#0f172a;cursor:pointer;text-align:left;background:#fffffff0;border:1px solid #cbd5e1;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:50px;padding:14px 15px;font-weight:700;display:flex}.custom-select-button:hover{background:#fff;border-color:#0284c7}.custom-select-button:focus{border-color:#0284c7;outline:none;box-shadow:0 0 0 4px #0284c71f}.custom-select-button span:first-child{text-overflow:ellipsis;overflow:hidden}.custom-select-arrow{color:#64748b;flex:none;font-size:.9rem}.custom-select-menu{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overscroll-behavior:contain;background:#fffffffa;border:1px solid #cbd5e1;border-radius:16px;max-height:160px;padding:8px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 22px 55px #0f172a29}.custom-select-option{color:#334155;cursor:pointer;text-align:left;background:0 0;border-radius:12px;width:100%;min-height:42px;padding:10px 12px;font-weight:700}.custom-select-option:hover,.custom-select-option-active{background:#f1f5f9}.custom-select-option-selected{color:#0369a1;background:#e0f2fe}.custom-select-option-selected.custom-select-option-active{background:#dbeafe}.table-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px;display:flex}.table-header h2{margin-bottom:6px}.table-header p{color:#64748b;margin:0}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:780px}th,td{text-align:left;border-bottom:1px solid #e2e8f0;padding:14px 12px}th{color:#475569;background:#f8fafcf5;font-size:.9rem}td{color:#0f172a}.seo-content{gap:18px;margin-top:28px;display:grid}.seo-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1;border:1px solid #cbd5e1c7;border-radius:24px;padding:24px;box-shadow:0 16px 50px #0f172a0f}.seo-card h2{color:#0f172a;letter-spacing:-.02em;margin:0 0 10px;font-size:1.35rem}.seo-card p{color:#475569;margin:0;font-size:1rem;line-height:1.7}.footer-note{text-align:center;color:#475569;margin:32px 0 0;font-size:.9rem}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] body{background-color:#0000;background-image:radial-gradient(circle at 12% 75%,#0e74906b 0%,#0e74902e 22%,#0000 45%),radial-gradient(circle at 82% 72%,#1e293bc7 0%,#1e293b5c 25%,#0000 48%),radial-gradient(circle at 50% 44%,#0891b242 0%,#0891b21f 22%,#0000 50%),linear-gradient(135deg,#020617 0%,#0f172a 45%,#111827 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}[data-theme=dark] .header h1,[data-theme=dark] .intro-card h2,[data-theme=dark] .typing-header h2,[data-theme=dark] .result-card h2,[data-theme=dark] .contribution-card h2,[data-theme=dark] .averages-card h2,[data-theme=dark] .keyboard-tester-header h2,[data-theme=dark] .keyboard-suggestion-card h3,[data-theme=dark] .personalize-card h3,[data-theme=dark] .mistake-card h3,[data-theme=dark] .seo-card h2,[data-theme=dark] .selected-keyboard-card strong,[data-theme=dark] .stat strong,[data-theme=dark] .result-grid strong,[data-theme=dark] .keyboard-status-grid strong,[data-theme=dark] td{color:#f8fafc}[data-theme=dark] .header p,[data-theme=dark] .intro-card p,[data-theme=dark] .typing-header p,[data-theme=dark] .subtext,[data-theme=dark] .table-header p,[data-theme=dark] .keyboard-tester-header p,[data-theme=dark] .keyboard-tester-note,[data-theme=dark] .keyboard-suggestion-card p,[data-theme=dark] .personalize-card p,[data-theme=dark] .timeline-note,[data-theme=dark] .seo-card p,[data-theme=dark] .footer-note,[data-theme=dark] .hint,[data-theme=dark] .selected-keyboard-card span,[data-theme=dark] .stat span,[data-theme=dark] .result-grid span,[data-theme=dark] .keyboard-status-grid span,[data-theme=dark] label{color:#cbd5e1}[data-theme=dark] .card,[data-theme=dark] .seo-card{background:#0f172ad1;border-color:#475569d1;box-shadow:0 20px 55px #00000038}[data-theme=dark] .result-grid div,[data-theme=dark] .personalize-card,[data-theme=dark] .mistake-card,[data-theme=dark] .mistake-grid div,[data-theme=dark] .keyboard-status-grid div,[data-theme=dark] .keyboard-suggestion-card,[data-theme=dark] .sample-text,[data-theme=dark] .timeline-wrap,[data-theme=dark] .timeline-empty{background:#1e293beb;border-color:#64748be6}[data-theme=dark] .selected-keyboard-card{background:#0e74903d;border-color:#38bdf859}[data-theme=dark] .logo{color:#38bdf8;background:#0f172aeb;border-color:#38bdf859}[data-theme=dark] .brand-home-area:hover .logo{background:#1e293b;box-shadow:0 22px 52px #38bdf81f}[data-theme=dark] .brand-home-area:hover h1{color:#38bdf8}[data-theme=dark] .theme-toggle-button{color:#f8fafc;background:#0f172ad1;border-color:#475569e6}[data-theme=dark] .theme-toggle-button:hover{background:#1e293bf5}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select,[data-theme=dark] .custom-select-button{color:#f8fafc;background:#0f172aeb;border-color:#475569e6}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#94a3b8}[data-theme=dark] input:focus,[data-theme=dark] textarea:focus,[data-theme=dark] select:focus,[data-theme=dark] .custom-select-button:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf824}[data-theme=dark] .custom-select-menu{background:#0f172afa;border-color:#475569f2;box-shadow:0 22px 55px #0000005c}[data-theme=dark] .custom-select-option{color:#e2e8f0}[data-theme=dark] .custom-select-option:hover,[data-theme=dark] .custom-select-option-active{background:#334155f5}[data-theme=dark] .custom-select-option-selected{color:#7dd3fc;background:#0e74906b}[data-theme=dark] .custom-select-option-selected.custom-select-option-active{background:#0e74908c}[data-theme=dark] .keyboard-listener{color:#cbd5e1;background:#1e293bdb;border-color:#64748be6}[data-theme=dark] .keyboard-listener-active{color:#7dd3fc;background:#0e749042;border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf81f}[data-theme=dark] .keyboard-shell{background:#0206178f;border-color:#475569e6}[data-theme=dark] .keycap{color:#e2e8f0;background:#1e293bf5;border-color:#64748be6;box-shadow:0 4px 10px #0000002e}[data-theme=dark] .keycap-tested{color:#dcfce7;background:#166534a6;border-color:#86efac73}[data-theme=dark] .keycap-active{color:#fff;background:#0284c7;border-color:#38bdf8}[data-theme=dark] .correct-char{color:#34d399}[data-theme=dark] .wrong-char{color:#fecaca;background:#dc26266b}[data-theme=dark] .pending-char{color:#94a3b8}[data-theme=dark] .typing-cursor{background:#38bdf8}[data-theme=dark] .progress-card{background:#1e293bf5}[data-theme=dark] th{color:#cbd5e1;background:#1e293bf5}[data-theme=dark] th,[data-theme=dark] td{border-bottom-color:#475569e6}[data-theme=dark] .secondary-button,[data-theme=dark] .secondary-link{color:#f8fafc;background:#1e293be6;border-color:#475569e6}[data-theme=dark] .secondary-button:hover,[data-theme=dark] .secondary-link:hover{background:#334155f5}[data-theme=dark] .typing-action{color:#fff;background:linear-gradient(135deg,#0284c7,#0d9488);border:0;box-shadow:0 16px 36px #0284c747}[data-theme=dark] .keyboard-action{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:0;box-shadow:0 16px 36px #4f46e547}[data-theme=dark] .averages-action{color:#fff;background:linear-gradient(135deg,#059669,#10b981);border:0;box-shadow:0 16px 36px #10b9813d}[data-theme=dark] .timeline-grid,[data-theme=dark] .timeline-row{stroke:#475569d9}[data-theme=dark] .timeline-axis{stroke:#64748b}[data-theme=dark] .timeline-axis-text{fill:#cbd5e1}@media (width<=1180px){.keyboard-shell.keyboard-grid-shell{--grid-key-h:44px;--grid-gap:5px;overflow-x:auto}.keyboard-grid-shell .keycap{font-size:.68rem}}@media (width<=900px){.result-grid,.keyboard-config-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.suggestion-notes-field{grid-column:span 2}}@media (width<=820px){.page{padding:28px 14px}.input-grid,.stats-grid,.contribution-card .input-grid{grid-template-columns:1fr}.sample-text{margin:16px;padding:16px;font-size:1rem}textarea{width:calc(100% - 32px);margin:0 16px 16px}.mistake-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header h1{font-size:2rem}.keyboard-tester-header{flex-direction:column}.keyboard-tester-actions{justify-content:flex-start;width:100%}.keyboard-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.keyboard-shell.keyboard-grid-shell{width:max-content;min-width:1120px}.keyboard-row{width:max-content;min-width:max-content}}@media (width<=520px){.card{border-radius:20px;padding:18px}.intro-card{padding:22px}.typing-header{padding:18px 18px 0}.result-grid,.mistake-grid{grid-template-columns:1fr}.button-row{flex-direction:column}.primary-button,.secondary-button,.secondary-link{width:100%}.keyboard-config-grid,.keyboard-status-grid{grid-template-columns:1fr}.suggestion-notes-field{grid-column:span 1}}html,body,.page{width:100%;max-width:100%;overflow-x:hidden}.container{width:100%;max-width:1440px}.card{max-width:100%}.table-wrap,.timeline-wrap{max-width:100%;overflow-x:auto}@media (width<=760px){.page{padding:24px 12px}.container{width:100%;max-width:100%}.header{margin-bottom:26px}.logo{border-radius:20px;width:58px;height:58px}.header h1{letter-spacing:-.05em;font-size:2.35rem;line-height:1.05}.header p{max-width:320px;font-size:1.05rem;line-height:1.55}.theme-toggle-button{max-width:100%;font-size:.95rem}.intro-card{width:100%;padding:24px 18px;overflow:hidden}.intro-card h2{font-size:1.55rem;line-height:1.2}.intro-card p{font-size:.98rem;line-height:1.6}.intro-actions{grid-template-columns:1fr;gap:12px;width:100%;display:grid}.intro-actions .primary-button,.intro-actions .secondary-button,.intro-actions .secondary-link{width:100%;min-width:0;max-width:100%}.averages-card{width:100%;overflow:hidden}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}table{min-width:680px}.seo-card{width:100%;padding:22px}.keyboard-tester-card{width:100%;overflow:hidden}.keyboard-shell.keyboard-grid-shell{-webkit-overflow-scrolling:touch;width:100%;min-width:0;overflow-x:auto}.keyboard-shell.keyboard-grid-shell>.keycap{min-width:0}}@media (width<=420px){.page{padding:20px 10px}.header h1{font-size:2rem}.header p{max-width:290px;font-size:.98rem}.intro-card h2{font-size:1.35rem}.intro-card p{font-size:.94rem}.card{border-radius:20px}}