*{box-sizing:border-box}:root{color:#0f172a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--light-card:#f0f5f6e6;--light-surface:#eaf1f2;--light-surface-raised:#f1f5f6;--light-input:#eff4f5f5;--light-border:#c4d1d5;background:#d9eaed;font-family:Inter,Arial,Helvetica,sans-serif}html{scroll-behavior:smooth}body{background-color:#0000;background-image:radial-gradient(circle at 12% 75%,#1ea4bb61 0%,#1ea4bb29 22%,#0000 45%),radial-gradient(circle at 82% 72%,#edf3f4bd 0%,#edf3f457 25%,#0000 48%),radial-gradient(circle at 50% 44%,#69bcc94d 0%,#69bcc929 22%,#0000 50%),linear-gradient(135deg,#d8edf1 0%,#c8e3e7 42%,#dfedef 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{background:0 0;width:76px;height:76px;margin:0 auto 14px;transition:transform .15s;display:block}.logo img{object-fit:contain;width:100%;height:100%;display:block}.brand-home-area:hover .logo{transform:translateY(-1px)}.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{background:var(--light-card);border:1px solid var(--light-border);color:#0f172a;cursor:pointer;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:var(--light-surface-raised);transform:translateY(-1px);box-shadow:0 18px 42px #0f172a1f}.stack{gap:22px;display:grid}.card{background:var(--light-card);border:1px solid var(--light-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);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{background:var(--light-input);color:#0f172a;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:var(--light-surface-raised);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,.danger-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)}.danger-button{color:#9f2929;background:#fff7f7;border:1px solid #f1b8b8}.danger-button:hover:not(:disabled){background:#fee2e2;transform:translateY(-1px)}.danger-button:disabled{opacity:.5;cursor:not-allowed}.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{background:var(--light-surface-raised);color:#64748b;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:var(--light-surface-raised);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:var(--light-surface-raised);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:var(--light-input);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:var(--light-input);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{background:var(--light-input);color:#64748b;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{background:var(--light-surface-raised);text-align:center;color:#475569;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:var(--light-surface-raised);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);background:var(--light-input);color:#334155;text-align:center;white-space:normal;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{background:var(--light-input);color:#0f172a;cursor:pointer;text-align:left;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:var(--light-surface-raised);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;background:var(--light-surface-raised);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overscroll-behavior:contain;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:var(--light-surface-raised);font-size:.9rem}td{color:#0f172a}.seo-content{gap:18px;margin-top:28px;display:grid}.seo-card{background:var(--light-card);border:1px solid var(--light-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);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] .mistake-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] .mistake-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] .mistake-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,[data-theme=dark] .brand-home-area:hover .logo{background:0 0}[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{width:68px;height:68px}.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}}.assessment-eyebrow{color:#0f7378;letter-spacing:.12em;text-transform:uppercase;align-items:center;width:fit-content;margin-bottom:9px;font-size:.75rem;font-weight:800;display:inline-flex}.assessment-status{background:var(--light-surface-raised);color:#345860;border:1px solid #c9dde0;border-radius:12px;margin-top:16px;padding:14px 16px}.assessment-error{color:#8d2828;background:#fff7f7;border:1px solid #f1b8b8;border-radius:14px;margin-top:18px;padding:16px 18px}.assessment-error p{color:inherit;margin:5px 0 0}.manager-link-form,.manager-link-output,.assessment-candidate-fields{gap:10px;margin:20px 0;display:grid}.intro-card .assessment-company{background:var(--light-surface-raised);color:#27545b;border:1px solid #b9d8dc;border-radius:999px;width:fit-content;margin:12px 0;padding:7px 11px;font-size:.82rem;font-weight:800}.manager-link-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.manager-link-field{gap:7px;display:grid}.manager-link-field-wide{grid-column:1/-1}.manager-link-field label,.manager-link-form>label,.manager-link-output>label,.assessment-candidate-fields label{color:#38545b;font-size:.86rem;font-weight:800}.manager-link-controls{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.manager-link-output{background:var(--light-surface-raised);border:1px solid #b9d8dc;border-radius:14px;padding:16px}.manager-link-output input{min-width:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.82rem}.manager-link-output p,.intro-card .privacy-note{color:#5e747b;margin:0;font-size:.82rem}.manager-portal-container{max-width:920px}.manager-portal-header{justify-items:center;display:grid}.manager-brand{color:#0f172a;letter-spacing:-.04em;align-items:center;gap:12px;font-size:clamp(1.65rem,4vw,2.35rem);font-weight:900;text-decoration:none;display:inline-flex}.manager-brand-logo{object-fit:contain;width:54px;height:54px;display:block}.manager-portal-card{text-align:left;margin-top:24px}.manager-portal-card>p,.manager-access-status p{text-align:left;margin-left:0}.manager-portal-card h1{color:#0f172a;letter-spacing:-.035em;margin:0 0 12px;font-size:clamp(1.7rem,4vw,2.25rem)}.manager-access-form{grid-template-columns:minmax(0,1fr) auto;gap:10px;max-width:640px;margin:22px 0 10px;display:grid}.manager-access-form label{color:#38545b;grid-column:1/-1;font-size:.86rem;font-weight:800}.manager-access-form input{min-width:0}.manager-portal-title-row{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.manager-portal-title-row .secondary-button{flex:none}.manager-portal-footer a{color:#0f7378;font-weight:800}.manager-link-history{margin-top:20px}.manager-history-heading,.manager-history-header-actions,.manager-history-actions{align-items:center;gap:12px;display:flex}.manager-history-heading{justify-content:space-between}.manager-history-heading h2,.manager-history-item h3{color:#0f172a;margin:0}.manager-history-heading h2{font-size:clamp(1.4rem,3vw,1.8rem)}.manager-history-count,.manager-history-result-count{color:#5e747b;margin:5px 0 0;font-size:.84rem;font-weight:700}.manager-history-header-actions{flex:none}.manager-history-compact-button{border-radius:10px;min-height:34px;padding:7px 11px;font-size:.76rem}.manager-history-panel{border-top:1px solid #d8e2e5;margin-top:20px;padding-top:18px}.manager-history-toolbar{grid-template-columns:minmax(210px,1.6fr) repeat(4,minmax(118px,1fr));align-items:end;gap:10px;display:grid}.manager-history-filter{min-width:0}.manager-history-filter label{color:#3d5961;letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;font-size:.7rem;font-weight:800;display:block}.manager-history-filter input,.manager-history-filter select{width:100%;min-height:42px;padding:9px 11px;font-size:.82rem}.manager-history-result-count{margin:14px 0 9px}.manager-history-empty{color:#5e747b;margin:0}.manager-history-list{gap:8px;display:grid}.manager-history-item{background:var(--light-surface-raised);border:1px solid #d8e2e5;border-radius:12px;overflow:hidden}.manager-history-row{grid-template-columns:minmax(150px,1.35fr) auto minmax(118px,.9fr) minmax(52px,.35fr) minmax(118px,.9fr) auto;align-items:center;gap:12px;min-width:0;padding:11px 12px;display:grid}.manager-history-identity{min-width:0}.manager-history-item h3{overflow-wrap:anywhere;font-size:.9rem}.manager-link-status{letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:4px 9px;font-size:.7rem;font-weight:900}.manager-link-status.is-active{color:#166534;background:#dcfce7}.manager-link-status.is-revoked{color:#991b1b;background:#fee2e2}.manager-history-label,.manager-history-stat span,.manager-history-details span{color:#71868c}.manager-history-label{color:#5e747b;overflow-wrap:anywhere;margin:3px 0 0;font-size:.76rem}.manager-history-stat{min-width:0}.manager-history-stat span,.manager-history-details span{letter-spacing:.04em;text-transform:uppercase;font-size:.7rem;font-weight:800;display:block}.manager-history-stat strong{color:#1c3a42;overflow-wrap:anywhere;margin-top:2px;font-size:.74rem;font-weight:800;display:block}.manager-history-stat-uses{text-align:center}.manager-history-actions{justify-content:flex-end;gap:6px}.manager-history-details{background:#f5f9fa;border-top:1px solid #d8e2e5;grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);gap:16px;padding:11px 12px;display:grid}.manager-history-details>div,.manager-history-detail-link>div{min-width:0}.manager-history-details strong,.manager-history-details code{color:#1c3a42;overflow-wrap:anywhere;margin-top:4px;font-size:.78rem;display:block}.manager-history-detail-link{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.manager-history-details code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.manager-history-load-more{min-height:40px;margin:14px auto 0;padding:9px 20px;display:block}[data-theme=dark] .manager-brand,[data-theme=dark] .manager-portal-card h1,[data-theme=dark] .manager-history-heading h2,[data-theme=dark] .manager-history-item h3{color:#f8fafc}[data-theme=dark] .manager-access-form label,[data-theme=dark] .manager-link-field label{color:#cbd5e1}[data-theme=dark] .manager-history-panel,[data-theme=dark] .manager-history-details{border-color:#3d5961}[data-theme=dark] .manager-history-item{background:#142b33;border-color:#3d5961}[data-theme=dark] .manager-history-details{background:#10252c}[data-theme=dark] .manager-history-count,[data-theme=dark] .manager-history-result-count,[data-theme=dark] .manager-history-empty,[data-theme=dark] .manager-history-label,[data-theme=dark] .manager-history-stat span,[data-theme=dark] .manager-history-details span{color:#9fb8be}[data-theme=dark] .manager-history-filter label{color:#cbd5e1}[data-theme=dark] .manager-history-stat strong,[data-theme=dark] .manager-history-details strong,[data-theme=dark] .manager-history-details code{color:#e3f0f2}[data-theme=dark] .danger-button{color:#fecaca;background:#3a2024;border-color:#7f4545}@media (width<=900px){.manager-history-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.manager-history-search-filter{grid-column:1/-1}.manager-history-row{grid-template-columns:minmax(0,1fr) auto repeat(3,minmax(96px,.6fr))}.manager-history-actions{grid-column:1/-1;justify-content:flex-start}}@media (width<=640px){.manager-access-form{grid-template-columns:1fr}.manager-portal-title-row{flex-direction:column;align-items:stretch}.manager-portal-title-row .secondary-button{width:100%}.manager-link-form-grid{grid-template-columns:1fr}.manager-history-heading{flex-direction:column;align-items:flex-start}.manager-history-header-actions{width:100%}.manager-history-header-actions .manager-history-compact-button{flex:1 1 0;width:auto}.manager-history-toolbar,.manager-history-row,.manager-history-details,.manager-history-detail-link{grid-template-columns:1fr}.manager-history-row{gap:9px}.manager-history-row .manager-link-status{justify-self:start}.manager-history-stat{grid-template-columns:70px minmax(0,1fr);align-items:baseline;gap:8px;display:grid}.manager-history-stat strong{margin-top:0}.manager-history-stat-uses{text-align:left}.manager-history-actions{flex-wrap:wrap;justify-content:flex-start}.manager-history-actions .manager-history-compact-button,.manager-history-detail-link .manager-history-compact-button{width:auto}.manager-history-details{gap:12px}.manager-history-detail-link .manager-history-compact-button{justify-self:start}.manager-history-search-filter{grid-column:1/-1}}.public-test-divider{color:#75898e;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:12px;margin:28px 0 22px;font-size:.72rem;font-weight:800;display:flex}.public-test-divider:before,.public-test-divider:after{content:"";background:#dce6e8;flex:1;height:1px}.assessment-candidate-fields{background:var(--light-surface-raised);border:1px solid #c9dde0;border-radius:14px;padding:17px 19px}.assessment-candidate-fields h3{color:#102a33;margin:0;font-size:1.05rem}.assessment-candidate-fields>p{color:#60777d;margin:-5px 0 5px;font-size:.86rem}.assessment-candidate-card{background:var(--light-surface-raised);border:1px solid #c9dde0;border-radius:14px;gap:3px;margin:22px 0;padding:17px 19px;display:grid}.assessment-candidate-card span,.assessment-candidate-card small{color:#60777d}.assessment-candidate-card span{letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:800}.assessment-candidate-card strong{color:#102a33;font-size:1.15rem}.assessment-keyboard-fields{border-top:1px solid #e1e9eb;margin:0 0 22px;padding-top:20px}.assessment-keyboard-fields h3{color:#102a33;margin:0 0 4px;font-size:1.05rem}.assessment-keyboard-fields>p{color:#60777d;margin:0 0 16px;font-size:.92rem}.assessment-keyboard-fields .input-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.assessment-start-button{min-width:220px}.professional-result-card{gap:24px;padding:30px;display:grid;overflow:hidden}.result-report-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.result-report-header h2{color:#102a33;letter-spacing:-.035em;margin:0 0 6px;font-size:clamp(1.65rem,3vw,2.2rem)}.result-report-header .subtext{margin:0}.result-complete-badge{color:#28633d;background:#f0f8f3;border:1px solid #b8d9c5;border-radius:999px;flex:none;padding:8px 12px;font-size:.78rem;font-weight:800}.manager-report-status{background:var(--light-surface-raised);color:#315861;border:1px solid #c7dce0;border-radius:12px;padding:13px 15px;font-size:.92rem;font-weight:700}.manager-report-retry{margin-left:12px;padding:7px 11px}.manager-report-status-sent{color:#28633d;background:#f0f8f3;border-color:#b8d9c5}.manager-report-status-warning{color:#835319;background:#fffaf1;border-color:#ead1a9}.manager-report-status-error{color:#8d2828;background:#fff7f7;border-color:#f1b8b8}.headline-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.headline-metric{background:var(--light-surface-raised);text-align:center;border:1px solid #c7dce0;border-radius:18px;align-content:center;justify-items:center;min-height:178px;padding:24px;display:grid}.headline-metric span{color:#49666d;letter-spacing:.1em;text-transform:uppercase;font-size:.82rem;font-weight:800}.headline-metric strong{color:#0c7278;letter-spacing:-.06em;margin:7px 0 5px;font-size:clamp(3rem,8vw,4.6rem);line-height:.95}.headline-metric small{color:#5f747a}.headline-metric-accuracy{background:#f3f8f4;border-color:#c9dfcf}.headline-metric-accuracy strong{color:#2c7042}.supporting-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.supporting-metrics>div{background:var(--light-surface-raised);text-align:center;border:1px solid #e0e8ea;border-radius:13px;gap:7px;min-width:0;padding:15px 12px;display:grid}.supporting-metrics span{color:#5f747a;font-size:.74rem;font-weight:700;line-height:1.3}.supporting-metrics strong{color:#18343c;font-size:1.45rem}.result-section{background:var(--light-surface-raised);border:1px solid #dce6e8;border-radius:18px;min-width:0;padding:24px}.result-section-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.result-section-heading>div>span{color:#0f7378;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:800}.result-section-heading h3{color:#18343c;margin:5px 0 0;font-size:1.2rem}.result-section-heading>p{color:#5f747a;text-align:right;max-width:360px;margin:0;font-size:.85rem;line-height:1.5}.performance-legend{color:#526a71;flex-wrap:wrap;gap:10px 18px;margin-bottom:10px;font-size:.78rem;font-weight:700;display:flex}.performance-legend span{align-items:center;gap:7px;display:inline-flex}.legend-line{border-radius:999px;width:22px;height:3px;display:inline-block}.legend-net{background:#087f8c}.legend-gross{background:#8b5cf6}.legend-marker{width:9px;height:9px;display:inline-block}.legend-error{background:#8b0000;border-radius:50%}.legend-correction{background:#d98a00;border-radius:2px;transform:rotate(45deg)}.performance-chart-wrap{background:var(--light-surface);border:1px solid #e1e9eb;border-radius:14px;width:100%;min-width:0;overflow:hidden}.performance-chart{width:100%;min-width:0;height:auto;display:block}.performance-grid-line{stroke:#dfe8ea;stroke-width:1px}.performance-grid-line-vertical{stroke-dasharray:4 6}.performance-axis-label,.performance-axis-title{fill:#5f747a;font-size:12px;font-weight:700}.performance-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.performance-line-gross{stroke:#8b5cf6;stroke-width:2.25px}.performance-line-net{stroke:#087f8c;stroke-width:2.25px}.performance-sample-dot{fill:#fff;stroke-width:1.5px}.performance-sample-dot-net{stroke:#087f8c}.performance-sample-dot-gross{stroke:#8b5cf6}.performance-event-error{fill:#8b0000;stroke:#fff;stroke-width:1px}.performance-event-correction{fill:#d98a00;stroke:#fff;stroke-width:1px}.timeline-accuracy-summary{color:#526a71;background:#f2f7f7;border-radius:11px;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;padding:12px 14px;font-size:.83rem;display:flex}.timeline-accuracy-summary strong{color:#21474f}.performance-observations{margin-top:18px}.performance-observations h4{color:#29464d;margin:0 0 8px;font-size:.94rem}.performance-observations ul,.integrity-facts{color:#4e686f;margin:0;padding-left:20px;line-height:1.65}.timeline-unavailable{background:var(--light-surface-raised);color:#60777d;border:1px dashed #bccdd1;border-radius:12px;padding:18px}.integrity-badge{border:1px solid;border-radius:999px;flex:none;padding:8px 11px;font-size:.76rem;font-weight:800}.integrity-clear{color:#28633d;background:#f0f8f3;border-color:#b8d9c5}.integrity-review{color:#835319;background:#fffaf1;border-color:#ead1a9}.integrity-clear-copy{color:#41664d;margin:0}.integrity-disclaimer{color:#5f747a;margin:13px 0 0;font-size:.78rem}.result-details-grid{background:#e0e8ea;border:1px solid #e0e8ea;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;display:grid;overflow:hidden}.result-details-grid>div{background:var(--light-surface-raised);min-width:0;padding:13px 14px}.result-details-grid dt{color:#5f747a;letter-spacing:.04em;text-transform:uppercase;margin-bottom:5px;font-size:.72rem;font-weight:800}.result-details-grid dd{overflow-wrap:anywhere;color:#1c3a42;margin:0;font-size:.9rem;font-weight:700}.result-actions{padding-top:2px}[data-theme=dark] .assessment-eyebrow,[data-theme=dark] .result-section-heading>div>span{color:#67d1d5}[data-theme=dark] .manager-link-form>label,[data-theme=dark] .manager-link-output>label,[data-theme=dark] .assessment-candidate-fields label{color:#cbd5e1}[data-theme=dark] .assessment-status,[data-theme=dark] .assessment-company,[data-theme=dark] .assessment-candidate-card,[data-theme=dark] .assessment-candidate-fields,[data-theme=dark] .manager-link-output,[data-theme=dark] .headline-metric,[data-theme=dark] .manager-report-status,[data-theme=dark] .timeline-accuracy-summary,[data-theme=dark] .timeline-unavailable{color:#c6dadd;background:#142b33;border-color:#3d5961}[data-theme=dark] .assessment-candidate-card strong,[data-theme=dark] .assessment-candidate-fields h3,[data-theme=dark] .assessment-keyboard-fields h3,[data-theme=dark] .result-report-header h2,[data-theme=dark] .result-section-heading h3,[data-theme=dark] .supporting-metrics strong,[data-theme=dark] .timeline-accuracy-summary strong,[data-theme=dark] .performance-observations h4,[data-theme=dark] .result-details-grid dd{color:#f1f7f8}[data-theme=dark] .assessment-keyboard-fields{border-color:#334b53}[data-theme=dark] .headline-metric strong{color:#6ed4d8}[data-theme=dark] .result-complete-badge,[data-theme=dark] .integrity-clear{color:#9ee0b1;background:#142c22;border-color:#426652}[data-theme=dark] .headline-metric span,[data-theme=dark] .supporting-metrics span,[data-theme=dark] .result-details-grid dt{color:#c6dadd}[data-theme=dark] .headline-metric small,[data-theme=dark] .result-report-header .subtext,[data-theme=dark] .result-section-heading>p,[data-theme=dark] .performance-legend,[data-theme=dark] .integrity-disclaimer{color:#adc3c8}[data-theme=dark] .headline-metric-accuracy,[data-theme=dark] .manager-report-status-sent{background:#142c22;border-color:#426652}[data-theme=dark] .headline-metric-accuracy strong{color:#83d49b}[data-theme=dark] .supporting-metrics>div,[data-theme=dark] .result-section,[data-theme=dark] .result-details-grid>div{background:#12272f;border-color:#344c54}[data-theme=dark] .result-details-grid{background:#344c54;border-color:#344c54}[data-theme=dark] .performance-chart-wrap{background:#0e2229;border-color:#344c54}[data-theme=dark] .performance-grid-line{stroke:#304a52}[data-theme=dark] .performance-axis-label,[data-theme=dark] .performance-axis-title{fill:#adc3c8}[data-theme=dark] .performance-line-gross{stroke:#8b5cf6}[data-theme=dark] .performance-line-net{stroke:#087f8c}[data-theme=dark] .performance-sample-dot{fill:#10252c}[data-theme=dark] .performance-sample-dot-net{stroke:#087f8c}[data-theme=dark] .performance-sample-dot-gross{stroke:#8b5cf6}[data-theme=dark] .performance-observations ul,[data-theme=dark] .integrity-facts,[data-theme=dark] .integrity-clear-copy{color:#c4d5d8}[data-theme=dark] .manager-report-status-warning,[data-theme=dark] .integrity-review{color:#f0c57d;background:#2e2517;border-color:#70582f}[data-theme=dark] .manager-report-status-error,[data-theme=dark] .assessment-error{color:#f2abab;background:#321d1d;border-color:#704242}@media (width<=980px){.supporting-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.result-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.assessment-keyboard-fields .input-grid{grid-template-columns:1fr}}@media (width<=680px){.professional-result-card{gap:18px;padding:18px}.result-report-header,.result-section-heading{flex-direction:column}.result-section-heading>p{text-align:left;max-width:none}.headline-metric{min-height:150px;padding:18px}.supporting-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.result-section{padding:17px}.performance-chart-wrap{overflow:hidden}.timeline-accuracy-summary{flex-direction:column;align-items:flex-start;gap:5px}.integrity-badge{white-space:normal}}@media (width<=500px){.manager-link-controls{grid-template-columns:1fr}.manager-link-controls .primary-button,.manager-link-controls .secondary-button{width:100%}.headline-metrics,.result-details-grid{grid-template-columns:1fr}.headline-metric strong{font-size:3.4rem}.performance-legend{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.performance-axis-label,.performance-axis-title{font-size:14px}.assessment-start-button{width:100%;min-width:0}}