:root{color-scheme:light dark;font-family:system-ui,sans-serif}body{margin:0}main{max-width:720px;margin:0 auto;padding:1.5rem}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #8884}.navbar-brand{font-weight:700;text-decoration:none;color:inherit}.navbar-links{display:flex;gap:1rem;align-items:center}.navbar-user{font-weight:600}.page-narrow{max-width:420px;margin:0 auto}form,.recording-form,.mix-player{display:flex;flex-direction:column;gap:.75rem}label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}.radio-label,.checkbox-label{flex-direction:row;align-items:center;gap:.5rem}fieldset{border:1px solid #8884;border-radius:6px;display:flex;flex-direction:column;gap:.5rem}.fieldset-body{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}input,select,textarea,button{font:inherit;padding:.4rem .6rem;border-radius:4px;border:1px solid #8886}button{cursor:pointer;width:fit-content}.recording-controls{display:flex;align-items:center;gap:.75rem}.form-error{color:#d33}.form-success{color:#2a8}.track-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:1rem}