.container{margin:0 auto;padding:0}.recorder[data-v-40299414]{min-height:100vh;display:flex;flex-direction:column;background-color:#fff}.header[data-v-40299414]{background-color:#f8f9fa;color:#015c96;box-shadow:0 2px 4px #0000001a;width:100%}.logo[data-v-40299414]{padding:1rem;height:50px;width:auto}.recording-container[data-v-40299414]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;margin:0 auto;width:50%}.recording-status[data-v-40299414]{text-align:center;margin-bottom:2rem;color:#036}.recording-status.completed[data-v-40299414]{color:#063}.keystrokes-display[data-v-40299414]{width:100%;max-width:800px;background:#f8f9fa;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.keystrokes-label[data-v-40299414]{background:#036;color:#fff;padding:1rem;font-weight:700}.keystrokes[data-v-40299414]{padding:2rem;min-height:100px;white-space:pre-wrap;word-break:break-all;font-family:monospace;font-size:1.1em;background:#fff}.footer[data-v-40299414]{background-color:#f8f9fa;color:#015c96;text-align:center;padding:1rem;margin-top:auto}h1[data-v-40299414]{margin:0;font-size:1.5rem}h2[data-v-40299414]{font-size:2rem;margin:0 0 1rem}:root{font-family:Arial,Helvetica,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#333;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0!important;display:flex;place-items:center;width:100%;height:100vh}.card{padding:2em}#app{width:100%;margin:0;padding:0;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}