body,html{margin:0;padding:0;width:100%;font-family:Arial,sans-serif}header{justify-content:space-between;background-color:#fbf3f3;padding:10px 20px}.header-center,.header-left,.header-right,header{display:flex;align-items:center}.header-center{flex-direction:column}.app-store-link img,.header-center .logo-image{width:100px;height:auto}nav ul{list-style-type:none;padding:0}nav ul li{display:inline;margin-right:10px}nav a{text-decoration:none;color:#000;font-weight:700}nav a:hover{text-decoration:underline}.audio-control{display:flex;align-items:center}.audio-toggle{cursor:pointer;background:transparent;border:none;font-size:1em;padding:5px}.audio-toggle:hover{text-decoration:underline;opacity:.8}audio{width:100%;max-width:300px;display:block;margin:0 auto 20px}.app{margin-right:50px;margin-left:50px}footer{text-align:center;padding:20px;background-color:#fbf3f3}footer a,footer p,footer small{color:#333}.footer-container{display:flex;justify-content:center}.footer-content{text-align:center}.home-main{display:flex;justify-content:center;padding:40px 20px}.form-section{width:100%;max-width:640px}.connection-form{gap:20px}.connection-form,.form-field{display:flex;flex-direction:column}.form-field label{font-weight:700;margin-bottom:5px}.form-hint{margin:0 0 5px;font-size:.9em;color:#555}.form-field input,.form-field textarea{padding:10px;font-family:inherit}.form-field input,.form-field textarea,.form-submit{font-size:1em;border:1px solid #999;border-radius:4px}.form-submit{align-self:flex-start;padding:10px 30px;font-weight:700;cursor:pointer;background-color:#fbf3f3}.form-submit:hover:enabled{opacity:.8}.form-submit:disabled{cursor:wait}.form-success{font-size:1.1em;font-weight:700}.form-error{color:#b00020;margin:0}