*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;color:#333;background-color:#fff;max-width:800px;margin:0 auto;padding:2rem 1rem}h1{font-size:1.8rem;font-weight:500;margin-bottom:1.5rem;color:#222}label{display:block;margin-bottom:.5rem;font-size:.9rem;font-weight:500}input[type=file]{margin-bottom:.5rem;width:100%;max-width:300px}input{padding:.5rem;border:1px solid #ddd;border-radius:3px;margin-bottom:.25rem;font-size:.9rem}input[type=number]{width:100px}.helper-text{font-size:.8rem;color:#666;margin-bottom:1rem}audio{width:100%;margin:1.5rem 0}.hidden{display:none}button{background-color:#008bcc;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:3px;cursor:pointer;font-size:.9rem;transition:all .2s ease;margin-top:.5rem;font-weight:500}button:hover:not(:disabled){background-color:#0052a3;box-shadow:0 2px 4px #0000001a}button:focus{outline:2px solid #0066cc;outline-offset:2px}button:disabled{background-color:#b3d1f0;color:#5a8bba;cursor:not-allowed}button:active:not(:disabled){transform:translateY(1px)}.control-group,.explanation{margin-bottom:1.5rem}.message{margin-top:1.5rem;padding:.75rem;background-color:#f0f7ff;border-left:3px solid #0066cc;font-size:.9rem;min-height:3rem;color:#00407a;border-radius:0 3px 3px 0}.support-section{border-top:1px solid #eaeaea;margin-top:2rem;padding-top:1rem;text-align:center;font-size:.9rem}.support-section a{color:#0070f3;text-decoration:none;font-weight:500;transition:color .2s ease}.support-section a:hover{color:#0051b3;text-decoration:underline}