.app-shell{width:100%;max-width:1080px;margin:0 auto;padding:68px 16px 0;display:flex;flex-direction:column;gap:24px}.page-header{padding:0;text-align:center}.page-header-copy{max-width:none}.page-header h1{margin-top:0;font-family:var(--font-mono);font-size:clamp(2.6rem,8vw,4.7rem);font-weight:800;line-height:1;letter-spacing:normal;word-spacing:-0.2em}.keyboard-strip{width:100%;min-height:38px;margin-top:28px;padding:0 38px;pointer-events:none}.theme-switch{position:absolute;top:-2px;right:0;z-index:10;display:inline-flex;align-items:center;gap:2px;padding:8px;border:2px solid var(--text);background-color:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.test-panel{position:relative;overflow:hidden;scroll-margin-top:24px;border:1px solid var(--border);border-radius:var(--radius-xl);background-color:var(--surface);box-shadow:var(--shadow-md)}.results-panel{scroll-margin-top:24px}.footer{margin-top:88px}@media (width>=768px){.app-shell{padding-top:112px;padding-right:24px;padding-left:24px}.theme-switch{top:60px;right:60px}}@media (width>=1280px){.app-shell{padding-right:0;padding-left:0}}@media (width < 768px){html[data-theme="light"] .theme-switch [data-theme-choice="light"],html[data-theme="dark"] .theme-switch [data-theme-choice="dark"]{display:none}.keyboard-strip{min-height:70px}}@media (width <=480px){.app-shell{padding-top:60px;gap:20px}.keyboard-strip{min-height:65px;padding:0 20px}.footer{margin-top:64px}}